I adapt the Liu Jian work into a kind of role play. Readers will first go through some overview scenes and a poem written by Leo Tolstyo, getting a sense of the social background where this story takes place (around 2000 in a south-eastern small city in China). Then readers will go to a choice page, where they can choose any one of the three main characters to begin. Upon choosing, they will only be able to see what is happening around the character they choose and see what the character can see. After they finish the plot with one character, they can go on to choose see another character or directly jump to the ending part. After they have chosen all the three characters to read, they will get a sense of the truth. The ending part is some scenes indicating how the story ends. And some texts from the Bible is quoted, while the lyrics of the song “Lullaby” sung by “The Cure” is shown upon the pictures.
By do such a role play style project, I hope readers can not only learn about how the complete story is but can taste and feel the tough situation each character is faced with and try to understand what they really think when they make decisions and moves.
The theme I choose for my project is Mom’s Qingming Mochi. In this project, I try to incorporate both cultural and personal aspects. Qingming Mochi is a typical Chinese snack, especially popular in the region where I live. It’s also very meaningful to me because my mom always makes me Qingming Mochi when I was small. I want to build a both informational, aesthetic, and interesting experience for my users. With this idea in mind, I developed mom’s secret recipe part to let my users have a taste of what Qingming Mochi is made of. I also build the choosing ingredient mini-game to make my project more fun. Moreover, I shoot the videos in an aesthetic way to create an artistic environment. What’s worth noticing is that almost all my background music comes from the famous documentary A Bite of China. I hope that it can create a similar atmosphere as the documentary being cultural and absorbing.
In this interactive game, the user can control the two stars to move left and right. When the two stars are close to each other, they can fly up together.
This project, Gemini is an interactive game. The user can control the two stars respectively with pressing right arrow, left arrow, and A, D to move them to left or right. However, the user can’t control the stars to go up or down. When the two stars are close to each other, there would be an upward force to make them fly upwards. On the contrary, when the distance between these two stars becomes larger than a certain value, the upward force will disappear and the stars will start to fall down. The stars may also be attracted by the gravitational force of the planets. When the blue star, which is larger, reaches the planets, that planet will be lit up.
Calming constellation visuals with music using p5.js.
Hsiao Jui Lin
This project is mainly an animated visual representation of constellations. Its goal is to provide easy information on what the constellation 'Leo' looks like while creating a relaxing, calming atmosphere for users. This project is not yet complete. The completed version would hopefully contain all 12 zodiac constellations, a separate song for each constellation and more animation for the stars. The animation's deeper meaning is to convey the philosophical thought that the entire universe is an unending cycle by making the animation itself a loop. As for the technical aspect, this project encompasses the key concepts of Nature of Code, including objects, force, oscillation and autonomous agents.
This piece was inspired by many art pieces of self-portraits as well as CHANEL's mobile art project by Zaha Hadid. I'd like to explore the novel utilization of p5 and utilize it as a tool for self-exploration and expression. I state one of my recent idea of becoming an astronaut in the project. Meanwhile, doubting the existence of the idea, regarding it as being put a fish tank on my head. I used the posenet to trigger the transition between different scenarios. I would definitely try to extend the story by adding more scenarios and my ideas in the future.
An audiovisual performance that visualizes Korean exorcism ritual and shaman vision.
“Digital Shaman” is an audiovisual performance that is inspired by Korean exorcism ritual and shaman vision, powered by p5.js. My project is largely based on FFT, which constantly analyzes the frequency and amplitude of a sound track (bass, mid range, treble). Those parameters, mapped in certain ranges, give variations for the properties of objects (size, rotation, movement, etc.). The first chapter begins with thousands of tiny particles that move along the canvas like a burning incense, which is often used for rituals in East Asia. As the percussion comes in, geometrical patterns appear and respond for bass, mid, or high frequencies of the track. After both visual and audio components reach the climax, they gradually fade out and leave the incense particles only. I projected this sketch to the wall as stage lighting, and gave a dance performance. It visualizes as if the performer was possessed by the shadow behind.
An algorithmically-generated music visualization in classical Chinese style
In my project, I used the concept of spring to create the simulation of the chord, water ripple, water sleeves, curtain, etc. I also combined the flow field, perlin noise, and some other concepts that we learned in class. I think the visual aesthetic that spring create fits the classical Chinese style very well, which is with solidness in softness and softness in solidness.
This is an interactive documentary existing on a webpage. I shot many short videos, record things happening in a typical Chinese small town. I want to give the viewers a sense of what life here is like, which can be new to many people. The viewers can interact with the documentary and make different choices to explore various scenes.
The Images and and the two characters in my project are screenshots taken from two video games called “Ori and Wills of the Wisps” and “Ori and the Blind Forest” by Moon Studios. In this project, is a story that Ori and Naru (The two Characters) were brought to a dangerous place and they had to escape from that place and to find the paradise where they can stay safe (In the second Picture). The background sound of thunder and roar was simulating by me.And users and hover to the two characters to listen to their voices to find their mood at that time. When the scrolling down to the third picture, you will be very easily hover on the body of the great devil, and might be frightened by the sudden roar of the devil. But that’s one of my goal to make user realize that they have met a devil. In the fourth picture, the background music becomes harmonious, and there is an eagle flying by. The user can hover on the eagle to hear the sound of the eagle. In the last page, the two characters reach to the paradise successfully. Users can hover on the two characters to hear the change of their mood. And the final background music is echoing to the bgm in the first page. In the first page, there was only piano, and it was played and recorded by me. The bgm in the last page is the Game OST, which add some more elements including human voices.
This is a new sound visualizer made for final project, the main idea is to create a hollow ring rotating in the center. Everything can be absorbed into a small part, but can be expanded into lots of particles as well, everything are in an eternal cycle, from 0 to 1 and from 1 back to 0. The main technique used for this project is flowfield, setting flows in the canvas to control the direction of all the particles. And for synchronization between music and animation is realized by using p5.sound.js,this library is for analyzing music input and returning various parameters. I made a simple beat detection based on volume, every time the beat is detected will let the particles expand/absorb based on different mode, also the volume of the beat will affect the speed of the expansion/absorption. The blocks on the background are for better visuals, the height is controlled by the volume of different frequencies and the color is controlled by the energy of different ranges of frequencies from bass to treble,