0
|
1 <!DOCTYPE html>
|
|
2 <html lang="en-AU">
|
|
3 <head>
|
|
4 <title>www.benjoffe.com | Canvascape</title>
|
|
5 <meta name="author" content="Benjamin Joffe" />
|
|
6 <meta name="Content-Script-Type" content="text/javascript" />
|
|
7 <meta name="Content-Style-Type" content="text/css" />
|
|
8 <style><!-- @import "/css/main3.css"; --></style>
|
|
9 <script type="text/javascript" src="/js/main.js"></script><style type="text/css"><!-- @import "style2.css"; --></style>
|
|
10 <!--[if IE]><script type="text/javascript" src="/js/libraries/excanvas.js"></script><![endif]-->
|
|
11 <script type="text/javascript" src="code.js"></script>
|
|
12 </head>
|
|
13 <body>
|
|
14 <div id="benjoffe">
|
|
15 <h1>Ben Joffe</h1>
|
|
16 <ul id="nav">
|
|
17 <li><a href="/">Home</a>
|
|
18 <li><a href="/code/">Code</a>
|
|
19 <li><a href="/contact">Contact</a>
|
|
20 </ul>
|
|
21 <div id="content">
|
|
22 <h2>Canvascape - "3D Walker"</h2>
|
|
23
|
|
24 <div id="app">
|
|
25 <canvas id="underMap" width="80" height="80"></canvas>
|
|
26 <canvas id="map" width="80" height="80"></canvas>
|
|
27 <a id="code" href="code.js">code.js</a>
|
|
28
|
|
29 <div id="holder" style="clear:both;">
|
|
30 <div id="sky"></div>
|
|
31 <div id="floor"></div>
|
|
32 <canvas id="canvas" width="400" height="300"></canvas>
|
|
33 <div id="overlay"></div>
|
|
34 </div>
|
|
35
|
|
36 <p>Use the arrow keys to walk around the map. Space bar = jump. B = Shoot.</p>
|
|
37 <p>What you are seeing is a test using the Canvas tag to demonstrate its capability. See also: <a href="textures">textured version</a>.</p>
|
|
38 <p>IE support provided using <a href="http://excanvas.sourceforge.net/">ExplorerCanvas</a>.</p>
|
|
39
|
|
40 </div>
|
|
41
|
|
42 </div>
|
|
43 <div id="foot">
|
|
44 <p>
|
|
45 © 2010 Benjamin Joffe<span style="display:none;"> | <a href="/es/code/demos/canvascape/">en espaņol</a></span><!-- not enough pages have been translated yet to show the link to users --></span>
|
|
46
|
|
47 </p>
|
|
48 </div>
|
|
49 </div>
|
|
50 <script type="text/javascript">var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));</script><script type="text/javascript">try {var pageTracker = _gat._getTracker("UA-7116912-1");pageTracker._trackPageview();} catch(err) {}</script>
|
|
51 </body>
|
|
52 </html> |