2- Create an HTML Adventure
Let’s check out my HTML Game:
The video below explains how the game works.
Step 1: Make Your Video Game Storyboard
Step 2: Create Your HTML and CSS Files
Step 3: What is Jsfiddle? Starting Your Code
This is how we can play with HTML and CSS and see how they work immediately.
Step 4: Creating Your Title
Your game needs a Title. This is how you will create the Title bar for each page of your adventure.
Step 5: Save Your Progress!
Make sure to save your progress on your computer so that you can play it on the computer once you are done.
JSFIDDLE is NOT saving your work.
Step 6: Create Your Images With Canva
Ignore my instructions about logging into the VGDC account.
If you do not have a password for Canva, please ask an instructor for your login.
Step 7: Creating an Assets Folder
Assets is another word for objects that you need.
This is where we will store the images you create in Canva.
Step 8: Making Your Start.html Image
It needs to be 500 pixels wide and 500 pixels tall.
Step 9: Finishing Start.html File
Step 10: Building the Rest of the Game
If you don’t know how to zip a file, ask help from an instructor.
Previous ActivityNext Activity