Uploaded March 2023 | Updated September 2026, 1 week ago
Viewers will learn how to create an animated art piece inspired by the natural hair movement. Viewers will need to have completed the first four episodes of How To Code Art with Meaning in p5.js to be successful coding along. Viewers will take their new coding skills and create an afro that grows with a single click of the mouse by using a conditional statement and addition assignment operator and adding it all within the mouse Pressed function.
Skip to the good stuff:
0:00 Introduction
2:10 How to Create The Hairline
2:12 How to Create Eyebrows
2:18 How to Create the Nose
2:45 How to Create the Mouth
3:35 How to Add Earrings
4:00 How to Create The Afro
5:26 A Reminder About Variables
6:20 How to Add Animations to the Curls
7:00 How to Use the mousePressed() Function
Missed a line of code? No worries! View the CODE Along Cheat Sheet here: tinyurl.com/bgccheatsheet
Want more? Sign up to join Black Girls CODE's community at community.wearebgc.org to get access to our virtual classes and in-person events.
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
Viewers will learn how to create an animated art piece inspired by the natural hair movement. Viewers will need to have completed the first four episodes of How To Code Art with Meaning in p5.js to be successful coding along. Viewers will take their new coding skills and create an afro that grows with a single click of the mouse by using a conditional statement and addition assignment operator and adding it all within the mouse Pressed function.
Skip to the good stuff:
0:00 Introduction
2:10 How to Create The Hairline
2:12 How to Create Eyebrows
2:18 How to Create the Nose
2:45 How to Create the Mouth
3:35 How to Add Earrings
4:00 How to Create The Afro
5:26 A Reminder About Variables
6:20 How to Add Animations to the Curls
7:00 How to Use the mousePressed() Function
Missed a line of code? No worries! View the CODE Along Cheat Sheet here: tinyurl.com/bgccheatsheet
Want more? Sign up to join Black Girls CODE's community at community.wearebgc.org to get access to our virtual classes and in-person events.
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
