Shapes & P5.js
Shapes & P5.js
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
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
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.
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.
On your slide, screenshot your code, and how yours turned out.
by Muti on Twitter/X
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