FINAL
NEXT PROJECT
Material
The theme of our visual style is manga, so we use a lot of manga materials to color our models. After creating the basic material by using shader, we adjust the color to achieve different visual effects. Also the vibrancy of the colors can vary between the three different periods, from black and white to a mixture of three different colors.
Animation
Each NPC will have a different animation, and when in play mode, viewers can see each NPC in action so they can be more immersed in the history of the building. And some of the NPCs have unique actions, when the character passes in front of the NPC, they will do some other actions to interact with the character.
Models
We used different character models to show the audience the history of the building at different times. The figures of workers, scientists, soldiers and students represent the interesting stories of the building at different times.
Building Concept
In the 1920s, the building was still in the process of being built into a wind tunnel for the U.S. Army, so there's a lot of steel, stairs, and military vehicles to be seen.
In 1970, the building was already built and the building came with the presence of airplanes with tests and giant fans, as well as several operator's desks.
By now, 950 was about to become a dedicated building for TRANSPORTATION, so it had the style of a modern school building, along with some model vehicles for students to see.
Modeling Process
We have divided the entire building into 3 main sections, the 1920's period, the 1970's period and the present. And all of these buildings are constructed differently. In 1920 it was a wind tunnel lab under construction, by 1970 it was a functioning wind tunnel lab and had an airplane in the center as well as a center console. In 2024, it became the current school building.
PROCESS
The colors become more brilliant with age. In the 1970's scene, we added a predominantly monochromatic visual effect, since printing technology was not good at the time, we chose to color an object with one color.
1970
1920
In the scene about the 1920's, we used a black and white color theme because at that time comics didn't have colors, only black and white and grey, so we decided to use white as the main color for this scene.
2024
In current times, various printing techniques have become more and more advanced, so for Current's scene, we decided to use more color combinations and more brilliant colors to enhance the visual impact, and we also added black lines to each object as a way of emphasizing our manga theme.
VISUAL STYLE
2024
1970
1920
Spotlight
We have different animations for each NPC that change depending on who each different NPC is. For example, a worker might be working, etc. We set up the same comic window as the character spotlight so that the user can easily see what each NPC is doing differently.
Different periods
Since our building is a huge collection of three different time periods, we decided to style the NPCs to be the same personnel that would be present in different time periods, for example, in 1920, there would be a lot of construction workers and soldiers, in 1970, mostly researchers in wind tunnel labs, and in the present day, it's more like students and teachers.
Interact
Each npc on the character's running route is able to interact with the npc, which animates differently when the character is near it. For example, a soldier will just stand idly when the character isn't near him, and when the character gets close he will start saluting.
About NPC
The character's movement is manipulated by the user moving left and right in front of the camera, and the character will reach different locations depending on the direction the user moves. For example, if the user moves to the left, the character will also move to the left.
Movement Track
Locations
Our goal was to give the user a complete experience of what the building 950 looked like in three different periods, so we set up seven points where the character could stop and visit.
About RUN
Spotlight
In order to make it easier for the user to observe the movement and position of the character villain, we turn we set up a window similar to a comic book grid to give the character villain a close up shot.
FUNCTIONS
Control by Computer
This building is dotted with many NPCs that can interact with the user.
NPC
Control by user
This time traveler from the comic book universe would run free in the building.
Run
My Role
Visual Design, UI/UX Design,
Prototyping, Research
Jan, 2024 - Apr, 2024
Timeline
Team
Matthew Su, Daniel Gu
Tool
Unity, Figma
INTRODUCE
This motion-capture project, developed in Unity, offers an immersive exploration of ArtCenter’s 950 building. Players use real-time movement control to navigate its transformation from a 1950s wind tunnel to a modern teaching facility, engaging with interactive storytelling, NPCs, and distinct artistic styles that highlight each era.
TIMEWALK
Immersive Interactive