Creative Coding with p5.js

After taking a year to adjust to living in San Francisco, I’m back with a focus on coding. I was lucky to be student at Gray Area this past fall semester for their Creative Code Immersive. It’s one of the best learning experiences I’ve had in the past decade and urge anyone who wants to find a stronger connection to coding, physical computing, and using code to make interactive work to take the class. I’ll be posting more about my journey in the weeks to come and as I complete my final project.

After having the week focusing on learning p5.js at Gray Area, I was able to create a 5-week unit with my 7th grade students. I would’ve been nice to have a few more weeks to have them create a proper project but it was amazing to see how they were able to grow within that short period as coders. It was also the first time they wrote their own code instead of using drop-down coding platforms.

The first week had a lot of students deleting essential aspects of the coding platform like the setup loop as well as the draw loop and so many curly brackets disappearing. By the end our time together, they barely had any of those issues and they were even able to use the reference guide as a way to experiment with their ideas. As a class, they managed to learn functions but we never had the time to get to loops. Here’s a file to the presentation I used to get us setup. Event the first week of playing with RGB colors was a blast!

intro-to-p5Download

Previously to learning p5 at Gray Area I had found inspiration in Angi Chau’s work with the Processing Foundation as a way to structure my classes. Nikki Selken, a teacher and educational consultant at Gray Area also did a wonderful job of framing p5 in our week together too. As a female educator, it’s amazing to have two female educators acting as inspiration for myself while embarking on a new coding journey!

Branding Project in Illustrator

A logo I created while sharing how gradients work.

During distance learning, I reached into my bag of tricks to come up with a new unit on Branding for my 7th and 8th graders. I used this unit to also introduce students to the gradient tool, text on a path as well as how to create a scatter brush. After giving them a presentation where we looked at the evolution of logos for iconic brands such as Coca-Cola, Pepsi, McDonald’s, and Apple, students were tasked to create their logos for a business I assigned them. Because I’m such a deep believer in iteration, I asked each student to create three versions of their logo to help with their experimentation and to mimic the work graphic designers do.

Another example for students.

I gave students businesses such as a fast casual Italian restaurant, coffee shop, travel story and garden store. It’s been fun to see how they’ve used the power of Illustrator to their advantage. I do think my students are getting sick me saying that sometimes our first idea helps to clear our brains out for the next idea which is generally stronger and more interesting. I also shared the font website, dafont.com with them to get them excited about fonts. I’ve definitely spent way too much searching for the perfect font and it was interesting to see which students also saw how important a font design can be while designing a logo.

TurtleStitch & Embroidery

One my first efforts this school year to increase the desire of my girl students to use technology while in the makerspace was to get a embroidery machine. I’ve been spending time with TurtleStitch to plan how to use it in my classes. It’s such a fun program to experiment with and the possibilities seem to be endless.

As I’ve experimented with TurtleStitch more and more, one warning that kept coming up was “DENSITY WARNING!”. I decided to embroider one design with that warning just to see what would happen. The design version on the right has a running stitch and the design on the left be a satin stitch to better understand the warning. The running stitch was fine but the satin stitch was not a success. It didn’t upset the machine but the back of the design was pinched downwards where the density was pretty intense.

Backing of the Density Warning

Going forward I will definitely take that warning to heart. It’s so nice to visualize what a warning on a application turns into. Sadly it seems like most of my TurtleStitch designs have that warning and I’ll just have to spread out the designs more to overcome the issue.

The Brother PE800 Embroidery Machine is a dream. Seeing student’s eyes light up when I have it running is amazing. Since my school is an Apple school, bringing TurtleStitch designs into software to add elements to the designs hasn’t been as easy as I hoped. I turned to Embrilliance Stitch Artist and it’s worked nicely but it won’t be possible to get it onto student computers which is a bummer since it requires a license. I’m still searching for alternatives and will keep you posted!

Sustainability in the Makerspace

• 

• 

• 

As this school year began, I had two goals to focus on. One was to be better at practicing sustainability in my work with students. The second was to empower girls to take more risks with their projects. More to come on this second goal later.

With the sustainability focus, I had to take a close look at the materials my students were using and how they were being used. Experimentation is always my goal for them but I saw that certain materials were being used but not in a way that was allowing for deeper critical thinking or making new connections to classroom content. Sadly these were the more decorative materials like pom poms and plastic gems. I decided to not order these items this year which came with fun surprises. Now yarn and pipe cleaners are being used in a more interesting manner. Also they’re using vinyl scraps to add extra design details.

The strongest aspect of my sustainability mission has been reaching out to the community to donate interesting packaging materials, toilet and paper towel innards, egg cartons, plastic containers and boxes. I’ve truly seen my students imaginations come to life with the addition of these materials in the space. It’s helping them truly engineer in new and interesting ways.

Another dilemma I faced was using straws. They are so wonderful as an engineering tool and I knew it was something I couldn’t take away from the space. Luckily Amazon sells biodegradable straws that are strong enough to put to the test in the space. The students could barely see the different between the two different kinds.

Vinyl Name Logos in Illustrator

This school year I’ve opened up my 7th and 8th grade classes with learning the basics of Illustrator to increase the skill level of my students. Last year we primarily used Tinkercad with the laser cutter because I didn’t have the time to focus on how to teach to students. Over the summer I made sure I strengthened by connection to Illustrator so it could be tool students could rely on.

I’m continually inspired by Erin E. Riley’s new book, The Art of Digital Fabrication, and decided students first Illustrator experiment will be designing their initials using as few shapes as possible to be cut out of vinyl on the Silhouette Cameo. I showed my students first how to manipulate shapes using shapes and the Direct Selection Tool. I also modeled how to add anchor points so they could truly sculpt shapes easily. The Pen Tool was also introduced to see how they can create different shapes depending on they movie their cursor. In the lesson, I used my own initials, as seen below to provide them a foundation.

Last year my students used the Silhouette Cameo a good amount, but they mainly used the trace tool to recreate royalty-free images they found on the internet. This year they are only allowed to use it on original designs since they all know Illustrator. It will be interesting to see if this new distinction will increase their creativity. Also now that the project is complete, the 7th and 8th graders all have their new initial stickers decorating the front of their MacBooks Airs, making for great PR! I decided to my design on my coffee mug because if it gets lost, I will be quite upset.

Designing with Tinkercad Codeblocks

Since Tinkercad Codeblocks have shown up in the past year, I’ve been awaiting for the right inspiration to use it in the classroom. Of course while I was blissed out in a yoga class, I saw a ceiling hanging that would make a fun project. My idea was for my 5th grade students to use Codeblocks to create simple shapes that could be strung together to make a fun mobile of sorts. My space has a power grid setup for my drop down power and I could see these bringing my makerspace to life. And it meant using brightly colored acrylic in the Glowforge!

I will be having each 5th grader come up with at least four shapes where they will be required to add areas for the fishing line to connect to the shapes, as well as cutouts to add dimension to the designs. Once they build the shapes, the first step is prototyping with cardboard to make sure the shapes were appropriately built.

I also love this project because the cutting time on the Glowforge doesn’t take very long. I look forward to seeing which colors the students chose!

Cardboard Arcade Games

Finished Game!

One of the first Elementary Division projects I worked on was inspired by the moving video, Caine’s Arcade. I also wanted to utilize the Makedo Kits which is a wonderful way to learn to construct cardboard together using age appropriate screws, saws and screwdrivers. I did this project with 2nd graders and it engrossed them so much more than I ever expected.

We first watched Caine’s Arcade to get the 2nd graders inspired and I was blown away by how they already had ideas on what they wanted to make the moment the video was over. I wanted to show them how to use the tools before they started making but sometimes you need to go with the flow! The biggest challenge with this project was figuring out how to store the creations because they were bigger than I anticipated. Other than the Makedo Tools and cardboard, we did use masking and duct tapes for the more complicated connections that needed to be made. If students needed balls for their games, I had them ball up foil together. Going forward I do want to come up with a sustainable focus to this project.