diff options
Diffstat (limited to '2d/rigidbody/rigidbody_2.html.content')
| -rw-r--r-- | 2d/rigidbody/rigidbody_2.html.content | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/2d/rigidbody/rigidbody_2.html.content b/2d/rigidbody/rigidbody_2.html.content new file mode 100644 index 0000000..351d544 --- /dev/null +++ b/2d/rigidbody/rigidbody_2.html.content @@ -0,0 +1,43 @@ +<script src="./rigidbody_2/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 #2: Rotational Forces</h1> + <section> + <h2>Explanation</h2> + </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> + <li><a href="https://en.wikipedia.org/wiki/List_of_moments_of_inertia">Moment of Inertia of Plate (which we use for a rectangle)</a></li> + </ul> + </footer> + </section> +</article> |