
Whispers of Blossoms
Intro:
Intro:
The project combines video, audio, and 3D graphics to create a cherry blossom experience, using sound and video to shape 3D blocks and add depth, inspired by I.M. Pei's Miho Museum.
The project combines video, audio, and 3D graphics to create a cherry blossom experience, using sound and video to shape 3D blocks and add depth, inspired by I.M. Pei's Miho Museum.
The project combines video, audio, and 3D graphics to create a cherry blossom experience, using sound and video to shape 3D blocks and add depth, inspired by I.M. Pei's Miho Museum.
Time: 2024
Time: 2024
Duration: 3 weeks
Duration: 3 weeks
Sound visualization
Inspiration






A "breathing facade" refers to a concept where the building's exterior surface is perforated with a pattern of holes or voids to create light and shadow, facilitating natural ventilation. This can be achieved through the parametric design of brick facades. Inspired by the rhythmic patterns in facade design, I want to create a 3d visualization of sound. The rhythms will be generated by mapping audio data to alter the motion of cubes in a matrix.
The visualization will create stacks of cubes with oscillating motion using the WebGL renderer.
A "breathing facade" refers to a concept where the building's exterior surface is perforated with a pattern of holes or voids to create light and shadow, facilitating natural ventilation. This can be achieved through the parametric design of brick facades. Inspired by the rhythmic patterns in facade design, I want to create a 3d visualization of sound. The rhythms will be generated by mapping audio data to alter the motion of cubes in a matrix.
The visualization will create stacks of cubes with oscillating motion using the WebGL renderer.
Experimentation
Controlling the rotation angle of a cube based on the amplitude of the sound at each moment
Controlling the rotation angle of a cube based on the amplitude of the sound at each moment
Controlling the transparency of a cube based on the proportion of the maximum frequency in sound FFT analysis at each moment
Controlling the transparency of a cube based on the proportion of the maximum frequency in sound FFT analysis at each moment
Creating an offset angle
Creating an offset angle
Using the function perspective to set up an orthographic projection of the cube
Using the function perspective to set up an orthographic projection of the cube
Shifting perspectives
Shifting perspectives
Set up dimensional lighting to create different shading of each face
Set up dimensional lighting to create different shading of each face
Ideation






Cherry blossoms at Miho Museum
Cherry blossoms at Miho Museum
The project combines video, audio, and 3D graphics to create a visual experience of seeing cherry blossoms. Both the video and audio will influence 3d graphic outcomes. Audio amplitude affects the canvas scale, creating a visually dynamic effect synchronized with the music. Video frame pixel data is used to color the blocks on the canvas, creating a visually engaging effect driven by video pixels. I tested using a video of cherry blossoms to create the blocks. I want to capture the falling of petals through the dynamic changes in blocks. The layout changes from a 2D facade into a square matrix with a portal in the middle. This sets up a one-point perspective and increases the space depth on a 2D canvas. I was inspired by the Miho museum designed by I.M. Pei, where there is a tunnel at the entrance. It leads the journey to the museum and guides visitors to a view of the cherry garden. The experience of passing through the tunnel is surprising as you can see the glimpse of pink on the tunnel's surface.
The project combines video, audio, and 3D graphics to create a visual experience of seeing cherry blossoms. Both the video and audio will influence 3d graphic outcomes. Audio amplitude affects the canvas scale, creating a visually dynamic effect synchronized with the music. Video frame pixel data is used to color the blocks on the canvas, creating a visually engaging effect driven by video pixels. I tested using a video of cherry blossoms to create the blocks. I want to capture the falling of petals through the dynamic changes in blocks. The layout changes from a 2D facade into a square matrix with a portal in the middle. This sets up a one-point perspective and increases the space depth on a 2D canvas. I was inspired by the Miho museum designed by I.M. Pei, where there is a tunnel at the entrance. It leads the journey to the museum and guides visitors to a view of the cherry garden. The experience of passing through the tunnel is surprising as you can see the glimpse of pink on the tunnel's surface.
© Jinlan Huang 2024
© Jinlan Huang 2024
© Jinlan Huang 2024