diff options
| author | Matthew Kosarek <matthew.kosarek@vention.cc> | 2021-02-17 21:06:20 -0500 |
|---|---|---|
| committer | Matthew Kosarek <matthew.kosarek@vention.cc> | 2021-02-17 21:06:20 -0500 |
| commit | 5c409f04470e319f0a57e8791bc96cd724ee601c (patch) | |
| tree | fcebe2242106d5d94eb852f90b66ab131c5655ba /frontend/rigidbody.html | |
| parent | cc6d3871008a89fcf48814596d7bfec05f2706e4 (diff) | |
Proper collisions happening in 2 dimensions
Diffstat (limited to 'frontend/rigidbody.html')
| -rw-r--r-- | frontend/rigidbody.html | 40 |
1 files changed, 30 insertions, 10 deletions
diff --git a/frontend/rigidbody.html b/frontend/rigidbody.html index 2cc32b7..d83e29e 100644 --- a/frontend/rigidbody.html +++ b/frontend/rigidbody.html @@ -6,7 +6,7 @@ <script src="index.js"></script> <link rel="stylesheet" href="/../index.css"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,300" rel="stylesheet" type="text/css"> - <title>Simple Website</title> + <title>Physics for Games</title> <script src="_rigidbody/vec2.js"></script> <script src="_rigidbody/mat4.js"></script> @@ -15,10 +15,11 @@ <script src="_rigidbody/program_common.js"></script> <script src="_rigidbody/rigidbody_1.js"></script> <script src="_rigidbody/rigidbody_2.js"></script> + <script src="_rigidbody/rigidbody_3.js"></script> </head> <body> <header> - <h1>Matt Kae's Programming Blog</h1> + <h1>Physics for Games</h1> </header> <nav> <a href="/">Home</a> @@ -32,6 +33,7 @@ <li><a href="#introduction">Introduction</a></li> <li><a href="#linear-forces">Part 1: Linear Forces</a></li> <li><a href="#rotational-forces">Part 2: Rotational Forces</a></li> + <li><a href="#collisions">Part 3: Collisions</a></li> </ul> </p> </section> @@ -106,10 +108,10 @@ <canvas width="640" height="480"></canvas> <div class="opengl_canvas_sidebar"> <ul class="opengl_value_tracker"> - <li><b>Force:</b><span id="rigidbody_1_force_field">N/A</span></li> - <li><b>Acceleration:</b><span id="rigidbody_1_acceleration_field">N/A</span></li> - <li><b>Velocity:</b><span id="rigidbody_1_velocity_field">N/A</span></li> - <li><b>Position:</b><span id="rigidbody_1_position_field">N/A</span></li> + <li><b>Linear Force:</b><span id="rigidbody_1_force_field">N/A</span></li> + <li><b>Linear Acceleration:</b><span id="rigidbody_1_acceleration_field">N/A</span></li> + <li><b>Linear Velocity:</b><span id="rigidbody_1_velocity_field">N/A</span></li> + <li><b>Linear Position:</b><span id="rigidbody_1_position_field">N/A</span></li> </ul> <form id="rigidbody_1_force_submit_button" style="text-align: right; padding: 0.5rem;"> <div class="vec2_input_group"> @@ -132,15 +134,16 @@ <section id="rotational-forces"> <h2>Part 2: Rotational Forces</h2> <p> + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </p> <div id="rigidbody_2" class="opengl_canvas_container"> <canvas width="640" height="480"></canvas> <div class="opengl_canvas_sidebar"> <ul class="opengl_value_tracker"> - <li><b>Force:</b><span id="rigidbody_1_force_field">N/A</span></li> - <li><b>Acceleration:</b><span id="rigidbody_2_acceleration_field">N/A</span></li> - <li><b>Velocity:</b><span id="rigidbody_2_velocity_field">N/A</span></li> - <li><b>Position:</b><span id="rigidbody_2_position_field">N/A</span></li> + <li><b>Angular Force:</b><span id="rigidbody_2_force_field">N/A</span></li> + <li><b>Angular Acceleration:</b><span id="rigidbody_2_acceleration_field">N/A</span></li> + <li><b>Angular Velocity:</b><span id="rigidbody_2_velocity_field">N/A</span></li> + <li><b>Angular Position:</b><span id="rigidbody_2_position_field">N/A</span></li> </ul> <form id="rigidbody_2_force_submit_button" style="text-align: right; padding: 0.5rem;"> <div id="rigidbody_2_force_input" class="vec2_input_group"> @@ -164,6 +167,23 @@ </button> </div> </section> + <section id="collisions"> + <h2>Part 3: Collisions</h2> + <p> + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. + </p> + <div id="rigidbody_3" class="opengl_canvas_container"> + <canvas width="640" height="480"></canvas> + <div class="opengl_canvas_sidebar"> + </div> + <button class="play_button"> + Play + </button> + <button class="stop_button"> + Stop + </button> + </div> + </section> <section style="height: 50vh;"></section> </main> |