diff options
| author | pommicket <leonardomtenenbaum@gmail.com> | 2016-08-31 14:58:23 -0400 |
|---|---|---|
| committer | pommicket <leonardomtenenbaum@gmail.com> | 2016-08-31 14:58:23 -0400 |
| commit | a982632b1cc3218d74acec2b5f6a69ffc5e97ead (patch) | |
| tree | d7a7761c1a905450c3d57f4ae75048616850c06b /shaperoller.html | |
| parent | afff994f985121e89de4b1e3bb509b62eb956e5a (diff) | |
Cleaned up code and improved website layout.
Diffstat (limited to 'shaperoller.html')
| -rw-r--r-- | shaperoller.html | 7 |
1 files changed, 3 insertions, 4 deletions
diff --git a/shaperoller.html b/shaperoller.html index 0873237..1eddb8a 100644 --- a/shaperoller.html +++ b/shaperoller.html @@ -4,16 +4,15 @@ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> <link rel="stylesheet" href="css/style.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> + <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.2/p5.js"></script> </head> <body> <div id="navbar"></div> <script src="navbar.js"></script> <h2>Shape Roller</h2> <p>This program rolls (invisible) shapes around other (invisible) shapes and traces a point on the shape as it moves along.<br> - Here's an animation of how it works (from Wikimedia):<br> <img width=100 height=100 src="https://upload.wikimedia.org/wikipedia/commons/d/d0/Cardiod_animation.gif" target="_blank"></p> - - - <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.2/p5.js"></script> + Here's an animation of how it works:<br> + <img width="100" height="100" src="https://upload.wikimedia.org/wikipedia/commons/d/d0/Cardiod_animation.gif" target="_blank"></p> <script src="js/shaperoller.js"></script> Speed: <input type="number" id="speed" value="0.5"><br> |