xxxxxxxxxx93
<html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.2/p5.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.2/addons/p5.dom.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.2/addons/p5.sound.min.js"></script> <link rel="stylesheet" type="text/css" href="style.css"> <script src="snake.js"></script> </head> <style> h1 { background-color: #1e847f; border: 8px inset #ecc19c; padding: 8px; color:white; font-family: "Courier New"; text-align: center; letter-spacing: 3px; } h3 { font-family: "Courier New"; text-align: center; color: purple } P { background-color: #1e847f; color: white; font-family: "Courier New"; text-align: center; border: 10px solid #ecc19c; padding: 8px; } canvas { padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; display: block; width: 500px; border: 15px outset #1e847f; } button { padding-left: 0; padding-right: 0; margin-left: auto; margin-right: auto; display: block; width: 170px; height: 40px; background-color: #1e847f; border: 5px inset #ecc19c; color:white; font-family: "Courier New"; font-weight: bold; text-align: center; letter-spacing: 2px; cursor: pointer; } </style> <body> <h1>Code ExclimationPoint! 2</h1> <div id="song_switcher"></div> <div id="slider_placement"></div> <div id="canvas_placement"></div> <p>This week, I decided to make interesting changes to my snake game to incorporate various aspects of my past sketches but with some added features and functionality. I am quite happy with how this turned out!</p> <script src="sketch.js"></script> </body></html>