In this homework, you will create a self-portrait by designing a character, creature, or object using p5.js Your self-portrait should showcase your artistic and coding skills while incorporating the following elements we’ve discussed in the course so far.
For this assignment, you will use the full width and height of the window, by using the following code in your setup() function: createCanvas(windowWidth, windowHeight);
Project Requirements:
- Shapes (20%): Experiment with a variety of shapes, including circles, rectangles, triangles, and custom shapes, to construct your character, creature, or object. Shapes should form the visual elements of your self-portrait.
- Color (20%): Utilize colors creatively to bring your self-portrait to life. Avoid using plain color names like “red” or “blue.” Instead, employ RGB, RGBA, or hexadecimal color codes for precise control over colors and their opacities.
- Animation (20%): Add animation to your self-portrait to make it dynamic and engaging. This could involve movements, color transitions, or any other visually interesting effects that enhance your portrayal.
- Text (10%): Incorporate text into your self-portrait. This text could be your name, a short message, or any relevant text that complements the character, creature, or object you’ve created. Display this text somewhere on the canvas.
- Interaction (20%): Use either mouse or key event listeners to trigger elements within your sketch. This could include audio, changing colors, size, or movement.
- Syntax and Comments (10%): Maintain clean and organized code. Include comments throughout your code to explain what is happening in your program. Comments should provide an overall understanding of how your code operates. While you don’t need to repeat comments for similar functions, ensure that your code is well-documented and easy to follow.
Submission Instructions:
- Share your p5.js sketch using the following TWO links. Ensure they are clearly labeled in your submission:
- FULL SCREEN Link: (Insert Full Screen Link Here)
- EDIT Link: (Insert Edit Link Here)
