Ignoring general SAT rotations for now, going to focus on redoing the original demos

1 files changed, 108 insertions, 0 deletions

diff --git a/roadmap.html.content b/roadmap.html.content
new file mode 100644
index 0000000..5509dc8
--- /dev/null
+++ b/roadmap.html.content
@@ -0,0 +1,108 @@
+
+<style>
+  section ul {
+	  list-style: none;
+	  padding-left: 0;
+  }
+  section li {
+	  position: relative;
+	  padding-left: 1.5em;  /* space to preserve indentation on wrap */
+  }
+  section li:before {
+	  content: '';
+	  position: absolute;
+	  left: 0;
+	  width: 1rem;
+	  height: 1rem;
+  }
+  section ul {
+	  list-style: none;
+  }
+
+  section ul li:before {
+	  content: '-';
+  }
+
+  .done {
+	  color: lightgreen;
+  }
+
+  .halfway {
+	  color: orange;
+  }
+
+  .failed {
+      color: red;
+  }
+
+  section ul li.done:before {
+	  content: '✓'
+  }
+
+  section ul li.halfway:before {
+	  content: '⚠'
+  }
+
+  section ul li.failed:before {
+      content: '✗'
+  }
+</style>
+<article>
+  <section>
+    <h1>May/June 2021: More Collisions</h1>
+    <ul>
+      <li>SAT Collisions for Convex Polygons with Explanation</li>
+      <li>Pill Collisions</li>
+      <li>Remove (or hide) ellipse collision pages for now</li>
+      <li>3D scene setup</li>
+      <li>3D scene basic physics with spheres bouncing around a scene</li>
+    </ul>
+    <p style="font-size: 18px;">
+	  Obviously, the month of April did not go as planned. I got caught up with a number of tasks that I couldn't handle,
+      namely, the pill collisions. These, as I discovered, were quite unfeasible and involved a lot of complex maths
+      that I didn't quite yet understand. They are also unreasonable for game development's sake, so I will ditch that
+      effort and focus on doing other things. This, of course, is not time entirely wasted, as I now I have a somewhat
+      better understanding of why ellipses (and by extension ellipsoids, although I am not entirely sure of this). I should
+      <i>instead</i> try to figure out the intersection using pills, not ellipses. Pills are simply 2D shapes made of a
+      rectangle in the middle and two half-circles at either ends. This is a far less expensive collision to calculate.
+      <br/><br/>
+      I also failed when it came to getting a good physics collision system going. This stemmed from a general misunderstanding
+      of moment of inertia and how it can properly be implemented for each shape. I think I am getting a better grip on it now,
+      however.
+      <br/><br/>
+      And that brings me to May/June. I am combining these two months because I am quite busy in May with family stuff,
+      and hence won't be able to give my full attention to the project. That being said, as a high-level goal, I hope to
+      get some more 2D collisions going, and maybe move onto 3D fairly soon. For 3D, I would simply like to get the physics
+      simulation up and running with simple objects (spheres, cubes, etc.). From there, I want to begin exploring more complex
+      physics simulation topics like oct-trees, multiple collision resolution, etc. We will see what happens, but I am optimistic,
+      so long as I stay the course.
+	</p>
+  </section>
+  <hr/>
+  <section>
+	<h1>April 2021: Ground Work and Initial Collisions</h1>
+	<ul>
+	  <li class="done">Orthographic rendering basics</li>
+	  <li class="done">Uniform build Process for WebAssembly</li>
+	  <li class="done">WASM Framework with simulation loop</li>
+	</ul>
+	<h2>2D Collisions with Descriptions</h1>
+	<ul>
+	  <li class="halfway">Ellipse-Line Collision</li>
+	  <li class="failed">Ellipse-Ellipse Collisions</li>
+	  <li class="failed">Ellipse-Circle Collisions</li>
+	  <li class="failed">Ellipse-Square Collisions</li>
+	  <li class="done">Rectangle-Line Collisions</li>
+	  <li class="halfway">Circle-Line Collisions (Redo)</li>
+	  <li class="failed">Rectangle-Circle Collision</li>
+	</ul>
+	<h2>Brief Wasm Series</h1>
+	<ul>
+	  <li class="halfway">Getting started with WASM docs</li>
+	  <li class="halfway">Wasm examples</li>
+	</ul>
+	<p style="color: pink; font-size: 18px;">
+	  Everything above has a due date of <b>April 30th, 2021</b>. None of it is that hard, so this should be a very doable timeline.
+	</p>
+  </section>
+</article>