1 files changed, 49 insertions, 0 deletions
diff --git a/2d/rigidbody/rigidbody_1.html.content b/2d/rigidbody/rigidbody_1.html.content
new file mode 100644
index 0000000..e806ffc
--- /dev/null
+++ b/2d/rigidbody/rigidbody_1.html.content
@@ -0,0 +1,49 @@
+<script src="./rigidbody_1/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 #1: Linear Forces</h1>
+  <section>
+	<p>
+      In this first installment of my 2D rigidbody tutorial, we are going to explore linear forces and how we can begin to simulate them in real time on a computer. As you'll come to see, 2D forces are quite easy to understand and implement if you have some basic knowledge of 2D maths. On top of that, they really add a lot of life into what would otherwise be a static 2D scene. Without further ado, let's jump in.
+	</p>
+  </section>
+  <section>
+    <h2>What is a Force Anyway?</h2>
+    <p>
+      
+    </p>
+  </section>
+  <section>
+	<h2>
+	  Live Example
+	</h2>
+    <div class="opengl_canvas_container">
+      <canvas id="gl_canvas" width="640" height="480"></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>
+      </ul>
+    </footer>
+  </section>
+</article>