summaryrefslogtreecommitdiff
path: root/2d/rigidbody/rigidbody_2.html.content
diff options
context:
space:
mode:
authorMatthew Kosarek <mattkae@protonmail.com>2021-05-25 21:33:50 -0400
committerMatthew Kosarek <mattkae@protonmail.com>2021-05-25 21:33:50 -0400
commit7a4cb77ddccbce28cded0c97cf3bb975aafbec16 (patch)
treecd62762dc11e190f0706fbed3581021e51d160f6 /2d/rigidbody/rigidbody_2.html.content
parent76b6fa0ce8cfaaab8e2052bdd43266ded8e404b6 (diff)
Wow, this is why my rotational motion has been so broken for so loing
Diffstat (limited to '2d/rigidbody/rigidbody_2.html.content')
-rw-r--r--2d/rigidbody/rigidbody_2.html.content43
1 files changed, 43 insertions, 0 deletions
diff --git a/2d/rigidbody/rigidbody_2.html.content b/2d/rigidbody/rigidbody_2.html.content
new file mode 100644
index 0000000..351d544
--- /dev/null
+++ b/2d/rigidbody/rigidbody_2.html.content
@@ -0,0 +1,43 @@
+<script src="./rigidbody_2/dist/output.js"></script>
+<script>
+ window.onload = function() {
+ var lPlayElement = document.getElementById('gl_canvas_play'),
+ lStopElement = document.getElementById('gl_canvas_stop');
+ lPlayElement.addEventListener('click', function() {
+ lPlayElement.style.display = 'none';
+ lStopElement.style.display = 'block';
+ });
+ lStopElement.addEventListener('click', function() {
+ lStopElement.style.display = 'none';
+ lPlayElement.style.display = 'block';
+ });
+ }
+
+</script>
+<article>
+ <h1>Rigidbody #2: Rotational Forces</h1>
+ <section>
+ <h2>Explanation</h2>
+ </section>
+ <section>
+ <h2>
+ Live Example
+ </h2>
+ <div class="opengl_canvas_container">
+ <canvas id="gl_canvas" width="800" height="600"></canvas>
+ <button id="gl_canvas_play" class="play_button">
+ Play
+ </button>
+ <button id="gl_canvas_stop" class="stop_button">
+ Stop
+ </button>
+ </div>
+
+ <footer id="references">
+ <h2>References</h2>
+ <ul>
+ <li><a href="https://en.wikipedia.org/wiki/List_of_moments_of_inertia">Moment of Inertia of Plate (which we use for a rectangle)</a></li>
+ </ul>
+ </footer>
+ </section>
+</article>