Festival2011/ZeroToGame: Difference between revisions
Jump to navigation
Jump to search
(Created page with "Hello everybody. Welcome to the Learning Lab on how to get started using HTML5 and Javascript to make games. The goal of this session is for everyone to build a page where they...") |
No edit summary |
||
| Line 4: | Line 4: | ||
I'm going to put some links here for files that you can download to help with the learning lab. Also some documentation perhaps. | I'm going to put some links here for files that you can download to help with the learning lab. Also some documentation perhaps. | ||
Download [[http://code.jquery.com/jquery-1.7.js JQuery]]. Stick it in a folder on your laptop. | |||
Copy-paste the following code and save it in an html file, in the same folder: | |||
<html> | |||
<head> | |||
<title>Zero To Game</title> | |||
<script src="jquery-1.7.js"></script> | |||
<script src="zero2game.js"></script> | |||
</head> | |||
<body> | |||
<span id="output"></span><br> | |||
<canvas width="600" height="400" id="main-canvas"> | |||
</canvas> | |||
</body> | |||
</html> | |||
Revision as of 01:33, 5 November 2011
Hello everybody. Welcome to the Learning Lab on how to get started using HTML5 and Javascript to make games.
The goal of this session is for everyone to build a page where they can steer some kind of character around the screen using the keyboard or mouse. We may get some to some sound and animation too, time permitting.
I'm going to put some links here for files that you can download to help with the learning lab. Also some documentation perhaps.
Download [JQuery]. Stick it in a folder on your laptop.
Copy-paste the following code and save it in an html file, in the same folder:
<html>
<head>
<title>Zero To Game</title>
<script src="jquery-1.7.js"></script>
<script src="zero2game.js"></script>
</head>
<body>
<canvas width="600" height="400" id="main-canvas">
</canvas>
</body>
</html>