diff options
| author | Matthew Kosarek <mattkae@protonmail.com> | 2021-03-22 20:54:51 -0400 |
|---|---|---|
| committer | Matthew Kosarek <mattkae@protonmail.com> | 2021-03-22 20:54:51 -0400 |
| commit | c36d05d5aed2f8f7c6342b174692146e2d11c386 (patch) | |
| tree | 8e54047d7b6db7e3d21ccfad6b8c4965d42c09fa /frontend/_wasm/intro/intro.html | |
| parent | c29a911cd1a3f23f66478f205cace14487aadc56 (diff) | |
Refactored frontend, beginnings of general cpp layer, and beginning roadmap
Diffstat (limited to 'frontend/_wasm/intro/intro.html')
| -rw-r--r-- | frontend/_wasm/intro/intro.html | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/frontend/_wasm/intro/intro.html b/frontend/_wasm/intro/intro.html new file mode 100644 index 0000000..92a6ea8 --- /dev/null +++ b/frontend/_wasm/intro/intro.html @@ -0,0 +1,56 @@ +<!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> + <script src="intro.js"></script> + <script src="dist/output.js"></script> + <link rel="stylesheet" href="/index.css"> + <link rel="shortcut icon" href="/favicon/favicon.ico" type="image/x-icon"> + + <title>Physics for Games</title> + </head> + <body> + <header> + <h1>Physics for Games</h1> + </header> + <main> + <nav> + </nav> + <section> + <h1>Getting Started with WebAssembly</h1> + <article> + <h2>Why does the browser exist?</h2> + <p> + Before we can get started trying to understand just what WebAssembly has to offer, let's ask ourselves a quick question: Why does the browser even exist in the first place, and what type of problem are we trying to tackle in the browser? + </p> + </article> + <article> + <h2>WASM: What and why</h2> + <p> + + In my professional career, I've spent far too much time writing complicated frontend applications for the browser. This being the modern web, my hand was forced into using JavaScript. + </p> + </article> + <article> + <p> + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. + </p> + <div class="opengl_canvas_container"> + <canvas id="wasm_canvas"width="640" height="480"></canvas> + <div class="opengl_canvas_sidebar"> + + </div> + <button class="play_button" id="wasm_canvas_play_button"> + Play + </button> + <button class="stop_button" id="wasm_canvas_stop_button"> + Stop + </button> + </div> + </article> + </section> + </main> + </body> +</html> |