Click here to view my project
Click here to see the code
This project is an interactive drawing website. Basically, I inserted my previous p5.js script into this project and added multiple buttons to enable users to control the position and size of the main shape. And the rotating shape will create different visual effects due to the interactions.
The most important part of this mini-project was the HTML buttons. The “onclick” is used here to link the buttons to the event on script.js.
for the interface functions, I hoped to add some color-control functions and speed-control functions for future improvement.
It is interesting that HTML, CSS, and js all have different language systems, like the same meaning may have different descriptions in these three systems, but together, the three languages can build a website with strong functions. The logic of HTML and js is easier for me to understand, but the CSS language is a little bit confusing, especially when it comes to position-related problems.
thank you