Art & Music: Module 1 (Spring 2026)

“Creating Art & Music” is an introductory course designed to introduce creative activities in the context of art and music. Thus far the course has been taught at the middle school, high school, community college, and university levels (with appropriate adaptations for each ). Each week, students in the course will post their projects in this series of strands.

Course materials: Art, Animations & Music

This week’s module is titled “Creating Artistic Patterns through Computer Graphics”:

https://maketolearn.org/creating-art-animations-and-music/artistic-patterns/

Anyone in the Snap! community is also welcome to post their projects as well. Comments, feedback, and suggestions are also welcome.

I started with the vision of the Super “S,” and then decided to experiment with changing the width of the pen, which led me to add a thicker line inside the S. From there, I mostly just played around with different x and y values, pen angles, and making blocks to see how the shape would change and how the drawing would look as it was being created. I took it as a chance to experiment and learn through trial and error.

I can not test your project.

Here is my project: Snap! Build Your Own Blocks

I wanted to create something very simple to get familiarized with the tool. I made two overlapping octagons.

If you put a repeat 8 around your blue blocks it makes a complete octagon in one go.

https://snap.berkeley.edu/project?username=oliviaodonnell&projectname=Flower

I was experimenting with drawing circles to get more familiar with the platform and then began experimenting with repeating circles to make a pattern. I discovered the random direction point feature, which allowed me to make a random pattern each time, which I found to be interesting. I then began experimenting with colors and changing the saturation of each circle. I realized that the pattern I had created resembled a flower, so I leaned more into that. I think the randomness of the pattern is fitting for a flower as no two flowers look exactly the same

Here is my project: Color Brick Wall by matthew.callen | Snap! Build Your Own Blocks

Created repeating simple polygon that changes color

Here is my project: trees by quinn_k | Snap! Build Your Own Blocks

I am trying to generate a bunch of trees to make a forest

For my project, I was mostly trying to learn more about Snap! and the platform. I attempted to make a teardrop as a shape and ended up creating these loops that looked like flowers. For each “flower”, I changed the hue and dropped it into random locations.

Here is my project: Snap! Build Your Own Blocks

The goal of this project, I was experimenting with the pointer and I wanted to create some kind of pattern that would look somewhat symmetrical throughout the canvas but also somewhat unique. My thought for it would be to somewhat replicate the idea of confetti streamers, but instead of normal streamers which have a constant size throughout, but move left and right in a wave motion as they go down, I decided to flip these two, opting for the streamers to be a constant size as they go down, but varying in size, resulting in this project.

Here is my project, inspired by the Dragon Fractal pattern: Snap! Build Your Own Blocks

My inspiration can be found here: https://medium.com/@hercroce/building-fractals-dragon-curve-a70f8ea3ad4d. I really enjoyed the elegance of this pattern, but did not get around to adding colors. I think that this would be a cool addition later down the line. Another site that I used to help generate the procedure is here: Heighway Sequence Code

I wanted to explore some of the color functionality options in Snap!, so I tried to create a color gradient using the motion and pen functions. I also was interested in creating some types of patterns, specifically snowflakes in this case, so I experimented with creating a draw procedure to create some snowflakes on top of the gradient background.

I am playing around with making spirals and am generally just getting used to Snap. My design process is to make some patterns that mimic those in nature.

I am trying to make an abstract Sun. I started by making the rays that change color by a small amount each iteration. I tried to maintain just warm colors for the rays. I have not finished with the center of the Sun which I intend to represent with warm-colored swirls at the center of the page.

Here is my project: Sunset_House by penguinoh | Snap! Build Your Own Blocks
I wanted to make a gradient like a sunset, and then put a house on a hill. I wanted to add a smokestack, but that is a bit complicated for my current skill set.

I like your project! The rays seem to be random, but I wonder if there is a way to prevent large gaps between rays in the final project. Some of the times I ran it, it turned out quite lopsided but other times it was very nicely spread.

Here’s my project, it’s inspired by shining stars scattered across the night sky: Snap! Build Your Own Blocks

I really like how the randomness in the code gives you the feeling of stars scattered across the sky, especially since each run looks different. One thing I noticed is that if I press the green flag multiple times, sometimes a random yellow triangle or shape gets drawn before the first star, so it might be worth checking if there’s a way to clear that. You could also experiment with changing the star size or brightness instead of keeping them all the same to make the sky feel more dynamic. Overall though, this is a really cool idea!

This is a great project and I really like the representativeness that we mentioned in class. While I know in class you mentioned how you were trying to figure out how to color in some of the trees that had left just an outline, I honestly like them being there and it adds to a potential symbolism for deforestation and how the forest used to be more populated. Regardless, something you could consider is either having the trees be in fixed spots to have the coloring be consistent, or try to have the fill happen at the top most part of the triangle. Additionally, you could consider adding potential lines within the leaves of the trees to give them more texture. Overall though I really liked this and could see the work that went into the code for it.

Great project! The color scheme is great and I like the contrast between the black and the sunset. Is there a way to make the drawing of the house smoother? It seems to drawing in segments while the sunset is smooth. Abstracted code is easy to read too!