From cc6d3871008a89fcf48814596d7bfec05f2706e4 Mon Sep 17 00:00:00 2001
From: Matthew Kosarek <mattkae@protonmail.com>
Date: Sun, 7 Feb 2021 19:22:56 -0500
Subject: Added rotational dynamics to the examples

---
 frontend/rigidbody.html | 25 ++++++++++++++++++++++---
 1 file changed, 22 insertions(+), 3 deletions(-)

(limited to 'frontend/rigidbody.html')

diff --git a/frontend/rigidbody.html b/frontend/rigidbody.html
index 510c667..2cc32b7 100644
--- a/frontend/rigidbody.html
+++ b/frontend/rigidbody.html
@@ -113,8 +113,9 @@
                         </ul>
                         <form id="rigidbody_1_force_submit_button" style="text-align: right; padding: 0.5rem;">
                             <div class="vec2_input_group">
-                                <input class="vec2_x_input" type="number" value="0"/>
-                                <input class="vec2_y_input" type="number" value="5000"/>
+                                <label>Force Vector</label>
+                                <input class="vec2_x_input" type="number" placeholder="X (Default 0)"/>
+                                <input class="vec2_y_input" type="number" placeholder="Y (Default 5000 N)"/>
                             </div>
                             <input type="submit" value="Apply Force"></input>
                         </form>
@@ -135,7 +136,25 @@
                 <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>
+                        </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">
+                                <label>Force Vector</label>
+                                <input class="vec2_x_input" type="number" placeholder="X (Default 0)"/>
+                                <input class="vec2_y_input" type="number" placeholder="Y (Default 5000 N)"/>
+                            </div>
+                            <div id="rigidbody_2_position_input" class="vec2_input_group">
+                                <label>Point of Application (Unit Vector)</label>
+                                <input class="vec2_x_input" type="number" placeholder="X (Default 2 Root 2)"/>
+                                <input class="vec2_y_input" type="number" placeholder="Y (Default 2 Root 2)"/>
+                            </div>
+                            <input type="submit" value="Apply Force"></input>
+                        </form>
                     </div>
                     <button class="play_button">
                         Play
-- 
cgit v1.2.1