WebPhysics/balls.html at master · harimohanraj89/WebPhysics · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>

        <!-- CSS AND FONTS -->
    	<link rel="stylesheet" type="text/css" href="css/style.css">
        <link href='http://fonts.googleapis.com/css?family=Mako|Oxygen:300' rel='stylesheet' type='text/css'>

        <!-- JAVASCRIPT -->
    	<script src="js/libvec2.js"></script>
        <script src="js/ball.js"></script>
    	<script src="js/ballphysics.js"></script>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Physical Space</title>
    </head>

    <body>
    	<div id="site">
            <div id="menu">
                <h2>...</h2>
                <ul id="menulist">
                    <a href="/balls.html"><li>Balls</li></a>
                    <a href="/string.html"><li>String</li></a>
                    <a href="/bubbles.html"><li>Bubbles</li></a>
                    <a href="/rain.html"><li>Rain</li></a>
                    <a href="/chain.html"><li>Chain</li></a>
                </ul>
            </div>
	        <h1>
	        	Physical Space
	        </h1>

	        <p>
	        	A physics simulation of balls in a box, utilizing the velocity verlet algorithm. Click and hold to interact with them.
	        </p>

            <div id="physicswrapper" class="narrow">
                <div id="controlbuttonwrapper">
                    <!-- <button class="button1" id="updatebutton" onclick="UpdateBalls();">Update</button> -->
                    <button class="button1" id="startbutton" onclick="StartSimulation();">Start</button>
                    <button class="button1" id="stopbutton" onclick="StopSimulation();">Stop</button>
                    <button class="button1" id="resetbutton" onclick="ResetBalls();">Reset</button>
                </div>

                <div id="canvaswrapper">
                    <canvas id="mainCanvas"></canvas>
                </div>
            </div>

            <p class="source-container">
              <a class="source" href="https://github.com/harimohanraj89/WebPhysics" target="_blank">Source code</a>
            </p>

            <div id="footer">
                <p> Hariharan Mohanraj, 2013 </p>
            </div>
	    </div>

    </body>

</html>