Loop Practice
Loop Practice
Embedded Files
Loop Practice
Today's Goal
Today's Goal
Let's keep playing with loops, specifically
in relation to an upcoming holiday.
Completed
Basics of HTML & CSS
Block-based Programming
Code Comments
Basics of Animation
Today
More P5.js
Making hearts with loops
Upcoming
More P5.js
More JavaScript
Typing Practice
Typing Practice
No typing practice today
Part 1:
Make a Heart
Part 1:
Make a Heart
Part 1: Drawing with P5.js
First, let's make a heart with p5.js
Take a screenshot showing you were able to make the heart.
heart-p1.mp4Part 2: Lots of Hearts
Let's use loops to make lots and lots of hearts.
Take a screenshot showing you were able to make a heart pattern with the loops.
heart-p2.mp4Part 3: Animate Them
Let's create a variable to add in some animation.
Record a video showing you got this to work.
heart-p3.mp4Part 4: Mouse Click/Pressed
Let's create some interactivity based on mouse click.
Record a video showing you got this to work.
heart-p4.mp4
Continue playing with and experimenting with loops and other concepts.
You could also maybe look into how to add text on top. Maybe you could turn the animated/interactive heart program into a little digital valentine's card for a friend or family member....
Show me what else you come up with.
submit?
submit?
Add your videos(3) and screenshots(2) to your slide for today.
Page updated
Report abuse