xxxxxxxxxx63
<html lang="en"> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.1.9/p5.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.1.9/addons/p5.sound.min.js"></script> <link rel="stylesheet" type="text/css" href="style.css"> <meta charset="utf-8" /> </head> <body> <script src="sketch.js"></script> <style>/* Tooltip container */.tooltip { text-align:center; position: absolute; display: inline-block; padding-top: 3px;}/* Tooltip text */.tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; padding: 0px 24px; border-radius: 6px; /* Position the tooltip text - see examples below! */ position: absolute; z-index: 1;}/* Show the tooltip text when you mouse over the tooltip container */.tooltip:hover .tooltiptext { visibility: visible;}</style><div class="tooltip">? <span class="tooltiptext"> <p><div class="bolded">MOUSE:</div> Click and drag to move perspective around. Swipe fingers up or down to move forward or backward in space.</p> <p><div class="bolded">a-Key:</div> Pause/play animation.</p> <p><div class="bolded">s-Key:</div> Save canvas.</p> </span></div> <div class="links"> <a href="https://editor.p5js.org/agonzal019/present/7DcxdmQTr" target="_blank">NAVY</a> <a href="https://editor.p5js.org/agonzal019/present/L7xSRhbvJ" target="_blank">CUBE</a> <a href="https://editor.p5js.org/agonzal019/present/7AV-aUoFF" target="_blank">WHITE</a></div> </body></html>