/DemoBubbleDots.html

http://github.com/onedayitwillmake/RealtimeMultiplayerNodeJs · HTML · 107 lines · 78 code · 14 blank · 15 comment · 0 complexity · 76115efe64214cfa66a8f514c5a502fa MD5 · raw file 

    

  1. <!doctype html>
    2. 

  2. <!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
    3. 

  3. <!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
    4. 

  4. <!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
    5. 

  5. <!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
    6. 

  6. <!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
    7. 

  7. <head>
    8. 

  8. 	<meta charset="UTF-8">
    9. 

  9. 	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    10. 

  10. 	
    11. 

  11. 	<title>BubbleDots</title>
    12. 

  12. 	<meta name="description" content="A realtime authoritative server multiplayer game using Node.js">
    13. 

  13. 	<meta name="author" content="Mario Gonzalez">
    14. 

  14. 	
    15. 

  15. 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    16. 

  16. 	
    17. 

  17. 	<link rel="shortcut icon" href="/favicon.ico">
    18. 

  18. 	<link rel="apple-touch-icon" href="/apple-touch-icon.png">
    19. 

  19. 	<link rel="stylesheet" href="css/style.css?v=2">
    20. 

  20. 	<link rel="stylesheet" href="css/bubbledots.css?v=2">
    21. 

  21. 

  22. 	<!--[if lt IE 9]>
    23. 

  23. 	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    24. 

  24. 	<![endif]-->
    25. 

  25. 

  26. 	<!--lib-->
    27. 

  27. 	<script src="js/lib/caat.js"></script>
    28. 

  28. 	<script src="js/lib/Stats.js"></script>
    29. 

  29. 	<script src="node_modules/socket.io/node_modules/socket.io-client/dist/socket.io.js"></script>
    30. 

  30. 	<script src="js/lib/SortedLookupTable.js"></script>
    31. 

  31. 	<script src="js/lib/RequestAnimationFrame.js"></script>
    32. 

  32. 

  33. 

  34. 	<!-- RealtimeMultiplayerNodeJs -->
    35. 

  35. 	<script src="js/core/RealtimeMutliplayerGame.js"></script>
    36. 

  36. 	<script src="js/model/Point.js"></script>
    37. 

  37. 	<script src="js/model/Constants.js"></script>
    38. 

  38. 	<script src="js/model/NetChannelMessage.js"></script>
    39. 

  39. 	<script src="js/network/ClientNetChannel.js"></script>
    40. 

  40. 

  41. 	<script src="js/core/AbstractGame.js"></script>
    42. 

  42. 	<script src="js/core/AbstractClientGame.js"></script>
    43. 

  43. 

  44. 	<script src="js/controller/FieldController.js"></script>
    45. 

  45. 	<script src="js/controller/traits/BaseTrait.js"></script>
    46. 

  46. 	<script src="js/controller/traits/KeyboardInputTrait.js"></script>
    47. 

  47. 

  48. 	<script src="js/input/Keyboard.js"></script>
    49. 

  49. 	<script src="js/model/GameEntity.js"></script>
    50. 

  50. 

  51.   	<!--DemoApp-->
    52. 

  52. 	<script src="js/BubbleDots/BubbleDotsApp.js"></script>
    53. 

  53. 	<script src="js/BubbleDots/BubbleDotsConstants.js"></script>
    54. 

  54. 	<script src="js/BubbleDots/entities/CircleEntity.js"></script>
    55. 

  55. 	<script src="js/BubbleDots/entities/PlayerEntity.js"></script>
    56. 

  56. 	<script src="js/BubbleDots/BubbleDotsClientGame.js"></script>
    57. 

  57. 	<script src="js/BubbleDots/BubbleDotsView.js"></script>
    58. 

  58. </head>
    59. 

  59. <body>
    60. 

  60. <p class="info">Fork this project on <a href="http://github.com">http://github.com</a></p>
    61. 

  61. 	<div id="header-container">
    62. 

  62. 		<header class="wrapper">
    63. 

  63. 			<h1 id="title">BubbleDots</h1>
    64. 

  64. 			<nav>
    65. 

  65. 				<ul>
    66. 

  66. 					<li><a href="http://twitter.com/#!/1dayitwillmake">onedayitwillmake</a></li>
    67. 

  67. 				</ul>
    68. 

  68. 			</nav>
    69. 

  69. 		</header>
    70. 

  70. 	</div>
    71. 

  71. 	<div id="main" class="wrapper">
    72. 

  72. 		<aside>
    73. 

  73. 			<h3>Log:</h3>
    74. 

  74. 		</aside>
    75. 

  75. 		<article>
    76. 

  76. 			<header>
    77. 

  77. 			</header>
    78. 

  78. 			<div id="gamecontainer"></div>
    79. 

  79. 			<footer>
    80. 

  80. 

  81. 

  82. 			</footer>	
    83. 

  83. 		</article>
    84. 

  84. 	</div>
    85. 

  85. 	<div id="footer-container">
    86. 

  86. 		<footer class="wrapper">
    87. 

  87. 			<h3>About the demo</h3>
    88. 

  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. 

  89. 		</footer>
    90. 

  90. 	</div>
    91. 

  91. 	<!--<p id="jquery-test" href="#" class="info">jQuery is not loaded (http://localhost/ needed)</p>-->
    92. 

  92. 	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>
    93. 

  93. 	<script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.5.1.js"%3E%3C/script%3E'))</script>
    94. 

  94. 	<script src="js/BubbleDots/script.js"></script>
    95. 

  95. 	<!--[if lt IE 7 ]>
    96. 

  96. 	<script src="js/libs/dd_belatedpng.js"></script>
    97. 

  97. 	<script> DD_belatedPNG.fix('img, .png_bg');</script>
    98. 

  98. 	<![endif]-->
    99. 

  99. 	<script>
    100. 

  100. 		var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']]; // Change UA-XXXXX-X to be your site's ID
    101. 

  101. 		(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
    102. 

  102. 		g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
    103. 

  103. 		s.parentNode.insertBefore(g,s)}(document,'script'));
    104. 

  104. 	</script>
    105. 

  105. </body>
    106. 

  106. </html>
    107.