/DemoBubbleDots.html
HTML | 107 lines | 78 code | 14 blank | 15 comment | 0 complexity | 76115efe64214cfa66a8f514c5a502fa MD5 | raw file
1<!doctype html> 2<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]--> 3<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]--> 4<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]--> 5<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]--> 6<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]--> 7<head> 8 <meta charset="UTF-8"> 9 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 10 11 <title>BubbleDots</title> 12 <meta name="description" content="A realtime authoritative server multiplayer game using Node.js"> 13 <meta name="author" content="Mario Gonzalez"> 14 15 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 16 17 <link rel="shortcut icon" href="/favicon.ico"> 18 <link rel="apple-touch-icon" href="/apple-touch-icon.png"> 19 <link rel="stylesheet" href="css/style.css?v=2"> 20 <link rel="stylesheet" href="css/bubbledots.css?v=2"> 21 22 <!--[if lt IE 9]> 23 <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 24 <![endif]--> 25 26 <!--lib--> 27 <script src="js/lib/caat.js"></script> 28 <script src="js/lib/Stats.js"></script> 29 <script src="node_modules/socket.io/node_modules/socket.io-client/dist/socket.io.js"></script> 30 <script src="js/lib/SortedLookupTable.js"></script> 31 <script src="js/lib/RequestAnimationFrame.js"></script> 32 33 34 <!-- RealtimeMultiplayerNodeJs --> 35 <script src="js/core/RealtimeMutliplayerGame.js"></script> 36 <script src="js/model/Point.js"></script> 37 <script src="js/model/Constants.js"></script> 38 <script src="js/model/NetChannelMessage.js"></script> 39 <script src="js/network/ClientNetChannel.js"></script> 40 41 <script src="js/core/AbstractGame.js"></script> 42 <script src="js/core/AbstractClientGame.js"></script> 43 44 <script src="js/controller/FieldController.js"></script> 45 <script src="js/controller/traits/BaseTrait.js"></script> 46 <script src="js/controller/traits/KeyboardInputTrait.js"></script> 47 48 <script src="js/input/Keyboard.js"></script> 49 <script src="js/model/GameEntity.js"></script> 50 51 <!--DemoApp--> 52 <script src="js/BubbleDots/BubbleDotsApp.js"></script> 53 <script src="js/BubbleDots/BubbleDotsConstants.js"></script> 54 <script src="js/BubbleDots/entities/CircleEntity.js"></script> 55 <script src="js/BubbleDots/entities/PlayerEntity.js"></script> 56 <script src="js/BubbleDots/BubbleDotsClientGame.js"></script> 57 <script src="js/BubbleDots/BubbleDotsView.js"></script> 58</head> 59<body> 60<p class="info">Fork this project on <a href="http://github.com">http://github.com</a></p> 61 <div id="header-container"> 62 <header class="wrapper"> 63 <h1 id="title">BubbleDots</h1> 64 <nav> 65 <ul> 66 <li><a href="http://twitter.com/#!/1dayitwillmake">onedayitwillmake</a></li> 67 </ul> 68 </nav> 69 </header> 70 </div> 71 <div id="main" class="wrapper"> 72 <aside> 73 <h3>Log:</h3> 74 </aside> 75 <article> 76 <header> 77 </header> 78 <div id="gamecontainer"></div> 79 <footer> 80 81 82 </footer> 83 </article> 84 </div> 85 <div id="footer-container"> 86 <footer class="wrapper"> 87 <h3>About the demo</h3> 88 <p>This is a demo of creating an realtime mutliplayer game in HTML5 that uses a client-server approach in which the clients send only sampled input to the server</p> 89 </footer> 90 </div> 91 <!--<p id="jquery-test" href="#" class="info">jQuery is not loaded (http://localhost/ needed)</p>--> 92 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script> 93 <script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.5.1.js"%3E%3C/script%3E'))</script> 94 <script src="js/BubbleDots/script.js"></script> 95 <!--[if lt IE 7 ]> 96 <script src="js/libs/dd_belatedpng.js"></script> 97 <script> DD_belatedPNG.fix('img, .png_bg');</script> 98 <![endif]--> 99 <script> 100 var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']]; // Change UA-XXXXX-X to be your site's ID 101 (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1; 102 g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js'; 103 s.parentNode.insertBefore(g,s)}(document,'script')); 104 </script> 105</body> 106</html> 107