diff options
author | Matthew Kosarek <mattkae@protonmail.com> | 2021-06-17 20:02:20 -0400 |
---|---|---|
committer | Matthew Kosarek <mattkae@protonmail.com> | 2021-06-17 20:02:20 -0400 |
commit | 4079e69fe4107d2a50b122dbd58710bbeb10ace2 (patch) | |
tree | 2ea0bb6857ad913e54974eb380b3612709559615 /3d/rigidbody.html.content | |
parent | 19b0a3cafe144e8e77974bb0c9c63141a812e30d (diff) |
(WIP) Getting started in 3d land
Diffstat (limited to '3d/rigidbody.html.content')
-rw-r--r-- | 3d/rigidbody.html.content | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/3d/rigidbody.html.content b/3d/rigidbody.html.content new file mode 100644 index 0000000..8bbf294 --- /dev/null +++ b/3d/rigidbody.html.content @@ -0,0 +1,40 @@ +<script src="./rigidbody/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 in 3D</h1> + <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> + </ul> + </footer> + </section> +</article> |