|
4 | 4 | <title>moving_ball : Built with Processing and Processing.js</title>
|
5 | 5 | <link rel="icon" type="image/x-icon" href="data:image/x-icon;base64,AAABAAEAEBAQAAEABAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAQAAVzABAEAjBQAaDwYAWjUGAGE6CQBrQQ0ATS8PAFhAJwBUQC8AbFI6AHVXPACBZk4A4NrWAPb19QAAAAAAAMmZmZmZmgAJIwAAAAAAcMIjPjA+PjAKpxIuMDMzMAm0Ii4zMzMACaIiLt3dMAAJtyIuIzPQAAm0Un5yM+IzKLRkfncy4iIotRF+dyLkIiq0QX53F+EiGrQUTkd34iIatEVu7u5iIVrBVVRBRFRVbAtGZGZla2uwAMu7u7u8vADAAwAAgAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIABAADAAwAA" />
|
6 | 6 | <meta name="Generator" content="Processing" />
|
7 |
| - <!-- - - - - - - - - - - - - - - - - - - - - |
| 7 | + <!-- - - - - - - - - - - - - - - - - - - - - |
8 | 8 | +
|
9 |
| - + Wondering how this works? |
| 9 | + + Wondering how this works? |
10 | 10 | +
|
11 | 11 | + Go to: http://processing.org/
|
12 | 12 | + and: http://processingjs.org/
|
|
19 | 19 | font-size: 11px; font-weight: normal; text-decoration: none;
|
20 | 20 | line-height: 1.5em;
|
21 | 21 | }
|
22 |
| - a img { |
| 22 | + a img { |
23 | 23 | border: 0px solid transparent;
|
24 | 24 | }
|
25 |
| - a, a:link, a:visited, a:active, a:hover { |
| 25 | + a, a:link, a:visited, a:active, a:hover { |
26 | 26 | color: #cdcdcd; text-decoration: underline;
|
27 | 27 | }
|
28 | 28 | h1 {
|
29 | 29 | font-family: Arial, Helvetica Neue, Verdana, Geneva, sans-serif;
|
30 | 30 | width: 100%; letter-spacing: 0.1em;
|
31 | 31 | margin-bottom: 1em; font-size: 1.65em;
|
32 | 32 | }
|
33 |
| - canvas { |
34 |
| - display: block; |
35 |
| - outline: 0px; |
36 |
| - margin-bottom: 1.5em; |
| 33 | + canvas { |
| 34 | + display: block; |
| 35 | + outline: 0px; |
| 36 | + margin-bottom: 1.5em; |
37 | 37 | }
|
38 |
| - #content { |
| 38 | + #content { |
39 | 39 | margin: 50px auto 0px auto; padding: 25px 25px 15px 25px;
|
40 | 40 | width: 640px; min-width: 300px; overflow: auto;
|
41 |
| - border-left: 1px solid #444; border-top: 1px solid #444; |
| 41 | + border-left: 1px solid #444; border-top: 1px solid #444; |
42 | 42 | border-right: 1px solid #333; border-bottom: 1px solid #333;
|
43 | 43 | background-color: #3d3d3d;
|
44 | 44 | }
|
|
47 | 47 | <scriptalert("Your browser does not support the canvas tag.");</script>
|
48 | 48 | <![endif]-->
|
49 | 49 | <script type="text/javascript" src="processing.js"></script>
|
50 |
| - <script |
| 50 | + <script type="test/javascript"> |
51 | 51 | // convenience function to get the id attribute of generated sketch html element
|
52 | 52 | function getProcessingSketchId () { return 'movingball'; }
|
53 | 53 | </script>
|
|
56 | 56 | <body>
|
57 | 57 | <div id="content">
|
58 | 58 | <div>
|
59 |
| - <canvas id="movingball" data-processing-sources="moving_ball.pde" |
| 59 | + <canvas id="movingball" data-processing-sources="moving_ball.pde" |
60 | 60 | width="640" height="360">
|
61 | 61 | <p>Your browser does not support the canvas tag.</p>
|
62 | 62 | <!-- Note: you can put any alternative content here. -->
|
|
67 | 67 | </div>
|
68 | 68 | <h1>moving_ball</h1>
|
69 | 69 | <p id="description"></p>
|
70 |
| - <p id="sources">Source code: <a href="moving_ball.pde">moving_ball</a> </p> |
| 70 | + <p id="sources">Source code: <a href="../bouncingball.pde">moving_ball</a> </p> |
71 | 71 | <p>
|
72 | 72 | Built with <a href="http://processing.org" title="Processing">Processing</a>
|
73 | 73 | and <a href="http://processingjs.org" title="Processing.js">Processing.js</a>
|
|
0 commit comments