While it's true, Visual Basic games take up less space and are more dynamic, HTML Choice based games are very fun to make. Since they are only HTML, even beginners can do them! However, if you do them on a website, you'd better not have a limited number of files you can use, these games have tons of little files and if you have one of these, it will eat up all your space! This tutorial assumes you already know HTML, so if you don't, please go back, and read a tutorial on that first, otherwise... Lets get started!
It's best to start with the images (If any). Simply "paint" the all of the scenes that will be in your game. If you go half way through,
and you realize you don't have enough images, you have 2 choices:
a) Reuse some of the images you already made.
b) Make some more and continue with your project
It's fun to make buttons to click for the different options (i.e., Attack, Approach, Hide, Run, etc.) To do so, just draw a square with the
desired text on it! Or you can just use regular links.
There's not much to say about this particular section. All you need to do is "paint" a large image with the title text on it. But don't stop there! Make it have lots of stuff going on, put the main character on it! Put badguys on it! Make it excite people!
This is the important part, and the hardest, but you've already came so far! Don't give up yet! OK, first things first, make a page with the title screen on it, make it link to something called " beginning.html ." Now make a page called " beginning.html " (Now you're getting it!) Put the scene that you want for the beginning image. Now put the text that explains what's going on. Last but not least, put the links that allow the player to have control of what happens next (Kind of like a Choose your own Adventure Book!). You then link those choices to other pages! Also, it's kind of just a shortcut, but you can reuse pages! You may also make parts, where you only have one option.
This is the last step, depending on how the user plays the game, they get a different ending. If they, say, discover a way out of the jungle, then it could show a picture of a blue sky, with a city, not to far away! Or, if you get eaten by a tiger, it could show a tiger, laying on it's back, with a huge belly! you could make more than two endings if you like.
Problem: Links dont do anything!
Answer: Make sure you typed in the ' a href '
Problem: Links lead me to a page with a big blue ' i ' on it!
Answer: Make sure you type the text for the link in quotes correctly!
Problem: Images show up as a red X!
Answer: Type in the image URL correctly!