<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src="scripts/jquery-3.5.1.min.js"></script>
<script src="index.js"></script>
<link rel="stylesheet" href="index.css">
<title>Roadmap</title>
<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: '-';
}
section ul li.done:before {
content: '✓';
}
.done {
color: lightgreen;
}
.halfway {
color: orange;
}
section ul li.done:before {
content: '✓'
}
section ul li.halfway:before {
content: '⚠'
}
</style>
</head>
<body>
<header>
<h1>Physics for Games</h1>
</header>
<main>
<nav></nav>
<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>
<hr/>
<h1>2D Collisions with Descriptions</h1>
<ul>
<li class="halfway">Pill-Line Collision</li>
<li>Pill-Pill Collisions</li>
<li>Pill-Circle Collisions</li>
<li>Pill-Square Collisions</li>
<li class="done">Rectangle-Line Collisions</li>
<li>Circle-Line Collisions (Redo)</li>
<li>Rectangle-Circle Collision</li>
</ul>
<hr />
<h1>Brief Wasm Series</h1>
<ul>
<li>Getting started with WASM docs</li>
<li>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>
</main>
</body>
</html>