diff options
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> |