Groundwork for 2d collision work

1 files changed, 43 insertions, 0 deletions

diff --git a/2d/rigidbody/rigidbody_3.html.content b/2d/rigidbody/rigidbody_3.html.content
new file mode 100644
index 0000000..f79db4f
--- /dev/null
+++ b/2d/rigidbody/rigidbody_3.html.content
@@ -0,0 +1,43 @@
+<script src="./rigidbody_3/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>