#there is . so much javascript here | Explore Tumblr posts and blogs

twst-drabbles · 22 days ago

Note

Silly, sanctuary au where the shame bucket makes it's grand return but whenever the caretaker tries to take it out the tweels take it back.

It's somehow a reminder of the good old times when they were all tiny and everything was so innocent (cough cough) and when someone tries to take it they will draw blood

Floyd and Jade 10

Summary: Jade and Floyd were supposed to be in timeout for fighting, each to wear their own shame buckets, but when you went out to the sands, you found them both fighting over the very first shame bucket you've ever had.

(I get so easily distracted by coding. Twas working on the website, tinkering with the JavaScript to make things easier for me. Also I got bitten by mosquitoes again, so now I'm on the ice-pack until it all goes down…five days later…AGH! Anyways, here it beeeee! It's a silly little thing, the angst more of a background thing but certainly still there.)

Crowley could charm this bucket to the moon and back and even then it won't be able to survive the march of time. The bucket, once a bright yellow thing that you used to make sandcastles with, was banged up, scratched up, and more a musty yellow now. Survived a lot of damage, and it's still usable for the purpose you've transferred it to.

As a shame bucket.

Of course, you couldn't exactly grab and stick Jade and Floyd into the bucket anymore. They've grown too fast and too big, and were probably eager for it as well. You couldn't count the amount of time you've caught Floyd dragging himself on his belly towards the door, or Jade trying to unlock the window. They're smart, you know this, so you're under the impression that they…like being caught, weirdly enough. You've seen the way Floyd flopped around on his belly in excitement, even though he looked ready to bite and maim, and the way the tip of Jade's tail started to twitch even though his jaw was tight with a smile.

Little weirdos. Well, they're not exactly little anymore. And you can't shove them in the bucket like you used to. Doesn't mean they're any less weird.

"Alright, time's up," you kicked on your sandals and shoved your phone in your pocket, "timeout's over, give me the bu--"

Somehow, without so much as a squeak or a sound, Jade and Floyd were caught up in yet another fight, this time with the shame bucket. Piles of sand were scattered about until they were basically shuffling around in a semi-deep pit of water and mucus. Their tails lashing and slamming against said sides of the pit, with Jade shoving Floyd into the puddle while trying to yank the bucket from his claws that had hooked deeply into the lip.

Impressive that they can be so quiet while they fight, too bad they're still not any better at keeping a concept of time when doing so.

You clapped your hands and that was enough for Jade's back to ramrod straight and finally let go of the bucket. With a bubbling, "Yay!" Floyd dragged himself out of the pit and placed the bucket on his head, adjusting it as if a party hat. He sat pretty on the edge as if nothing was wrong.

"What," you pinched the bridge of your nose, "are you two doing?"

"Fighting over the bucket," said Jade and Floyd, in such rare unison. This apparently further annoyed them because they glared at each other right after.

"Fighting over the bucket." Because of course, of course they would. Leave it them to fight over anything and everything.

"I was simply reminding Floyd that it was my turn to wear the shame bucket." Jade said with a tight smile on his face, hand over his chest as if that'll do anything to soften his wound up self.

"And I said I wanted to wear it." Floyd said with a large, victorious grin on his face, flicking his tail and throwing sand up in the air.

"But," you vaguely gestured to the other red bucket that was there, "you have two buckets."

"We wanted this one," Jade pointed.

"Yeah," Floyd agreed bluntly.

"We have so many fond memories with this one," Jade sighed wistfully, leaning against a large rock near the pit.

"Yup, my little teeth marks are still in there," Floyd tilted the shame bucket to get a better look at it. "Just not the same, you know?"

…you can't help but sigh at these troublemakers.

Your troublemakers.

But now's not the time to get lost in anything, they're still being punished for fighting with each other, and fighting again when they're supposed to be in timeout.

You held out your hand. "Give me the bucket, I have to see the damage you've caused on it."

"Aw…" Floyd visibly sagged.

"Haha." Jade took pleasure in that.

"Give it," you went and reached for it, but Floyd let himself fall flat on his back just as your fingers skimmed the old thing. "Floyd."

"Hmm…Nah." Floyd grabbed it and tossed it Jade's way. He caught it with a very, very amused smile on his face that meant nothing but trouble.

Especially when Jade placed it upon his own head.

"…are we really going to be doing this?" You sighed, tossing away your sandals.

"Yes," said Jade.

"Yup," said Floyd.

#twst #twisted wonderland #twst-drabbles #drabble #octavinelle #jade #jade leech #floyd #floyd leech #sanctuary au #reader insert #ask

84 notes · View notes

wholesalemagnesiumoxide · 2 months ago

Text

The Simslops Afterword

hello everybody! thank you for reading my book. seeing people talk about it has been very gratifying & encouraging.

i was going to write this up essay style, but doing it as a q&a is more fun and still lets me cover everything i wanted to, so let's begin.

q&a

first off, a question from @aminoasinine which i'll address in parts:

I really enjoyed Simslops, and in particular I think the "dwarf fortress event log" style of writing is a great way to showcase the machine/algorithm aspect of it. What software was used for this? Did it have trouble keeping track of so many characters? I noticed the centipedes and other numbered masses were accurately tracked throughout the text, which is something that I know AI tends to struggle with. I'm also curious to know how much of the chapters' 'plot' was laid out in advance by the prompting, and whether any major events were the result of emergent narrative. In particular, the coffin + Maude's Salvation plot towards the end definitely felt like direct intervention on your part, but was the AI reacting to you inserting those things, or were you editing the text around them after the fact?

the simslops is the product of a custom program written in nodejs. the source code is available at the download page if you want to examine it in detail, but the core of the framework is as follows:

there are actors, items, and rooms with names and numerical flags.

there are actions, each defined by their conditions, effects upon the scene, and chance of being selected.

each chapter is defined by its starting conditions and available actions.

each round or tick (whatever you want to call it), a random available action is applied to the scene.

this is repeated until an action ends the scene or there are no more actions left to perform.

each action narrates itself when applied to a scene. for example, the source code for the "pick up an item" action looks like this:

hopefully this is at least semi-intelligible if you don't know javascript. the first parameter defines what the action acts upon: in this case, an actor and an item. the second is the condition: the item must not already be held, and it must not have the pickupAttempted flag. the third is responsible for how the action affects the scene, and the string it returns is how the action is described in the text. when an actor goes to pick something up, if that something is immovable, this is noted. (otherwise every scene devolves into everybody struggling to pick up a couch.) if it's not immovable, the actor picks it up. the first case is described with "actor tries to pick up item, but it's hardly portable." (a reference to the inform 7 default responses) and the second with "actor picks up item." the fourth parameter says to multiply this action's weight by ten if the item in question has a description and has yet to be examined.

each action is defined similarly. a handful use grammars for more varied output, but the majority just have simple fill-in-the-blank sentences. all together there's nearly 6k lines of nodejs to define the whole book. this project started as a test case for this framework, actually. i was outlining a short story and hating it and had a thought: what if i wrote a program to generate an outline for me? then i could have a skeleton to work from and could get to the fun part, the actual writing. out of whimsy i decided to put some simpsons characters in a room and make them fuck. this is a more exhaustive test case than you'd expect. it handles solo actions (moaning) and pair actions (lustful looks & sex.) sex only happens when both participants are horny, which requires setting flags for each actor. kramer's appearance is an action not tied to anything in the scene, and giving birth is an action that creates new actors. a great deal of my motivation here (and in many other things) was "wouldn't it be funny / fucked up if..." but it also did its job of test case pretty well. once i added items, that necessitated inventories; theft & picking up & putting down all require certain types of checks.

it's funny that you mention emergent narrative, because i really think the simslops really became what it was in the telling. early in the process i became enamored with the image of one of the characters descending through text adventure geography, lost and alone. thus came the turn to pathos. i had read "does marge have friends" some time prior, which inspired maude's inclusion and the role she plays. from there i built things out with twin eyes toward thematics and "funny/fucked up". i do find it interesting to what extent all that was emergent from the implementation. it's a framework that tends towards reducing things to mush. a semantic satiation machine.

anyway, i hope this answers your question --- it's not LLM-based, it uses older, more "traditional" procgen techniques. the plot of each chapter is roughly scaffolded by the actions i attach to it. it's really incredibly authored; it's difficult for this framework to surprise me except by juxtaposition. under this framework it's also pretty trivial to track any number of actors. so, to answer this question from @zedogica:

how much of simslops was embellished from the original generated text? a few moments stood out to me

none of it. you can download the source and get your own personal simslops. the only human embellishment was done during development. in an ideal world, this would live on a server somewhere and everyone could download a unique generation. unfortunately, i don't have the knowhow for that kind of thing. (my understanding is that you need to do a lot when writing server-side code to make sure you don't expose a million security vulnerabilities.) i've contented myself with doing what i can client-side: releasing the source code & setting up the download button to give you one of five pre-generated outputs.

returning to aminoasinine's question:

I also really like the difference in language used during the Deviltongue chapters. It's interesting to see what changes when the tone is explicitly defined as 'horror' or 'scary', and how that seemingly translates to those bizarre compound words like tribulationmalice and torturefrenzy. I think it's my favorite chapter(s) in general because of how it takes a much different tone and hammers it into the same monotonous nothing as the other chapters despite its more 'active' and ostensibly 'less boring' setting than your standard centipede sex house. everything shakes and moans and howls with blood-malice, lymph and spines standing on end, over and over until it doesn't mean anything anymore. everyone and everything is trembling in fear of a grim finality bearing down that never actually comes, because nothing ever ends. It's the same nothing-emotion as all the unbearable passionate lust in the sex scenes, an emotional signifier that signifies absolutely nothing.

thank you! the strange compounds are a product of the aforementioned grammars, as are the shaking and moaning and howling. writing the dungeon & horror chapters made me realize i really like broad, dumb pastiches. there's something very satisfying about taking cliches and mangling them.

Anyway, the choice to have 'pet the dog' in every scene did not go unnoticed, I think the last three lines are my favorite part, and finally, I think every book from now on should open with a horoscope chart made from out of context quotes. Thank you for making this, I will be watching your neocities with great interest :)

thank you for reading it! two fun facts about the horoscopes:

each entry's text is taken from a random item description.

the dates are wrong, each offset by a day. due to my strong personal convictions i wished to stress that this novella in no way endorses the practice of astrology.

an anonymous question:

So Marge crying during the video game sequence show the reduction of feelings into simple fun, even though the human experiencing the games in question might feel other emotions when playing them. But what do the horror sections represent? I got the gist of most parts, but as I don’t engage with horror medium often I feel like the commentary is lost on me. What were you trying to say with the horror sections, in other words?

first: one of the major benefits of the framework i used here is that it's very good at creating unintended juxtapositions. the only prerequisite for weeping is if the actor in question is holding part of a corpse, but depending on the context, it can take on a number of different connotations.

second:

a lot of usamerican horror films (particularly aliens and predator) are sublimations of the anxieties surrounding the vietnam war. both are about big grizzled soldier guys getting picked off by an unseen yet omnipresent foe who can strike from anywhere. hell, one of them is even set in a jungle. slender: the eight pages, being a game about the Scary Getter following you around in a forest, feels of a type with these.

seymour skinner was a us soldier in the vietnam war.

in that vein, another anonymous question:

also I understand almost all of the references in the chicken’s names but how does sylvester stallone figure into colonialism?

one of sylvester stallone's two big roles is the rambo series, where he's a heroic us soldier rescuing prisoners of war in vietnam, repelling the soviets in afghanistan, or performing other jingoistic acts of horrendous violence. the other is rocky where he plays a white boxer (the "italian stallion") who's built up as a contender to the current reigning champion, Black boxer apollo creed. he's of a type with the other americana culture slop included, i think.

another question from aminoasinine:

Damn, I thought of another question right after I sent that long-ass ask. What was the thought process behind making The Bart such a minor part of the story? Is it out of a desire (or the AI's internal rules) not to have a child present in the gore/sex chapters, or is it more about how Bart as a character seems almost /more/ of a product or symbol than any of the other characters? Like, he can't really mingle with the other 'people' in this setting, because he is something beyond, having transcended any semblance of characterhood to become ONLY product? Is this the end state of every simslop, to eventually be reduced to a series of identical stimuli on a conveyor belt of endless content?

i settled on the cast of characters pretty early. homer and marge are obvious. ned is also pretty obvious. maude is the emotional core. "kramer bursts in" is a pretty common meme. and i had steamed hams edits on the brain, so seymour gets to come, too. i scaffolded out my story with a focus on these six and whatever pathos & resonance i could wring out of them.

i don't think i had any plans to include bart until i came up with that pun. "the work of bart in the age of mechanical reproduction." that + the factory itself is a very good illustration of the funny/fucked up philosophy & dichotomy. (i think i also had the bart doll from the trash meteor episode of futurama in mind.)

anyway, to answer your actual question: yeah, i didn't want to put bart in the main story because i didn't want to put a child in the mix, and he didn't fit in the outline i had drawn up. i think the intermissions pretty accurately capture the pathos of bart & milhouse, though. the funko pop scamp and the perpetual punching-bag.

this next question is from @where-your-eyes-dont-go:

I'm curious about the reason for "_ pets the dog" being such a frequent refrain in so many sections. I could read it a few ways— it's an action that's often used to humanize characters, and it occasionally does seem to give the characters more apparent personhood, the action almost automatically being interpreted by the reader as affection showcasing an internal life—but its repetition seems to force the reader to instead view it as just another merely automatic process. It also could be a bit of commentary on the common claim that a "pet the dog" button in video games automatically makes such games better. I'd love to know more about your thought process here.

early in the development process, i added "actor votes blue." as an inane flavor action. rqd suggested they pet the dog, and i thought it was brilliant. "can you pet the dog" is exactly the kind of empty posturing i want to satirize. i thought it would be best if the dog is never simulated otherwise. just as petting the dog is an empty gesture in games, in the simslops the dog only exists "in flavor", not mechanically. there is no dog actor or dog affection flag, it's just implied there's a dog around for each scene. the suggestion of something cozy and wholesome and cute happening without any actual substance. (and bob was there, too.)

(a friend had to dissuade me from adding "actor realizes why they're called Kojima games" as another flavor action.)

this anonymous question befuddled me a bit:

have you read Marge Simpson Anime?

"marge simpson anime... what in the world is marge simpson anime?" and then i looked it up and found a tumblr blog with a bunch of drawings of marge and went "oh yeah! marge simpson anime!" i haven't read it, but i've definitely seen it around, and i'm definitely at least in conversation with it.

(on the subject of things i'm in conversation with, i realized recently that i absolutely should have put too many cooks and the simpsons au where homer is in pain in the further reading section.)

a question from @theoretically-questionable:

I'm curious as to why the choices of both explicit sexual acts and disregard for consistent anatomy within said acts were made for Simslops; was it simply a transgression, influenced by the (surprising) amount of actual simpsons porn, or something else?

this one also befuddled me. my original intent had been to generate oddball descriptions of a consistent set of genitals, but, like. on further reflection, that super isn't borne out by the text. i think my mental image of things changed when i added the "adverbly-verbing" snowclone to the sex grammar. (score one for emergent narrative.) my initial motivation was that i think over-the-top, too-mechanical-to-be-erotic sex is a fun thing to write a generator for, and i find kramer and homer doing obscene things to each other amusing. the end result is a lot more mastaba snoopy in a way i really like.

here's a question from @txttletale:

why the simpsons? as opposed to, for example, family guy

i've had to think for a while on this. my instinctive response is "it was essentially random, an act of whimsy," but that's not a very good answer. surely something drew me to the simpsons, even if it was subconscious. let's try and peel it back a layer. my next theory has to do with pathos. it is very difficult to wring anything remotely poignant out of peter griffin. you put peter griffin in a scary cave and he goes "this reminds me of the time i was in the descent" and we get some inane cutaway gag. i can't imagine lois expressing anything more sincere than a scott the woz video. there's an obvious pathos to meg, the constant butt of the joke; treating her with any degree of seriousness gets you pathos in spades. similarly, that comic where chris griffin and bart simpson go to couples therapy is genuinely affecting. there's something there, but it's a very different something from what the simslops ended up being. (for one, i wouldn't feel comfortable doing all the centipede sex stuff if my principal characters are kids.) there's a similar issue with trying this with south park (which was also something i don't have much familiarity with). while the fandom has bafflingly devoted a great deal of time and energy to the emotional struggles of those little weirdos, i don't really see much potential there.

on the other end, we have futurama, a show with perhaps too much emotional weight to go in the blender in the same way. like, there are the episodes with fry's dog and fry's brother and leela's parents. similarly, bob's burgers and bojack horseman (and i'm sure many other shows) draw their characters too realistically. the simpsons hits a sweet spot. its characters are cartoon-enough, commodified-enough, and emotional-enough. they're in the goldilocks zone along all these axes.

in the simpsons movie, there's a bit where bart and ned go fishing. bart messes up somehow, ned goes to assist, and bart flinches away, expecting to be strangled. what was once a comedy routine, a subversion of the "father-knows-best" sitcom family, is treated with real emotional weight.

how did they ever come back from that? by the end of the film homer had redeemed himself as a person and as a father. it was the emotional climax of the movie or whatever. roll credits. there were a million billion more seasons and despite the increasing age of the voice cast, more simpsons are extruded every day. why bother? the rotten heart was laid bare nearly two decades ago.

finally, a question from @fattyopossum:

have you seen any interpretations of it youd consider like. unexpected, in either a good ro bad way? any takes on it now that its been out that youw erent expecting people to get or new interpretations people brought to it that really resonated with you

a lot of the thematic weight of the simslops feels post-hoc to me, like a new interpretation that wasn't there when i wrote it. again, it really became what it was in the telling; technical decisions lead to thematic weight. all characters who have sex have the same genitalia. i decided this because it made writing the sex grammar easier. however, it's also a huge thematic boon. casting marge and maude as transfem makes maude's abjection and their love for eachother much more impactful. it's really easy for me to get chicken-or-the-egg about it. which came first, the High Artistry or the Funny/Fucked Up?

(the real answer, of course, is that it doesn't matter. the text exits anyway and i must shepherd it as it exists, not as i intended it. ego death of the author.)

as for other people's interpretations: i'm quite pleased about the reasoning that anon expressed earlier for why marge was crying while platforming. i was also happy to hear a friend's read that kramer had finally found peace in the meadows, that she's with the girls and relaxing and having snacks. it's not really borne out by the text, but it's such a comforting thought, right? maybe if we imagine kramer happy, she will be.

trivia

the first commit hit my git repo in september 2024, and the simslops released march 2025. all in all it took about six months of on-and-off work.

the name "deviltongue" comes from a character i played in a game of neptune's pride. he ended up getting betrayed and dying badly. so it goes. (on a similar note: as a kid, i thought his name actually was "slideshow bob".)

originally, the sundervalley chapters were going to feature more of the classic cozy small farmer simulator tropes. homer was gonna go fishing and chat up the town's eligible bachelors: crow, tom, and cam. it would've distracted too much from the real core of the chapter, though, so it never got implemented.

my original design for the cover looked like this:

i'm still not sure i made the right decision switching to the final composition. i like the oddness of eyes on the hair in that version, but the lines over the hair in the this version remind me of one of the ways you see dicks censored in hentai, which feels thematically appropriate.

on that subject, this texture:

is a heavily mangled collage of a bunch of ai generated images, each of which was created by using the name of a simpsons' character as both prompt and negative prompt. it shows up in the download buttons and (in heavily desaturated form) on the final version of the cover.

the blurbs were slightly modified grammar output. i was pretty fried the day of release & wasn't able to think of anything, so rqd suggested i use a relevant wikipedia extract and use a grammar for the blurbs. i think it turned out pretty well.

there are six secret characters in the simslops. have you found them?

future work

i think i've taken this framework as far as it will go. the system of numerical flags got bent when i stored the farm workers' country of origin as text. the more linear plotted segments required a set of flags trading off each other, which is fiddly to coordinate. generally, everything is very siloed off. the clearest example of this is in the grammars for generating the various bits of procedural text. they're fun to write, and i'm always delighted by the results, but there's a lot of duplication of effort in my current approach. each chapter that uses procedural text has its own grammar with its own set of words and phrases. this is basically fine in this case, but it's not something i want to deal with for future projects. writing grammars is fun, like building a shipyard in a bottle, but it gets mind-numbing after a while. you can only come up with synonyms for laugh so many times, yknow?

my dream is a single massive grammar all output text runs through. since my grammar system can handle conjugating verbs and adding a/an in front of words, integrating all text output with that system would simplify all sorts of things. then i could have big lists of words to query for relevant adjectives or nouns with specific associations, procedural sentence structures, referents that know what adjectives apply to them...

it's really easy to get feature crept in this sphere. we'll see how much of this i'll be able to implement. i don't think all that is necessary to make the simslops framework useful, really. the only thing it urgently needs is some kind of event emitting & handling system. currently all the little special cases have to be implemented specifically. for example, there's a check in the "drop item" action for if the item in question is fragile. if it is, it breaks. if the item is also smoky, we get the "orange smoke pours out" effect. it'd be a lot cleaner (and make me a lot happier) if i could just say "when a smoky object breaks, emit orange smoke" and similar things.

thank you to everyone who read the simslops, and an extra thank you to everyone who asked me questions. now it's time to go back to work on the next issue. it's going to be a very different beast. i hope you enjoy it.

#vexations #the simslops

63 notes · View notes

spiders-around · 1 year ago

Text

YOU MUST MAKE A WEBSITE

Oh wow, look at that! YET ANOTHER post urging you to make a webbed site! What a completely new thing that people haven't made a thousand masterposts for already!!

• Making a website might look scary. It is Not.

At first, I too thought making a website was too much work. It really isn't! It turns out that all you need is

an HTML file,

a web hosting service and

w3schools tutorials,

and that's about it!

This post will point you towards these resources, and others I found useful while figuring out how to make a website.

• VERY QUICK EXPLANATIONS:

What's HTML and CSS?

HTML is the content of your webpage, the skeleton of it. What shows up in a webpage is what's written in the HTML file!

CSS is the way the HTML is styled; the colour of the background and the letters, the size of elements, the font, all that!

Do I absolutely NEED JavaScript for a website?

Not at all! You don't need to worry about learning it before getting started.

• What do I make a website for? What do I put in there?

ANYTHING AND ALMOST EVERYTHING. Here's some ideas for pages from a post of mine were I was very normal about websites:

You can make a page that's only pictures of your pets.

You can make an interactive adventure.

You can make your own academic blog full of your own essays or articles.

You can just post a ton of art or make a full music page.

You can make a blog and infodump eternally, give book reccs and reviews. You can host a thousand virtual pets and nothing else.

Upload entire books in a single html file. Make a wikipedia for your ocs. Make a fake site for a random fictional place (restaurant, hotel, whatever). You can make a thousand fanpages/shrines about your favorite media. You can upload your own webcomic and make it all like a fancy website and shit.

I could keep going but, for the sake of "brevity", I won't.

• WEBSITE EXAMPLES!

If I started listing the websites I know, this post would be bottomless. Here's only seven:

https://publictransit.neocities.org/ - A webbed site, for sure

https://ribo.zone/ - A personal site

https://leusyth.neocities.org/ - An art archive

https://solaria.neocities.org/ - Personal website with A Lot of stuff (it'll come up in a bit, because it offers web making resources)

https://hog.neocities.org/ - The Hogsite

https://thegardenofmadeline.neocities.org/ - Another personal site! It also has a web resources page and has made another masterpost like this one (but better)

https://spiders.neocities.org/ - My own website, which must be weird to see in mobile . sorry

• You've convinced me. I want a webbed site. Where do I start?

https://neocities.org/

FIRST OF ALL: Neocities. It is a free web hosting service, and it's the one I and the sites I linked use!

When I first started, my website was a black page with red letters and a drawing, and nothing else! It was like that for a month, till i started picking up on how to do things.

Here's what helped me get an idea of how to make things work:

https://sadgrl.online/learn/articles/beginners-guide-neocities

An absolute beginners guide to neocities -- while when you make an account there you get a tutorial page from the site, this one's extra support for that.

https://www.w3schools.com/

Learn HTML, CSS, JavaScript and MANY other coding things for free. All the tutorial/reference pages have live testing windows for you to mess with!! helped me a LOT while figuring this stuff out!

https://htmlcheatsheet.com/

https://htmlcheatsheet.com/css/

Cheatsheets for HTML and CSS, respectively. It includes a JavaScript one too!

https://sadgrl.online/webmastery/

Sadgrl's webmastery resources! Also includes the next resource listed here:

https://sadgrl.online/projects/layout-builder/

Sadgrl's layout builder; not a lot of customization at a first glance, but I've seen wildly different websites all using it as a base, plus it works using CSS Flexbox, so it generates a responsive layout!

(basically, a responsive layout is one that translates well in different sized screens)

https://www.tumblr.com/fysa/728086939730919424/wikitable-code?source=share

Tumblr user fysa made this layout imitating a wiki page!

https://brackets.io/

At some point, you might want to do things outside the Neocities code editor and get one outside the site. I recommend Brackets, because my old as fuck computer can run that and absolutely nothing else apparently, and it works wonderfully! Though I recommend either turning off the code autocomplete or using it after a good while of already using the Neocities code editor, so you get used to coding on your own.

http://www.unit-conversion.info/texttools/text-to-html/

Turn your text into HTML code! i use this kind of pages for my lengthy blog entries that I don't feel like formatting myself.

https://imagecompressor.com/

COMPRESS YOUR IMAGES.

The heavier an image is, the more your site weighs and the more time your page will spend loading. You don't want that, specially if your site is heavy on graphics. This might help!

https://solaria.neocities.org/guides

Some CSS, JavaScript and Accessibility guides! Worth checking out!

https://eloquentjavascript.net/

This is a free, interactive book for learning JavaScript! NOTE: It is very intuitive, but JavaScript is HARD!! I still haven't learned much of it, and my website does fine without so don't worry if you end up not doing much with it. It's still useful + the exercises are fun.

And now, accessories!

• Silly stuff for your page :]

https://gifypet.neocities.org/

Make a virtual pet, copy the code and paste it in your HTML file! You'll get a little guy in your webbed site :]

https://www.wikplayer.com/

Music player for your website!

http://www.mf2fm.com/rv/

JavaScript silly effects for your site :]

https://blinkies.neocities.org/geoblinkies

Blinkie search engine!

https://www.cbox.ws/

Add a chatbox to your site!!

https://momg.neocities.org/

Infinite gallery of gifs. i've spent hours in there looking at moving pictures and out of them all, the ONLY gif i actually ended up using on my site was a rotating tomato slice. it is still there. trapped.

https://wrender.neocities.org/tarotinstructions

A widget that gives you a random tarot card!

https://www.websudoku.com/widget.php

Sudoku widget!

That's about it for now! I don't know how to end this!!! Remember to have fun and google everything you don't know :]

#neocities #indie web #webbed sites #website resources #web revival

623 notes · View notes

sofia-d-asb · 5 months ago

Note

Hello. I noticed that you said you were using Ren'py for your new game. What made you come to the conclusion that this was the best option, if you don't mind my asking? I am looking into developing something, but I'm unsure which program to use. I thought the point of Ren'py was more for visual novels. I am interested in making something that isn't as visual heavy. Do you think that's possible with Ren'py? Sorry for the randomness. Thank you for taking the time to read. Have a wonderful day!

Hello!

It depends on what you're looking to achieve.

If you want the bare minimum of functionality and the bare minimum of coding to learn, you can go with ChoiceScript. Which, fair warning, is a proprietary language, so if you want to monetize/publish your work without having to adhere to their opaque content rules/cede 75% of your sales, I'd suggest you steer clear, but YMMV.

Twine is a little less easy to use, but comes with higher customization. It supports HTML/CSS/JavaScript, so what you can do is much broader than ChoiceScript. Plus, monetizing your game is fine. I find that Twine is more meant for short-form IF than long-form, but it remains usable. Deploying your game in any other form than HTML (a web game) is a hassle though, and not supported by Twine directly.

Ren'Py comes next; here you must make your own user interface (or you could just use native NVL-mode with no edits, which... it'll work for sure, but the presentation will be questionable), but I find it much more flexible than the other two options. And it comes with the added bonus of making it much easier to deploy your game to multiple OS and platforms including web and mobile.

There are other tools (Ink?) so my advice would be to try them all and settle for the one that suits your needs.

Good luck with your project! And have a wonderful day as well.

#interactive fiction #ask

60 notes · View notes

dervampireprince · 5 months ago

Text

so i've been coding a website

home of: the dervampireprince fanart museum, prince's art gallery, a masterlist of resources for making websites and list of web communities, and more!

[18+, minors dni (this blog is 18+ and the art gallery and art museum pages on my site have some 18+ only artworks)]

littlevampire . neocities . org (clickable link in pinned post labelled 'website')

if you don't follow me on twitch or aren't in my discord, you might not know i've been coding my own website via neocities since june 2024. it's been a big labour of love, the only coding i'd done before is a little html to customize old tumblr themes, so i've learnt a lot and i've been having so much fun. i do link to it on my carrds but not everyone will know that the icon of a little cat with a wrench and paintbrush is the neocities logo, or even what neocities is.

neocities is a free website builder, but not like squarespace or wix that let you build a website from a template with things you can drag in, it's all done with html and css code (and you can throw in javascript if you wanna try hurting your brain /hj). i love the passion people have for coding websites, for making their own websites again in defiance of social medias becoming less customisable and websites looking boring and the same as each other. people's neocities sites are so fun to look through, looking at how they express themselves, their art galleries, shrines to their pets or favourite characters or shows or toys or places they've been.

why have i been making a website this way?

well i used to love customising my tumblr theme back when clicking on someone's username here took you to their tumblr website, their username . tumblr . com link that you could edit and customise with html code. now clicking a username takes you to their mobile page view, a lot of users don't even know you can have a website with tumblr, the feature to have a site became turned off by default, and i've heard from some users that they might have to pay to unlock that feature.

i've always loved the look of old geocities and angelfire websites, personalised sites, and i've grown tired of every social media trying to look the same as each other, remove features that let users customise their profiles and pages more. and then i found out about neocities.

are you interested in making a site too?

neocities is free, though you can pay to support them. there is no ads, no popups, they have no ai tool scraping their sites, no tos that will change to suddenly stop allow 18+ art. unlike other website hosters, neocities does have a sort of social media side where you do have a profile and people can follow you and leave comments on your site and like your updates, but you can ignore this if you want, or use it to get to know other webmasters.

to quote neocities "we are tired of living in an online world where people are isolated from each other on boring, generic social networks that don't let us truly express ourselves. it's time we took back our personalities from these sterilized, lifeless, monetized, data mined, monitored addiction machines and let our creativity flourish again."

i'd so encourage anyone interested to try making a website with neocities. w3schools is an excellent place to start learning coding, and there are free website templates you can copy and paste and use (my site is built off two different free codes, one from fujoshi . nekoweb . org and the other from sadgrl's free layout builder tool).

your site can be for anything:

a more fun and interactive online business card (rather than using carrd.co or linktree)

a gallery of your art/photos/cosplays/etc

a blog

webshrines to your a character, film, song, game, toy, hobby, your pet - anything can be a shrine!

a catalogue/database/log of every film you've watched, every place you've visited, birds you've seen, plushies you own, every blinkie gif you have saved, your ocs and stories, etc

hosting a webcomic

a fanwiki/fansite that doesn't have endless ads like fandom . com does (i found a cool neocities fansite for rhythm game series pop'n music and it's so thorough, it even lists all the sprites and official art for every character)

i follow a website that just reviews every video game based on whether or not it has a frog in it, if the frog is playable, if you can be friends with it. ( frogreview . neocities . org )

the only html i knew how to write before starting is how to paragraph and bold text. and now i have a whole site! and i'm still working on new stuff for it all the time.

i just finished making a page on my website called 'explore the web'. this page lists everything you might need to know when wanting to make or decorate your website. it lists:

other neocities sites i think are cool and i'm inspired by, check them out for more ideas of what your site could look like and contain!

website building resources

coding help and tutorials

free website html code layouts you can use if you don't want too start coding from scratch

places to find graphics and decorative images for your site (transparent background pngs, pixels, favicons, stamps, blinkies, buttons, userboxes, etc)

image generators for different types of buttons and gifs (88x31 buttons, tiny identity buttons, heart locket open gifs, headpat gifs)

widgets and games and interactive elements you can add to your site (music players, interactive pets like gifypet and tamanotchi, hit counters, games like pacman and crosswords, guestbooks and chatboxes, etc)

web manifestos, guides, introductions and explanations of webmastering and neocities (some posts made by other tumblr users here are what made me finally want to make my own site and discover how too)

art tools, resources and free drawing programs

web communities! webrings, cliques, fanlistings, pixel clubs (pixel art trades) and more!

other fun sites that didn't fit in the other categories like free sheet music sites, archives, egotistical.goat (see a tumblr users audio posts/reblogs as a music playlist), soul void (a wonderful free to play video game i adore), an online omnichord you can play, and more.

i really hope the 'explore the web' page is helpful, it took three days to track down every link and find resources to add.

and if you want to check out my site there's more than just these pages. like i said in the beginning, i recently finished making:

the dervampireprince fanart museum

every piece of fanart i've received (unless the sender asked me to keep it private) has been added to this museum and where possible links back to the original artists post of that art (a lot the art was sent to me via discord so i can't link to the original post). every piece of fanart sent to me now will be added on their unless you specifically say you don't want it going on there. there's also links to my fanworks guide on there and how to send me fanart.

other pages on my site

about me (including favourite media, quizzes, comfort characters, kins, and more)

art gallery (art i've made, sorted by month)

graphics (so far it's just stamps i've made but plan to remake this section of my site)

media log (haven't started the 2025 one yet, but a log of all films, tv, writing, music, theatre, fandoms, characters and ships i got into in 2024)

silly web pets

shrines

site map

update log

my shrines so far:

i have ones for lucifer from supernatural, sam winchester from supernatural, charuca minifigures (arcade prizes i wanted as a kid that i'm trying to finish collecting as an adult), my waifuroulette discord tcg collection. my masterlist of every lgbt+ marvel character is a wip. i love making each shrine look different and suit the character/fandom/thing the shrine is about. and then there's also:

the european musical section

i ramble about them a lot and it's no surprise there's multiple shrines for them. i fell in love with german musical theatre in 2020 and that expanded in being interested in all non-english language musical theatre and trying to spread the word of it and how they deserve to be as known as english-language musicals. one musical in particular, elisabeth das musical, is my biggest special interest so expect a very detailed shrine about that one day.

so far this part of the site includes

'enter the theatre' an interactive web theatre where you choose a ticket and that musical will play on the stage (click a ticket and the embedded youtube video for that musical will appear on the stage and play. i dealt with javascript for the first time to bring the vision i had for this page alive, it might be slow but i hope enjoyable)

elisabeth das musical webshrine [not made yet]

tanz der vampire webshrine [not made yet, might abandon the idea]

my favourite european musicals [not made yet]

a masterlist of european musicals [a wip, only two musicals listed so far, i am listing every musical and every production they've had, this was a word document i kept for a long time that i always wanted to share somehow and this page is how i'll do it. there's no other list for european musicals out there so i guess it's up to me as always /lh]

the future for my site

i will update my art gallery, the fanart museum, my media log and other collections as often as i can. there's so many more pages i want to add including:

profiles for my ocs

finish my european musical masterlist

finish my 'every marvel lgbt+ character' masterlist (i have no love for marvel or disney's lgbt+ representation nor are all of these characters good representation and a lot are very minor characters, but for some reason i have gotten hyperfixated on this topic a few times so here comes a masterlist)

make shrines for loki (marvel), ares (hades), my sylvanian families collection, vocaloid (and/or vocaloid medleys), my plushie collection, pullip dolls

make a 'page not found' page

and i have one big plan to essentially make a site within a site, and make a website for my monster boy band ocs. but make it as if it was a real band, an unfiction project (think like how welcome home's website portrays welcome home as if it was a real show). this site would have pages for the band members, their albums, merch and maybe a pretend shop, and a fake forum where you could see other characters in the story talking and click on their profiles to find out more about them. and then once that's all done i want to start posting audios about the characters and then people can go to the website to find out more about them. that's my big plan anyway. i hope that sounds interesting.

i also want to make an effort to try and join some website communities. be brave and apply for some webrings and fanlistings, and make some pixel art and join some of the amazing pixel clubs out there.

but yeah, that's my site, that's neocities. i hope that was interesting. i hope it encourages people to make their own site, or at least look at other's small websites and explore this part of the internet. and if you go and check out mine feel free to drop a message in the guestbook on the homepage, or follow me on neocities if you have/make an account.

#the vampire rambles #neocities #the vampire codes #indie web #web revival

66 notes · View notes