/index.html

https://bitbucket.org/PaulMuriithi/code · HTML · 209 lines · 156 code · 23 blank · 30 comment · 0 complexity · 1a312c5bd26bb9beb84cecd1045efe96 MD5 · raw file 

    

  1. <!DOCTYPE html>
    2. 

  2. <!--
    3. 

  3. - Copyright (C) 2012 David Geary. This code is from the book
    4. 

  4. - Core HTML5 Canvas, published by Prentice-Hall in 2012.
    5. 

  5. -
    6. 

  6. - License:
    7. 

  7. -
    8. 

  8. - Permission is hereby granted, free of charge, to any person 
    9. 

  9. - obtaining a copy of this software and associated documentation files
    10. 

  10. - (the "Software"), to deal in the Software without restriction,
    11. 

  11. - including without limitation the rights to use, copy, modify, merge,
    12. 

  12. - publish, distribute, sublicense, and/or sell copies of the Software,
    13. 

  13. - and to permit persons to whom the Software is furnished to do so,
    14. 

  14. - subject to the following conditions:
    15. 

  15. -
    16. 

  16. - The above copyright notice and this permission notice shall be
    17. 

  17. - included in all copies or substantial portions of the Software.
    18. 

  18. -
    19. 

  19. - The Software may not be used to create training material of any sort,
    20. 

  20. - including courses, books, instructional videos, presentations, etc.
    21. 

  21. - without the express written consent of David Geary.
    22. 

  22. -
    23. 

  23. - THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
    24. 

  24. - EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
    25. 

  25. - OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
    26. 

  26. - NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
    27. 

  27. - HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
    28. 

  28. - WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
    29. 

  29. - FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
    30. 

  30. - OTHER DEALINGS IN THE SOFTWARE.
    31. 

  31. -->
    32. 

  32. 

  33. <html>
    34. 

  34.    <head>
    35. 

  35.      <title>Core HTML5 Canvas Examples</title>
    36. 

  36. 

  37.       <style> 
    38. 

  38.          h1 {
    39. 

  39.             font: 24px Arial;
    40. 

  40.          }
    41. 

  41. 

  42.          h2 {
    43. 

  43.             font: 18px Arial;
    44. 

  44.          }
    45. 

  45.       </style>
    46. 

  46.    </head>
    47. 

  47. 

  48.   <body>
    49. 

  49.       <h1>Core HTML5 Canvas Examples</h1>
    50. 

  50. 

  51.       <h2>Chapter 1: Essentials</h2>
    52. 

  52.       <ol>
    53. 

  53.          <li><a href='ch01/example-1.1/example.html'>Example 1.1</a></li>
    54. 

  54.          <li><a href='ch01/example-1.3/example.html'>Example 1.3</a></li>
    55. 

  55.          <li><a href='ch01/example-1.4/example.html'>Example 1.4</a></li>
    56. 

  56.          <li><a href='ch01/example-1.5/example.html'>Example 1.5</a></li>
    57. 

  57.          <li><a href='ch01/example-1.8/example.html'>Example 1.8</a></li>
    58. 

  58.          <li><a href='ch01/example-1.9/example.html'>Example 1.9</a></li>
    59. 

  59.          <li><a href='ch01/example-1.11/example.html'>Example 1.11</a></li>
    60. 

  60.          <li><a href='ch01/example-1.13/example.html'>Example 1.13</a></li>
    61. 

  61.       </ol>
    62. 

  62. 

  63.       <h2>Chapter 2: Drawing</h2>
    64. 

  64.       <ol>
    65. 

  65.          <li><a href='ch02/example-2.1/example.html'>Example 2.1</a></li>
    66. 

  66.          <li><a href='ch02/example-2.2/example.html'>Example 2.2</a></li>
    67. 

  67.          <li><a href='ch02/example-2.3/example.html'>Example 2.3</a></li>
    68. 

  68.          <li><a href='ch02/example-2.4/example.html'>Example 2.4</a></li>
    69. 

  69.          <li><a href='ch02/example-2.5/example.html'>Example 2.5</a></li>
    70. 

  70.          <li><a href='ch02/example-2.7/example.html'>Example 2.7</a></li>
    71. 

  71.          <li><a href='ch02/example-2.9/example.html'>Example 2.9</a></li>
    72. 

  72.          <li><a href='ch02/example-2.10/example.html'>Example 2.10</a></li>
    73. 

  73.          <li><a href='ch02/example-2.11/example.html'>Example 2.11</a></li>
    74. 

  74.          <li><a href='ch02/example-2.12/example.html'>Example 2.12</a></li>
    75. 

  75.          <li><a href='ch02/example-2.13/example.html'>Example 2.13</a></li>
    76. 

  76.          <li><a href='ch02/example-2.14/example.html'>Example 2.14</a></li>
    77. 

  77.          <li><a href='ch02/example-2.15/example.html'>Example 2.15</a></li>
    78. 

  78.          <li><a href='ch02/example-2.17/example.html'>Example 2.17</a></li>
    79. 

  79.          <li><a href='ch02/example-2.18/example.html'>Example 2.18</a></li>
    80. 

  80.          <li><a href='ch02/example-2.19/example.html'>Example 2.19</a></li>
    81. 

  81.          <li><a href='ch02/example-2.20/example.html'>Example 2.20</a></li>
    82. 

  82.          <li><a href='ch02/example-2.21/example.html'>Example 2.21</a></li>
    83. 

  83.          <li><a href='ch02/example-2.22/example.html'>Example 2.22</a></li>
    84. 

  84.          <li><a href='ch02/example-2.23/example.html'>Example 2.23</a></li>
    85. 

  85.          <li><a href='ch02/example-2.24/example.html'>Example 2.24</a></li>
    86. 

  86.          <li><a href='ch02/example-2.25/example.html'>Example 2.25</a></li>
    87. 

  87.          <li><a href='ch02/example-2.26/example.html'>Example 2.26</a></li>
    88. 

  88.          <li><a href='ch02/example-2.28/example.html'>Example 2.28</a></li>
    89. 

  89.          <li><a href='ch02/example-2.29/example.html'>Example 2.29</a></li>
    90. 

  90.          <li><a href='ch02/example-2.31/example.html'>Example 2.31</a></li>
    91. 

  91.          <li><a href='ch02/section-2.13.2.3/example.html'>Section 2.13.2.3</a></li>
    92. 

  92.          <li><a href='ch02/example-2.32/example.html'>Example 2.32</a></li>
    93. 

  93.          <li><a href='ch02/example-2.34/example.html'>Example 2.34</a></li>
    94. 

  94.          <li><a href='ch02/example-2.35/example.html'>Example 2.35</a></li>
    95. 

  95.       </ol>
    96. 

  96. 

  97.       <h2>Chapter 3: Text</h2>
    98. 

  98.       <ol>
    99. 

  99.          <li><a href='ch03/example-3.1/example.html'>Example 3.1</a></li>
    100. 

  100.          <li><a href='ch03/example-3.2/example.html'>Example 3.2</a></li>
    101. 

  101.          <li><a href='ch03/example-3.3/example.html'>Example 3.3</a></li>
    102. 

  102.          <li><a href='ch03/example-3.4/example.html'>Example 3.4</a></li>
    103. 

  103.          <li><a href='ch03/example-3.5/example.html'>Example 3.5</a></li>
    104. 

  104.          <li><a href='ch03/example-3.7/example.html'>Example 3.7</a></li>
    105. 

  105.          <li><a href='ch03/example-3.8/example.html'>Example 3.8</a></li>
    106. 

  106.          <li><a href='ch03/example-3.9/example.html'>Example 3.9</a></li>
    107. 

  107.          <li><a href='ch03/example-3.12/example.html'>Example 3.12</a></li>
    108. 

  108.          <li><a href='ch03/example-3.14/example.html'>Example 3.14</a></li>
    109. 

  109.          <li><a href='ch03/example-3.15/example.html'>Example 3.15</a></li>
    110. 

  110.          <li><a href='ch03/example-3.17/example.html'>Example 3.17</a></li>
    111. 

  111.          <li><a href='ch03/example-3.18/example.html'>Example 3.18</a></li>
    112. 

  112.       </ol>
    113. 

  113. 

  114.       <h2>Chapter 4: Images and Video</h2>
    115. 

  115.       <ol>
    116. 

  116.          <li><a href='ch04/example-4.1/example.html'>Example 4.1</a></li>
    117. 

  117.          <li><a href='ch04/example-4.2/example.html'>Example 4.2</a></li>
    118. 

  118.          <li><a href='ch04/example-4.4/example.html'>Example 4.4</a></li>
    119. 

  119.          <li><a href='ch04/example-4.6/example.html'>Example 4.6</a></li>
    120. 

  120.          <li><a href='ch04/example-4.8/example.html'>Example 4.8</a></li>
    121. 

  121.          <li><a href='ch04/example-4.9/example.html'>Example 4.9</a></li>
    122. 

  122.          <li><a href='ch04/example-4.12/example.html'>Example 4.12</a></li>
    123. 

  123.          <li><a href='ch04/example-4.13/example.html'>Example 4.13</a></li>
    124. 

  124.          <li><a href='ch04/example-4.14/example.html'>Example 4.14</a></li>
    125. 

  125.          <li><a href='ch04/example-4.15/example.html'>Example 4.15</a></li>
    126. 

  126.          <li><a href='ch04/example-4.16/example.html'>Example 4.16</a></li>
    127. 

  127.          <li><a href='ch04/example-4.18/example.html'>Example 4.18</a></li>
    128. 

  128.          <li><a href='ch04/example-4.19/example.html'>Example 4.19</a></li>
    129. 

  129.          <li><a href='ch04/example-4.20/example.html'>Example 4.20</a></li>
    130. 

  130.          <li><a href='ch04/example-4.22/example.html'>Example 4.22</a></li>
    131. 

  131.          <li><a href='ch04/example-4.23/example.html'>Example 4.23</a></li>
    132. 

  132.          <li><a href='ch04/example-4.25/example.html'>Example 4.25</a></li>
    133. 

  133.       </ol>
    134. 

  134.       
    135. 

  135. 

  136.       <h2>Chapter 5: Animation</h2>
    137. 

  137.       <ol>
    138. 

  138.          <li><a href='ch05/example-5.9/example.html'>Example 5.9</a></li>
    139. 

  139.          <li><a href='ch05/example-5.11/example.html'>Example 5.11</a></li>
    140. 

  140.          <li><a href='ch05/example-5.12/example.html'>Example 5.12</a></li>
    141. 

  141.          <li><a href='ch05/example-5.14/example.html'>Example 5.14</a></li>
    142. 

  142.          <li><a href='ch05/example-5.15/example.html'>Example 5.15</a></li>
    143. 

  143.          <li><a href='ch05/example-5.17/example.html'>Example 5.17</a></li>
    144. 

  144.          <li><a href='ch05/example-5.18/example.html'>Example 5.18</a></li>
    145. 

  145.          <li><a href='ch05/example-5.19/example.html'>Example 5.19</a></li>
    146. 

  146.       </ol>
    147. 

  147.       
    148. 

  148. 

  149.       <h2>Chapter 6: Sprites</h2>
    150. 

  150.       <ol>
    151. 

  151.          <li><a href='ch06/example-6.1/example.html'>Example 6.1</a></li>
    152. 

  152.          <li><a href='ch06/example-6.2/example.html'>Example 6.2</a></li>
    153. 

  153.          <li><a href='ch06/section-6.3.2/example.html'>Section 6.3.2</a></li>
    154. 

  154.          <li><a href='ch06/example-6.5/example.html'>Example 6.5</a></li>
    155. 

  155.          <li><a href='ch06/example-6.7/example.html'>Example 6.7</a></li>
    156. 

  156.          <li><a href='ch06/example-6.9/example.html'>Example 6.9</a></li>
    157. 

  157.          <li><a href='ch06/example-6.10/example.html'>Example 6.10</a></li>
    158. 

  158.       </ol>
    159. 

  159.       
    160. 

  160. 

  161.       <h2>Chapter 7: Physics</h2>
    162. 

  162.       <ol>
    163. 

  163.          <li><a href='ch07/example-7.1/example.html'>Example 7.1</a></li>
    164. 

  164.          <li><a href='ch07/example-7.3/example.html'>Example 7.3</a></li>
    165. 

  165.          <li><a href='ch07/example-7.5/example.html'>Example 7.5</a></li>
    166. 

  166.          <li><a href='ch07/example-7.8/example.html'>Example 7.8</a></li>
    167. 

  167.          <li><a href='ch07/example-7.9/example.html'>Example 7.9</a></li>
    168. 

  168.       </ol>
    169. 

  169.       
    170. 

  170. 

  171.       <h2>Chapter 8: Collision Detection</h2>
    172. 

  172.       <ol>
    173. 

  173.          <li><a href='ch08/example-8.1/example.html'>Example 8.1</a></li>
    174. 

  174.          <li><a href='ch08/section-8.1.1/example.html'>Section 8.1.1</a></li>
    175. 

  175.          <li><a href='ch08/example-8.2/example.html'>Example 8.2</a></li>
    176. 

  176.          <li><a href='ch08/section-8.3/example.html'>Section 8.3</a></li>
    177. 

  177.          <li><a href='ch08/section-8.4.1.6/example.html'>Section 8.4.1.6</a></li>
    178. 

  178.          <li><a href='ch08/example-8.8/example.html'>Example 8.8</a></li>
    179. 

  179.          <li><a href='ch08/example-8.10/example.html'>Example 8.10</a></li>
    180. 

  180.          <li><a href='ch08/example-8.19/example.html'>Example 8.19</a></li>
    181. 

  181.          <li><a href='ch08/example-8.20/example.html'>Example 8.20</a></li>
    182. 

  182.       </ol>
    183. 

  183.       
    184. 

  184. 

  185.       <h2>Chapter 9: Game Development</h2>
    186. 

  186.       <ol>
    187. 

  187.          <li><a href='ch09/ungame/ungame.html'>The Ungame</a></li>
    188. 

  188.          <li><a href='ch09/pinball/pinball.html'>Poker Pinball</a></li>
    189. 

  189.       </ol>
    190. 

  190.       
    191. 

  191. 

  192.       <h2>Chapter 10: Custom Controls</h2>
    193. 

  193.       <ol>
    194. 

  194.          <li><a href='ch10/example-10.1/example.html'>Example 10.1</a></li>
    195. 

  195.          <li><a href='ch10/example-10.4/example.html'>Example 10.4</a></li>
    196. 

  196.          <li><a href='ch10/example-10.7/example.html'>Example 10.7</a></li>
    197. 

  197.          <li><a href='ch10/example-10.10/example.html'>Example 10.10</a></li>
    198. 

  198.       </ol>
    199. 

  199.       
    200. 

  200. 

  201.       <h2>Chapter 11: Mobile</h2>
    202. 

  202.       <ol>
    203. 

  203.          <li><a href='ch11/example-11.1/example.html'>Example 11.1</a></li>
    204. 

  204.          <li><a href='ch11/example-11.3/example.html'>Example 11.3</a></li>
    205. 

  205.          <li><a href='ch11/example-11.5/example.html'>Example 11.5</a></li>
    206. 

  206.       </ol>
    207. 

  207.       
    208. 

  208.   </body>
    209. 

  209. </html>
    210.