Pretty interesting debate at the moment with React vs Angular … and now Aurelia
This is a not to be missed developer event for anyone in Melbourne and for just $49 I think its an absolute bargain. Sure, this blog has always focused on free events resources for developers, but I always gave equal supports for events that charged a small fee and to be honest $49 is just crazy for the content in this one day mega-seminar – Just look at the content:
For the record, and for full transparency the organiser(s) are part of my work, so I do have some association but thats not impacting this recommendation – just look at the content!!!!!
Fantastic article …
Looks really good for the new developer and free!!!!
I come from the age when text adventures were serious fun, ZORK and Hitchhikers guide to the galaxy were two of my favourite text adventures. OK so maybe the golden age of the text adventure is still stuck in the 1980’s but I still remember those glory days. So the game I am building is certainly not up there in the same territory as ZORK but I hope you can see the sort of cool things you can do with Js/Jquery and HTML 5.
The game is pretty simple use the N,S,E and W to move around the dungeon and a few other useful commands. Search for the Dragon and if you have the right weapon and equipment you may be able to kill it. If you use a mobile browser you should see some buttons that make life a little easier than using a little virtual keyboard.
Here is the game : http://domssite.com/search/
Who is this for
How to use the tutorial
Its not an ordinary tutorial so you need to accept that first. Its based on reading and understanding code and code comments. I have used heaps of comments throughout the code to explain whats going on. There’s a lot of Arrays, so you’ll see lots of code using arrays and its not a bad starting place for working with js structures. The whole tutorial is 1 single file – whilst a single large file is not the best way to build large web apps – its not a bad approach showing everything in one file.
The first part of the puzzle : the HTML
<!--Text Adventure : Search for the Dragon --> <!--***************************************** Text Adventure - A JS/JQuery/HTML5 Tutorial by comments The game : Standard Text Aventure where you can move from room to room, collecting items and killing monsters Goal is to get to the final room of the dungeon and kill the dragon Start in room 1 Monsters dont move Monsters can be killed by certain weapons Should work in both mobile and non-mobile browsers History : 0.1 Initial version before Hilary's comments/advice ***************************************** --> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Search</title> <script src="Scripts/jquery-1.7.1.min.js"></script> <link href="Content/Site.css" rel="stylesheet" /> </head> <body> <div class="content"> <style> </style> <div id="screenContainer"> <div id="display"> <div id="input"> <form> <!--Screen Title--> <h1>Search... </h1> <!--Screen Sub-Title--> <h3>For a Dragon...Text Adventure Game by @DungeonBard </h3> <div id="GameOverDiv"> </div> <div id="GameDiv"> <!--The following div is hidden or shown depending on if its a non-mobile browser--> <div id="Keyboard"> <label>Command:</label> <input type="text" name="userInput" class="buttonMod" id="userInput" /> </div> <!--The following div is hidden or shown depending on if its a mobile browser--> <div id="controllers"> <!--We use a table for the simple alignment of the buttons--> <table> <tr> <td></td> <td> <input type='button' class='button' value='N' title="North" style="left: 200px" /></td> <td></td> </tr> <tr> <td> <input type='button' class='button' value='W' title="West" /></td> <td></td> <td> <input type='button' class='button' value='E' title="East" /></td> </tr> <tr> <td></td> <td> <input type='button' class='button' value='S' title="South" /></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td> <input type='button' class='button' value='P' title="Pickup" /></td> <td> <input type='button' class='button' value='A' title="About" /></td> <td> <input type='button' class='button' value='?' title="Help" /></td> </tr> </table> </div> </div> <div id="output"></div> </form> </div> </div> </div> </body> </html>
Are the bugs
Yep – Totally , lots that the point – we’ll start cleaning them up in the next version
I’ll add in a series of improvements in version 2 of this game.
Source Control link
First happy to finish. Very tough week with work, family and 7drl. A week is not very long to build a game !!!!
Am happy with end product but it’s clear I am way way off the qty of so many other 7drlers… Have only had a look at about 6 but the gameplay and graphics are miles above mine. At least it gives me a good idea of where I need to head for next year.
Ok soon honor of Lee Van Cleef let’s break it down
Deployment – learnt a lot from last year. HTML 5/js and asp .mvc was so easy to deploy with visual studio, last year I mucked around with windows installers.
Script engine – ok a bit rough but I decided to try to build a scripting engine (Dominicscript) in a week… and despite its rough edges it sort of works and I’ll expand it in v2.0.
Scott Hanselman – big thanks for him agreeing to be in the game!!!!
Speed – still too slow
Code – The rush to finish led to lots of rubbish code particularly on the last day.
So there it is my 7day experience this year, check out the game (any modern browser is all you need)