Shapes & P5.js
Shapes & P5.js
Embedded Files
Shapes & P5.js
Today's Goal
Today's Goal
We'll keep working with shapes to become
more accustomed to how p5.js works.
Completed
Basics of HTML & CSS
Block-based Programming
Typing Benchmark
Today
p5. js
code comments
drawing shapes
Upcoming
More JavaScript
more p5.js
Slides for the Week
Slides for the Week
Create new slides for this week.
Make a copy of these slides for this week:
https://docs.google.com/presentation/d/1ciwYLVux_5xvoeGVrl976oaKgFbCFlDdPDjFDk3CvH8/edit?usp=sharing
Overview of Comments
Overview of Comments
A useful concept to use when programming are comments. Programmers should be using comments all along... although sometimes we forget. They are very useful though, and you should try to use them when programming.
Let's see an overview of comments.
comments.mp4Main Task, p1:
Draw a creature
Main Task, p1:
Draw a creature
Follow along to draw a funky creature with p5.js
Keep the same basic appearance, although you can make some minor changes.
Choose your own colors instead of using hers.
draw-a-creature-v2.mp4submit?
submit?
On your slide, screenshot your code, and how yours turned out.
by Muti on Twitter/X
Task, part 2: Experiment
Task, part 2: Experiment
Using what you've learned with p5.js so far... create your own creature.
Include color!
On your slide, screenshot your code, and how your own experimental creature turned out.
by Acquiesce13 on RedBubble
Page updated
Report abuse