PROJECTS
Embedded Files
Note: You might not be able to fully view the embedded sketches below. I advise opening them in a new tab! You can do this by double clicking the sketch title and pressing "open in new tab." Then, click </> in the top right corner to view the code!
Day 1: Create a portrait ONLY using shapes
DEMO:
(to follow along, start video at 10:28)
OPTIONAL CHALLENGE!
Add glasses, a hat, a pet, or an object that you find cool or is special to you!
Day 2: Three Things About Me Collage
TEMPLATE:
Tools:
Text
Images
Variables
Comments
Shapes, fill, stroke, colors (day 1)
Link to OPTIONAL project demo video
Link to day 2 reference sheet
DEMO:
(to follow along, watch the optional demo video)
OPTIONAL CHALLENGE!
Customize your collage by adding your other favorite things! Also try using transparent images, layering shapes and images, and using different colors!
Day 3: Randomly Generated Patterns
TEMPLATE + DEMO:
(to follow along, start video at 11:19)
Tools:
random()
conditionals
comparison operators
for loops
noLoop()
Text, images, variables (day 2)
Shapes, fill, stroke, colors (day 1)
OPTIONAL CHALLENGE!
Use more than 2 different shapes or even text, symbols, and emojis to add more diversity to your pattern! Try changing cell size or the range of colors that are generated!
Day 4: Animate a creature or object
TEMPLATE:
Tools:
Updating variables (speed & movement)
OR || operator
random(), conditionals, comparison operators (day 3)
Text, images, variables (day 2)
Shapes, fill, stroke, colors (day 1)
DEMO:
(to follow along, start video at 9:07)
OPTIONAL CHALLENGE!
Try making multiple objects move in different ways! For example, you could make an object bounce AND wrap at the same time. Also try using your own artwork for multiple aspects (background, creature, etc)!
Day 5: Create an Online Drawing Pad
TEMPLATE:
Tools:
Mouse input
Keyboard input
saveCanvas()
Updating variables (day 4)
random(), conditionals, comparison operators (day 3)
Text, images, variables (day 2)
Shapes, fill, stroke, colors (day 1)
DEMO:
(to follow along, watch the entire video)
OPTIONAL CHALLENGE!
Add different functions to your brush, activated by pressing different keys! (Perhaps changing brush size, adding an eraser, adding different brush colors, or even brush shape.) Or consider adding a welcome message, a border around your canvas, etc.
Day 6: Create Your Very Own Game!
catching stars game
DEMO + TEMPLATE:
(to follow along, start video at 5:55)
Tools:
conditionals (if/else)
operators (<, >, <=, >=, ==, ||, &&)
using your OWN artwork and uploading images
random()
Mouse input
Keyboard input
saveCanvas()
Updating variables
Text, shapes, fill, stroke, colors
treasure map game
TEMPLATE:
Tips:
Be creative and use your imagination! There are endless possibilities for what you can create!
Rewatch past videos and use the concepts we’ve learned.
Check the p5.js reference!
choose your own story
TEMPLATE:
Page updated
Google Sites
Report abuse