index.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356
  1. <!DOCTYPE html>
  2. <!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]-->
  3. <!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <title>Pacman - Febbweiss</title>
  9. <link rel="shortcut icon" href="../../img/favicon.ico">
  10. <link href='https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700' rel='stylesheet' type='text/css'>
  11. <link rel="stylesheet" href="../../css/theme.css" type="text/css" />
  12. <link rel="stylesheet" href="../../css/theme_extra.css" type="text/css" />
  13. <link rel="stylesheet" href="../../css/highlight.css">
  14. <link href="../../extra/css/extra.css" rel="stylesheet">
  15. <link href="../../extra/css/sis.css" rel="stylesheet">
  16. <script>
  17. // Current page data
  18. var mkdocs_page_name = "Pacman";
  19. var mkdocs_page_input_path = "games/pacman.md";
  20. var mkdocs_page_url = "/games/pacman/";
  21. </script>
  22. <script src="../../js/jquery-2.1.1.min.js"></script>
  23. <script src="../../js/modernizr-2.8.3.min.js"></script>
  24. <script type="text/javascript" src="../../js/highlight.pack.js"></script>
  25. <script src="../../js/theme.js"></script>
  26. <script src="../../extra/js/pacman.js"></script>
  27. <script src="../../extra/js/pyramid.js"></script>
  28. <script src="../../extra/js/sis.js"></script>
  29. <script src="../../extra/js/yahtzee.js"></script>
  30. </head>
  31. <body class="wy-body-for-nav" role="document">
  32. <div class="wy-grid-for-nav">
  33. <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
  34. <div class="wy-side-nav-search">
  35. <a href="../.." class="icon icon-home"> Febbweiss</a>
  36. <div role="search">
  37. <form id ="rtd-search-form" class="wy-form" action="../../search.html" method="get">
  38. <input type="text" name="q" placeholder="Search docs" />
  39. </form>
  40. </div>
  41. </div>
  42. <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation">
  43. <ul class="current">
  44. <li>
  45. <li class="toctree-l1 ">
  46. <a class="" href="../..">Home</a>
  47. </li>
  48. <li>
  49. <li>
  50. <ul class="subnav">
  51. <li><span>Development</span></li>
  52. <li class="toctree-l1 ">
  53. <a class="" href="../../development/cloudbudget/">Cloudbudget</a>
  54. </li>
  55. <li class="toctree-l1 ">
  56. <a class="" href="../../development/cloudbudget_angularjs/">Cloudbudget angularjs</a>
  57. </li>
  58. <li class="toctree-l1 ">
  59. <a class="" href="../../development/filebrowser_durandal_widget/">Filebrowser durandal widget</a>
  60. </li>
  61. <li class="toctree-l1 ">
  62. <a class="" href="../../development/java_small_projects/">Java small projects</a>
  63. </li>
  64. <li class="toctree-l1 ">
  65. <a class="" href="../../development/library_reader/">Library reader</a>
  66. </li>
  67. <li class="toctree-l1 ">
  68. <a class="" href="../../development/project_deployer/">Project deployer</a>
  69. </li>
  70. <li class="toctree-l1 ">
  71. <a class="" href="../../development/scrabble_resolver/">Scrabble resolver</a>
  72. </li>
  73. <li class="toctree-l1 ">
  74. <a class="" href="../../development/springboot_react_webpack/">Springboot react webpack</a>
  75. </li>
  76. </ul>
  77. <li>
  78. <li>
  79. <ul class="subnav">
  80. <li><span>Docker</span></li>
  81. <li class="toctree-l1 ">
  82. <a class="" href="../../docker/docker_apache_log_generator/">Docker apache log generator</a>
  83. </li>
  84. <li class="toctree-l1 ">
  85. <a class="" href="../../docker/docker_gocd/">Docker gocd</a>
  86. </li>
  87. <li class="toctree-l1 ">
  88. <a class="" href="../../docker/docker_java_log_generator/">Docker java log generator</a>
  89. </li>
  90. <li class="toctree-l1 ">
  91. <a class="" href="../../docker/docker_log_centralizer/">Docker log centralizer</a>
  92. </li>
  93. </ul>
  94. <li>
  95. <li>
  96. <ul class="subnav">
  97. <li><span>Games</span></li>
  98. <li class="toctree-l1 ">
  99. <a class="" href="../Space_invaders_stories/">Space invaders stories</a>
  100. </li>
  101. <li class="toctree-l1 current">
  102. <a class="current" href="./">Pacman</a>
  103. <ul>
  104. <li class="toctree-l3"><a href="#pacman">Pacman</a></li>
  105. <li><a class="toctree-l4" href="#how-to">How to</a></li>
  106. <li><a class="toctree-l4" href="#demo">Demo</a></li>
  107. <li><a class="toctree-l4" href="#credits">Credits</a></li>
  108. <li><a class="toctree-l4" href="#licences">Licences</a></li>
  109. </ul>
  110. </li>
  111. <li class="toctree-l1 ">
  112. <a class="" href="../pyramid/">Pyramid</a>
  113. </li>
  114. <li class="toctree-l1 ">
  115. <a class="" href="../wordfighters/">Wordfighters</a>
  116. </li>
  117. <li class="toctree-l1 ">
  118. <a class="" href="../yahtzee/">Yahtzee</a>
  119. </li>
  120. </ul>
  121. <li>
  122. </ul>
  123. </div>
  124. &nbsp;
  125. </nav>
  126. <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
  127. <nav class="wy-nav-top" role="navigation" aria-label="top navigation">
  128. <i data-toggle="wy-nav-top" class="fa fa-bars"></i>
  129. <a href="../..">Febbweiss</a>
  130. </nav>
  131. <div class="wy-nav-content">
  132. <div class="rst-content">
  133. <div role="navigation" aria-label="breadcrumbs navigation">
  134. <ul class="wy-breadcrumbs">
  135. <li><a href="../..">Docs</a> &raquo;</li>
  136. <li>Games &raquo;</li>
  137. <li>Pacman</li>
  138. <li class="wy-breadcrumbs-aside">
  139. <a href="https://github.com/febbweiss/" class="icon icon-github"> Edit on GitHub</a>
  140. </li>
  141. </ul>
  142. <hr/>
  143. </div>
  144. <div role="main">
  145. <div class="section">
  146. <h1 id="pacman">Pacman</h1>
  147. <p>gq-pacman is a jQuery implementation of the famous Namco©'s Pacman©.</p>
  148. <h2 id="how-to">How to</h2>
  149. <p>Use your keyboard arrows to move Pacman to eat all energizer to complete the level.
  150. Ghosts become frightened when Pacman eats a big energizer. Eat them !!!</p>
  151. <p>Beware of ghost who haunt the maze !!! Each one has his own personality :</p>
  152. <div class="ghost blinky"></div>
  153. <p>Blinky tracks Pacman as his shadow.</p>
  154. <div class="ghost pinky"></div>
  155. <p>Pinky perfoms ambushes to Pacman.</p>
  156. <div class="ghost inky"></div>
  157. <p>Inky is the least predictable.</p>
  158. <div class="ghost clyde"></div>
  159. <p>Clyde pretends ignorance and is one who lags behind.</p>
  160. <h2 id="demo">Demo</h2>
  161. <p><object data="/demo/pacman/index.html" width="470" height="600">
  162. <embed src="/demo/pacman/index.html" width="470" height="600"> </embed>
  163. <iframe scrolling="no" frameborder="0" src="/demo/pacman/index.html" style="width: 470px; height: 600px; overflow:hidden;">
  164. </iframe>
  165. </object></p>
  166. <h2 id="credits">Credits</h2>
  167. <ul>
  168. <li>Graphics : Fabrice Ecaille aka Febbweiss</li>
  169. <li>Code : Fabrice Ecaille aka Febbweiss</li>
  170. <li>Algorithm : Based on the <a href="http://home.comcast.net/~jpittman2/pacman/pacmandossier.html">"Pacman Dossier"</a></li>
  171. <li>Tools : <a href="http://gamequeryjs.com/">gameQuery</a></li>
  172. <li>Sounds : <a href="http://soundfxcenter.com/sound_effect/search.php?sfx=Pacman">Sound FX Center</a></li>
  173. </ul>
  174. <h2 id="licences">Licences</h2>
  175. <p>Source code is under <a href="http://opensource.org/licenses/mit-license.php">MIT Licence</a>
  176. Sprite is under <a href="http://creativecommons.org/licenses/by-sa/3.0/legalcode">CC BY-SA 3.0</a></p>
  177. <p><link href="css/pacman.css" type="text/css" rel="stylesheet" media="screen, projection" /></p>
  178. <p><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.0/gh-fork-ribbon.min.css" />
  179. <!--[if lt IE 9]>
  180. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.0/gh-fork-ribbon.ie.min.css" />
  181. <![endif]-->
  182. <a class="github-fork-ribbon" href="https://github.com/Febbweiss/gq-pacman" target="_blank" title="Fork me on GitHub">Fork me on GitHub</a></p>
  183. </div>
  184. </div>
  185. <footer>
  186. <div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
  187. <a href="../pyramid/" class="btn btn-neutral float-right" title="Pyramid">Next <span class="icon icon-circle-arrow-right"></span></a>
  188. <a href="../Space_invaders_stories/" class="btn btn-neutral" title="Space invaders stories"><span class="icon icon-circle-arrow-left"></span> Previous</a>
  189. </div>
  190. <hr/>
  191. <div role="contentinfo">
  192. <!-- Copyright etc -->
  193. </div>
  194. Built with <a href="http://www.mkdocs.org">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
  195. </footer>
  196. </div>
  197. </div>
  198. </section>
  199. </div>
  200. <div class="rst-versions" role="note" style="cursor: pointer">
  201. <span class="rst-current-version" data-toggle="rst-current-version">
  202. <a href="https://github.com/febbweiss/" class="icon icon-github" style="float: left; color: #fcfcfc"> GitHub</a>
  203. <span><a href="../Space_invaders_stories/" style="color: #fcfcfc;">&laquo; Previous</a></span>
  204. <span style="margin-left: 15px"><a href="../pyramid/" style="color: #fcfcfc">Next &raquo;</a></span>
  205. </span>
  206. </div>
  207. </body>
  208. </html>