Animating w/
Variables
Animating w/
Variables
Embedded Files
Animating w/
Variables
Today's Goal
Today's Goal
We'll keep learning some of the basics of p5.js,
today, learning how to create and use variables
for some basic animation.
Completed
Basics of HTML & CSS
Block-based Programming
Code Comments
Today
More P5.js
Animating Shapes
Upcoming
More P5.js
More JavaScript
Main Task:
Try Animation
Main Task:
Try Animation
First...
let's go over setup and a few basic concepts
to help you understand what we're doing.
setup-and-concepts.mp4
Second...
the basics of how to animate something using a variable.
animate-it.mp4
Third...
let's take this idea further...
experiment-1.mp4
Lastly...
Experiment and play.
experiment-2.mp4submit?
submit?
On your slide for today, add a video showing several of your experiments with animating in p5.js using variables.
Take a video of this, add the video to your slide for today. You can start screen record by pressing Command + Shift + 5 .
To add video to your slide, you'll need to first upload it Google Drive, then you can use the Insert drop down menu to add it to your slide. Make sure the sharing settings on your video are set to public.
Page updated
Report abuse