diff options
| author | mattkae <mattkae@protonmail.com> | 2022-01-22 13:03:12 -0500 |
|---|---|---|
| committer | mattkae <mattkae@protonmail.com> | 2022-01-22 13:03:12 -0500 |
| commit | 19defa9be56588803bbae0f38e2f271a91b9d690 (patch) | |
| tree | 92bd58290432c747b670883dbde7cbe5aed83fed /2d/softbody/softbody_2.html | |
| parent | dce6e971023d6c4bc849641c10db5d65ce5fad55 (diff) | |
Rendering the square for the spring rectangle
Diffstat (limited to '2d/softbody/softbody_2.html')
| -rw-r--r-- | 2d/softbody/softbody_2.html | 122 |
1 files changed, 122 insertions, 0 deletions
diff --git a/2d/softbody/softbody_2.html b/2d/softbody/softbody_2.html new file mode 100644 index 0000000..3439a25 --- /dev/null +++ b/2d/softbody/softbody_2.html @@ -0,0 +1,122 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="utf-8"> + <link rel="stylesheet" href="/index.css"> + <title>Physics for Games</title> + <link rel="shortcut icon" href="/favicon/favicon.ico" type="image/x-icon"> + <meta name="description" content="A place to learn all about real-time physics simulations through descriptions, code snippets, and example programs all written in C++ and OpenGL."> + <meta name="og:description" content="A place to learn all about real-time physics simulations through descriptions, code snippets, and example programs all written in C++ and OpenGL."> + </head> + <body> + <header> + <h1><a title="physicsforgames.com" href="/">Physics for Games</a></h1> + </header> + <main> + <nav> + <ul class="outer-tree"> + <li><a href="/">Introduction</a></li> + <li> + <span>🏀<span>2D</span></span> + <ul class="inner-tree"> + <li><label>Rigidbody</label></li> + <li><a title="/2d/rigidbody/rigidbody_1.html" href="/2d/rigidbody/rigidbody_1.html">Linear Forces</a></li> + <li><a title="/2d/rigidbody/rigidbody_2.html" href="/2d/rigidbody/rigidbody_2.html">Rotational Forces</a></li> + <li><a title="/2d/rigidbody/rigidbody_3.html" href="/2d/rigidbody/rigidbody_3.html">Collisions</a></li> + <li><label>Collisions</label></li> + <li><a title="/2d/_collisions/rectangle_rectangle.html" href="/2d/_collisions/rectangle_rectangle.html">Rectangle-Rectangle</a></li> + <li><a title="/2d/_collisions/polygon_polygon.html" href="/2d/_collisions/polygon_polygon.html">Separating Axis Theorem</a></li> + <li><label>Softbody</label></li> + <li><a title="/2d/softbody/softbody_1.html" href="/2d/softbody/softbody_1.html">Springs</a></li> + <li><a title="/2d/softbody/softbody_2.html" href="/2d/softbody/softbody_2.html">Springy Rectangle</a></li> + </ul> + </li> + <li> + <span>🌠<span>3D</span></span> + <ul class="inner-tree"> + <li><label>Rigidbody</label></li> + <li><a title="/3d/rigidbody.html" href="/3d/rigidbody.html">Rigidbody in 3D</a></li> + </ul> + </li> + <li> + <span>🔧<span>WebAssembly</span></span> + <ul class="inner-tree"> + <li><a title="/intro/intro.html" href="/intro/intro.html">Introduction</a></li> + </ul> + </li> + <li> + <span>🛈<span>About</span></span> + <ul class="inner-tree"> + <li><a title="/roadmap.html" href="/roadmap.html">Roadmap</a></li> + </ul> + </li> + </ul> + </nav> +<script src="./softbody_2/dist/output.js"></script> +<script> + window.onload = function() { + // -- Play/Stop Logic + function addButtonListener(pPlay, pStop, pDisableElementList) { + var lPlayElement = document.getElementById(pPlay), + lStopElement = document.getElementById(pStop); + lPlayElement.addEventListener('click', function() { + lPlayElement.style.display = 'none'; + lStopElement.style.display = 'block'; + + pDisableElementList.forEach(function(element) { + element.disabled = true; + }); + }); + lStopElement.addEventListener('click', function() { + lStopElement.style.display = 'none'; + lPlayElement.style.display = 'block'; + + pDisableElementList.forEach(function(element) { + element.disabled = false; + }); + }); + } + + addButtonListener('gl_canvas_play', 'gl_canvas_stop', [ + + ]); + + // -- Add callbacks for sliders + Module.onRuntimeInitialized = function() { + }; + } + +</script> +<article> + <h1></h1> + <section> + <p> + + </p> + </section> + <section> + <h2> + Live Example + </h2> + <p> + <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> + </section> + + <footer id='references'> + <h2>References</h2> + <ul> + <li></li> + </ul> + </footer> +</article> + </main> + </body> +</html> |