xxxxxxxxxx30
<html lang="en"> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.0/p5.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.7.0/addons/p5.sound.min.js"></script> <link rel="stylesheet" type="text/css" href="style.css"> <meta charset="utf-8" /> </head> <body> <main> </main> <div id="canvas-container"> <!-- This is where the p5.js canvas will be placed. --> </div> <!-- Create a paragraph element for the text --> <p id="slider-text" style="color: black;">Number of magnets:</p> <p id="slider-text" style="color: black;">Number of particles:</p> <p id="slider-text" style="color: black;">RED:</p> <p id="slider-text" style="color: black;">GREEN:</p> <p id="slider-text" style="color: black;">BLUE:</p> <script src="sketch.js"></script> <script src="particle.js"></script> <script src="magnet.js"></script> </body></html>