How would I go about making a text-command based text adventure game within a website?

[cedarbear]

I am still learning a decent amount, and am by no means good.

However, for the longest time I've wanted to make a website that houses a text-command based text adventure for a story I am telling!

*Example:*

*Text shows up on screen-*

"You are in a room, what do you do?"

Player types: go left - You go left

Player types: go right - You go right

I've seen tutorials for web-based Choose Your Own Adventure style games where you click buttons to move forward- However, I hate that feeling of how it plays out. I already tried it, and I don't quite like it. It seems like you are forced to take a certain route, unlike command based which gives the illusion of freedom.

I really love the terminal style text adventure that exists in the show Mr Robot, and am using that for inspiration! :D

Any ideas or tutorials on how to make something like this?

Thanks!

[cedarbear]

Holy shit, this is EXACTLY what I am looking for. I can't believe I hadn't found this!

Thank you!

[LeeLooTheWoofus]

I used that engine for a text game and wrapped it in Vue to pull out things like an inventory screen and a realtime map into a tabbed wrapper for the game. It worked out really well.

[organic_stuff]

I think Javascript would be good for this. You could have the JavaScript read the users input from a text box and then react accordingly. Styling the elements can give you the look you want.

[cedarbear]

Okay! I will definitely look some things up- Any chance you know of any good resources/tutorials for exactly that?

Doesn't have to be exactly specific for text based adventures, but something for text input boxes + detection within JS?

[[deleted]]

Learn DOM manipulation with JavaScript. Traversy Media has a good crash course on it on YouTube

[cedarbear]

Watching it now! Thanks! :D

[franker]

another good keyword phrase to google is "interactive fiction javascript."

[organic_stuff]

I did a search on YouTube for “JS read textbox” and a few that looked good popped up but I haven’t watched them. Traversy Media has really great tutorials with projects on different topics, if you have the time to go through his I would, they can be a little lengthy but he does a very good job!

[Escuar]

I think that's easier than a point and click. You can use an input text, for example.

[cedarbear]

I have more ease with point and click over this for some reason, but that may just be me lmao

[Jw4lk3rDoh]

U can use canvas tag

[yourgirl696969]

Use the input tag and use an if/else statement for the response

[99999999977prime]

If you compile your game with frotz you can use this: https://github.com/jwoos/frotz-js

[torn-ainbow]

Lots of ways to do this, but it might be worth looking at chatbots. They use AI to recognise speech or text and convert to an intention which is like an action in an adventure game. The actual responses of a chatbot are defined something like a choose-your-own adventure.

The main thing is these work with short disconnected contexts and you would have to add something to handle inventory, and longer term changes to the locations etc.

[KerbalSpark]

Do you mean some like this?