Art & Music - Module 5: Combining Art and Music (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 level (with appropriate adaptations for each level). Each week this fall, students in the course are posting their projects in this strand of the Snap! forum. Here’s a link to the course materials:

Art, Animations & Music

This week’s module is titled “Combining Art with Music”. In it, we will explore the ability of Snap to use sounds in projects. We will then learn how to synchronize these sounds with visual elements on the stage.

In 1940, Disney released Fantasia, an animated film consisting of eight segments set to pieces of classical music performed my the Philadelphia Orchestra under the direction of Leopold Stokowski.

Fantasia-poster-1940

220×349 24.4 KB

Figure 1. Fantasia theatrical release poster (1940)

The film’s style and narrative format proved to be revolutionary in a number of way:

  1. Fantasia was the first major feature film to blend animation with classical music on such a scale. Walt Disney sought to create “visual music” where the animation wasn’t just a backdrop but a core element expressing the emotional and narrative power of the music. Pieces like Tchaikovsky’s “Nutcracker Suite” and Stravinsky’s “Rite of Spring” were used to tell imaginative, visual stories, turning music into visual art.

  2. The film pushed animation boundaries by exploring different visual styles for each musical piece. For instance, “The Sorcerer’s Apprentice” featured Mickey Mouse in a traditional narrative, while the “Toccata and Fugue in D Minor” used abstract, experimental animation, blending surrealism and abstraction.

  3. Fantasia was one of the first films to elevate animated films into the realm of high art. At a time when animation was often viewed as children’s entertainment, Fantasia was aimed at adult audiences as well, making the case that animation could express deep artistic and emotional ideas.

  4. Fantasia inspired countless animators and filmmakers to think of animation as a serious art form. It also helped introduce classical music to a wider audience, using visual storytelling to make the music more accessible.

AIFF Fantasia Introduction (3 min) (Includes a brief interview with Walt Disney describing the conception of the film.)

Fantasia: Tocata & Fugue (9 min, animation beings at 3:40)

The assignment for this week is to create an animation with synchronized sound. You may use sprites from the sprite library, import sprites, or create your own in Snap. The animation can be representational or abstract. For sounds and music, we will learn how to record sounds in Snap! and write simple melodies or “motifs” using blocks in the Tunescope library.

Save your program to the cloud, share it so that others will be able to access it, and then post the link as a reply in this strand.

Please provide contextual information for your project. If there is anything in particular that inspired your project, please share that as well.

Here is my project! I wanted to capture a pirate-y feel with my music, and I think the notes and the rhythm captures that quite well. My issues I am currently having are as follows:

  • I want to make a snare line that occurs at the same time as my melody, but I am having trouble figuring out how to do that (hence my very cluttered code space)
  • I also want to play chords in between single notes, and that’s also giving me some issues.

If anyone has any solutions to these, please let me know!

Here is my project for this week. My work flow was I started with creating the music, which I did by basically recreating the sheet music for heart and soul in snap. From here, I then thought around for what kind of animation I wanted to do. Originally, I wanted to do like a kind of stair thing where the sprite would jump up and down following the chord progression, however I wasn’t sure how to get the timing of that well, so I settled on having like a note that would jump around on the sheet music to represent what note is being played at the moment.

https://snap.berkeley.edu/snap/snap.html#present:Username=ilirong99&ProjectName=week%205%20assignment

Since I struggled with figuring out TuneScope and incorporating both music and visuals, I stuck to the simplest tune I know, the birthday song haha. Each colour blob represents a different note. I wanted to make fireworks, but couldn’t get it to work quickly enough for the animation to run at the tempo of the song, so I ended up with more pulsing blobs.

I like that you used parallel notes to do the accompaniment as well! I noticed that the two lines of notes get a little out of sync after a few loops, although I’m not sure how you would fix that since I think it’s a problem with one of the loops being so much longer than the other? I think the jumpy animation fits the song very well!

For my project, I tried to recreate the chorus of one of my favorite songs, “Bleach” by 5 Seconds of Summer. I tried to do the secondary notes in my opposite block, but it overlapped weirdly so I ended up giving up. It was fun experimenting with the different instruments but I ended up using the vibraphone to have a continuous sound. I’d love to figure out how to properly overlay the two sounds together, but I think it might be an issue in timing or the way Snap! plays the sounds. For the animation, I just had a star pop up for every note.

I was just playing around and came up with this little song that starts off happy and has some ominous ending. I decided to pair it with some mountains and sun early on and then clouds rolled in. I think I did it decently, although it is quite basic. I might add some rain for example or another cool effect.

https://snap.berkeley.edu/snap/snap.html#present:Username=artiehumphreys&ProjectName=Motif
I made a little jingle based off of the Sneakers O’Toole cutaway from Family Guy. I used a lot of nested lists to create the jingle which took a lot of trial and error to derive. I’m very happy with how it turned out.

This is really cool, and I really like the song choice as well! For the overlay, I think I had something similar in my project, and the way I was able to figure it out was to have the overlay also start at the beginning when the green flag is pressed (another green flag block). After a couple iterations, the sounds would gradually drift apart, but it works for a while. The only thing to be careful of was I had be wary of the bpm and what kind of note I was using in order to get the timings to match up. Hopefully this helps but otherwise I think your project was very fun.

https://snap.berkeley.edu/snap/snap.html#present:Username=akua.tenk&ProjectName=Akua%20Music%201

For my Week 5 project, I decided to do a snippet from one of my favorite (and most popular) classical pieces, Für Elise. I learned you could use decimal points for the duration of the notes, so I did that instead since it seemed more intuitive. I also realized I had to go down an octave for some of the notes to make it sound like the real version, and I set the BPM/tempo to 113.

For my animation, I did disappearing dots, matched to the tempo of the piece; one dot for each note. I had trouble actually syncing the drawing of the dots to notes, current note wasn’t working well for me. I tried using costumes but I wanted random sized and colored dots, so costumes didn’t seem conducive to that. But overall I achieved the look I wanted, so I’m happy with the result!

This was so awesome! I really like the song choice, and the fact that you used chords. The scale and dot hopping is super creative and I think it could even be a tool to use for people to learn a song as they follow along. The only thing I would suggest is maybe changing the dot color as it bounces to different notes.

I started creating my project by attempting to create You Belong With Me by Taylor Swift, but since I do not know how to read music, it did not turn out well. From there, I decided to go with some of the notes I already had and experiment with different note lengths and instruments. I like the wavering sound of the bassoon, so I went with that. In the end, I wanted my piece to have a rise and fall aspect to it so that is the pattern the notes take. The music sounded somewhat harsh to me so I decided to use triangles for my animation and went with sort of a power struggle between these mountains for the red circle as my final piece.

I really enjoyed your project! I think the rainbow colors fit the happy vibe of the birthday song very well. My only piece of feedback is maybe try to abstract your long if/else into a block to make your code less visually cluttered.

For my project I worked on recreating part of the beat of A$AP Rocky’s Praise The Lord. I like this song and this part is a pretty distinct high pitched flute sound that gets stuck in my head a lot.

I tried to recreate one of the beats from Don Toliver’s Secondhand. The song has many different beats that are really catchy. Right now, I only recreated 1 of those beats and I want to try and combine some together.

This is really cool! It sounded very similar to the song. It would be nice to also experiment with combining some beats from the next part of the song if you were considering making it longer. Excited to see the animations!

https://snap.berkeley.edu/snap/snap.html#present:Username=zixingyu&ProjectName=hw5

For this project, I tried to recreate a Super Mario music. I used rest notes between certain pitches to create short breaks, which helped match the rhythm of the music.

I really like your choice of music to recreate; it’s such a cool track, and the flute part is very recognizable. One small suggestion would be to try a slightly higher tempo, which might make it feel more energetic and closer to the original. I’m looking forward to seeing the animation!

https://snap.berkeley.edu/snap/snap.html#present:Username=reenaw26&ProjectName=EDIS2200%20-%20Week5

Here is my music project! I tried to recreate Clair de Lune, which is one of my favorite piano pieces to play. However, I had difficulty figuring out how to play multiple notes at the same time and doing rests, so I simplified the sheet music to be just for the right hand. I think it still sounded like the familiar Clair de Lune tune, so I was pretty happy with the result.

https://snap.berkeley.edu/snap/snap.html#present:Username=teddyoakey&ProjectName=Assignment%205&editMode&noRun

In class, I really wanted to convert the classic Sneaker’s O’Toole motif from Family Guy and my previous project into a sound byte on Snap, and was amused to see that Artie had the same idea. I originally tried to create a jingle block, but when I learned that the rests would have to be incorporated outside of the blocks, I unfortunately had to redo most of my code. My original version is still available in the code. It was a fun challenge to make the separate melody and harmony tracks align, and I’d look forward to making a visual stimulus react to the audio- maybe a sneaker-based looping animation.

In the future, I would like to know how to incorporate rests into my lists to make my code more concise.