Uploaded April 2023 | Updated September 2026, 2 weeks ago
In this tutorial, students learn how to add a pulsating animation to their artwork using their coding skills in p5.js. They will code beautiful flowers that pulsate in the artwork by sharpening their use of variables and for loops and learn how to use the sin function.
Jump to the good stuff:
0:00 Introduction
0:28 Let's talk about functions and how to draw flowers
04:26 How to use a for loop to add flowers in a columns
06:11 How to add a pulsating animation
Missed a line of code? No worries! View the CODE Along Cheat Sheet here: tinyurl.com/bgccheatsheet
We want your feedback! After you finish the video, please take our survey here: tinyurl.com/CodeAlong2023
Want more? Sign up to join Black Girls CODE's community at community.wearebgc.org
About CODE Along
Everyone is invited to CODE Along with Black Girls CODE. It's a free, video-based coding academy by Black Girls CODE in partnership with GoldieBlox. Here Black girls, young women, and students of all genders receive tangible, educational, and entertaining tutorials to help incite interest in computer science and technology. With fun and impactful projects, simple step-by-step lessons, this series encourages you to code along while our expert coders make digital art, animated art, and build obstacle courses (aka an obby) in Roblox. In these 15 minutes or less episodes, CODE Along is designed to reach millions of underrepresented girls and arm them with the tech skills and confidence they need to build brighter futures. Speaking of future innovators – we also chatted with nearly a dozen girl bosses about their careers in animation, digital art, NFTs, gaming, and more. Learn a new skill, discover a new role model, and CODE Along with us.
#howtocode #blackgirlscode #goldieblox #javascript #codingtutorial #codealong #p5js
In this tutorial, students learn how to add a pulsating animation to their artwork using their coding skills in p5.js. They will code beautiful flowers that pulsate in the artwork by sharpening their use of variables and for loops and learn how to use the sin function.
Jump to the good stuff:
0:00 Introduction
0:28 Let's talk about functions and how to draw flowers
04:26 How to use a for loop to add flowers in a columns
06:11 How to add a pulsating animation
Missed a line of code? No worries! View the CODE Along Cheat Sheet here: tinyurl.com/bgccheatsheet
We want your feedback! After you finish the video, please take our survey here: tinyurl.com/CodeAlong2023
Want more? Sign up to join Black Girls CODE's community at community.wearebgc.org
About CODE Along
Everyone is invited to CODE Along with Black Girls CODE. It's a free, video-based coding academy by Black Girls CODE in partnership with GoldieBlox. Here Black girls, young women, and students of all genders receive tangible, educational, and entertaining tutorials to help incite interest in computer science and technology. With fun and impactful projects, simple step-by-step lessons, this series encourages you to code along while our expert coders make digital art, animated art, and build obstacle courses (aka an obby) in Roblox. In these 15 minutes or less episodes, CODE Along is designed to reach millions of underrepresented girls and arm them with the tech skills and confidence they need to build brighter futures. Speaking of future innovators – we also chatted with nearly a dozen girl bosses about their careers in animation, digital art, NFTs, gaming, and more. Learn a new skill, discover a new role model, and CODE Along with us.
#howtocode #blackgirlscode #goldieblox #javascript #codingtutorial #codealong #p5js
