Planet Music is a sound visualizer on the moon! The current version has a set playlist of 6 songs that can be activated with the media player buttons. The space scene reacts to the sound using a fast Fourier transform (FFT). Here is a sample video:
Try it for yourself here (Note: please allow ~20 seconds to load. Currently not optimized for mobile)
I’m fascinated by the way sound and images combine, and how we perceive them. I like concerts because the music is accompanied by visual compliments, whether it is lighting, dancing, or (increasingly) digital images and videos on the big screens.
In the big leagues, these visualizations are high-quality animations, often specifically designed for the song that is playing. One that always comes to mind is the animation that accompanied Tiesto’s ‘Escape Me’ during his Kaleidoscope world tour. It was many years ago, and this was the best video I could find:
Amazing production, the visuals really complimented the song; but what about music in the mid-leagues or little-leagues? Is it possible to entertain and engage people with more accessible stuff? This is the avenue I would like to explore for this final project.
My goal is to create a dynamic music visualizer – an accessible sketch that detects something in the music data and provides visual feedback in real (or near-real) time.
Continue reading Final Project Proposal: The Dynamic Music Visualizer
Made a spooky foray into video and sound manipulation. Happy Halloween!
Above is a little illustration that depicts the sunrise and sunset times (listed on the y-axis) of two locations in the world for each day in the year (spread across the x-axis).
See the code and web version here (press the play button – not optimized for mobile).
In this current case it is the 2016 sunrises and sunsets from Eastern Standard Time (EST) – aka New York – and Central European Time (namely Switzerland & France).
At many stages in my life, for different reasons, I have found myself doing a mental calculation to imagine this time difference, and specifically when our normal waking hours overlap.
These days, both a friend and my girlfriend’s father are stationed in Switzerland.
This illustration is designed to show that our days share a lot of the same sunlight – especially in the summer. So even if we are far away, we can often look up at the same thing in the sky. ?
The dice theme continues this week with a p5 program that lets you roll a variety of dice and observe the historical distribution of your rolls.
Play with it here (best done on a computer, not mobile).
Inspired by D&D and my general fascination with stats – this is designed as an interactive and informational tool to observe what distributions can be expected. Compare, for example…
Huazzah, the previous Where’s Waldo sketch has been updated. Interact with it here.
Now when you target and click Waldo’s head, you get a special confirmation that you have done the deed.
Computational Media is super cool to me for a couple reasons:
(when the p5 shape wont move)
I like what we have done so far in p5 because its a very WSYIWG approach to programming. Instead of having to print() every line and interpret it, you can visually see what changing a function or number is doing to your program. Yet I look forward to the challenge of this no longer being available, just now equipped with a new understand of how the computer works, and being able to navigate the internet for the answers I need more efficiently (i.e. how to google like a programmer.
Hi ICM class.
Many many years ago, my friends and I created a “logo” for our “squad” called The Muffin Men. The logo itself is a muffin that reflects the sentiment of the name: funny & cute, but maybe serious?
You can see one (pixelated) rendition of the logo at the top of the page. For this week’s exercise I created the muffin in p5 and it looks like this:
To do this I utilized the p5 Shape reference page and made the muffin out of shapes primarily including the curveVertex() function to make the curves you see around the muffin top. To make the eyes, I tried a different curve function called quadraticVertex(), which I like much better.
Continue reading Spend two hours making a child-like drawing
