Assignment 1: Interactive HTML5 Work
Create a webpage that changes when the user clicks a button or presses a key.
- Discuss with ChatGPT to decide on the interaction (e.g., change color, show text).
- Describe in a prompt what you want for a one-page HTML5 page with JavaScript for your idea.Ask for comments in the source code to help you learn
- Copy code and paste into a text-editor
- Experiment with different events, values and effects.
- Upload and post to blog
Assignment 2: Generative Art with P5.js
Use P5.js to create a design that randomly generates shapes or patterns.
- Brainstorm ideas, in a Chat, for designs with P5js and random behavior
- Describe in a prompt what you want for a one-page HTML5 page with JavaScript for your idea. Ask for comments in the source code to help you learn]
- Copy code and paste into a text-editor
- Adjust parameters to refine the design.
- Upload and post to blog
Assignment 3: Generative Animation with P5.js
Create an animation in P5.js where elements move or change over time
- Brainstorm ideas, in a Chat, for designs with P5js and random behavior.
- Conceptualize the animation, planning movement and interactions.
- Describe in a prompt what you want for a one-page HTML5 page with JavaScript for your idea. Ask for comments in the source code to help you learn
- Copy code and paste into a text-editor
- Experiment with movement parameters and interactions.
- Upload and post to blog
https://dtc-wsuv.org/mcasas22/mini-assignment01/
https://dtc-wsuv.org/mcasas22/mini-assignment02/
https://dtc-wsuv.org/mcasas22/mini-assignment03/