Interfaces
Integrate narrative elements in your space by using UI elements, and make some of them interactive (using, for instance, buttons, text fields, or checkboxes).
Expressive Spaces
Build a 3D environment with three rooms using only primitive game objects, lights, and textures. Integrate external 3D models in each room. Create each room as a separate unity scene, and use SceneManagement.LoadScene() to switch between each.
Paper Boats That Float
An experience that allows people to interact with one another by writing down their messages, folding into paper boats, and floating and receiving the virtual paper boats on the sea. The project incorporates NeDB, Node.js, Three.js, and p5.js.
The Cloud Collector
Our atmosphere is like a giant ocean in which we reside. We may think of ourselves as living on the ground, but we still inhabit the atmosphere, just like sea creatures do the water. The application is calling out to daydreamers that it is time to get our heads in the clouds.
Illustration by John Staub
Live Space Station
For Connections Lab project 1, I create a live space station, which enables users to explore things a little more in-depth in terms of the ISS and the universe, showing the current location of ISS data on a web page.
Electronic Music Interface
A MIDI controller that allows a person to interact with both the physical and digital world by playing a simple musical instrument made with Arduino and visualizing sound effects in p5.js.
Serial Labs
Intro to Asynchronous Serial Communications.
Serial Input to p5.js.
Serial Output From p5.js.
Duplex Serial Communication using an Arduino and p5.js.
I/O Device Assignment
A simple musical instrument that functions similar to a piano. Each time press a button, the speaker will output a pitch. Release the button, the sound will continue. Long press any button, the sound will stop.
Digital + Analog Labs
Digital Input and Output.
Analog Input.
Analog Output with Tone.
Analog Output with ServoMotors.
Interface Observation
Identify the sensors and how they sense or do not sense you or someone else? Does the sensor make itself known to you? How do you know if the sensor has sensed? Is there more than one stage of interaction or multiple interactions?
Memories Magazine
Experimenting with hierarchical grids, manuscript grids with the golden section, and columnar grids. Creating a 6-page magazine article for a fictitious magazine.
Landscape Using Brushes
The most interesting part of this project was discovering how to create different items in the picture with the unique characteristics of the paintbrush. I used the exclamation point and the letter Q to paint two types of clouds, the letter H to paint the light of sunset, and the number 3 to paint the texture of trees.
The Lesson Of Grid Systems
Most of the time I see constraint as a negative thing, especially when it comes to creativity. However, life taught me things are not simple. I have learned that constraints are essential rules for creating a cohesive whole, and it does encourage creativity.
Album Design
The album I chose is Narrated For You by Alec Benjamin. The album is a storied collection of his experiences of growing up — his family, friends, and love. The song clip comes from a very personal place, but I believe as he said, people can connect to it in their own way.
360° Documentary
I learned the 360° video production workflow and basic editing techniques for Premiere Pro and After Effects in five weeks. Insta360 is highly effective and quite fun as a development tool. I think it is crucial to have a well-grounded understanding of it before building a brilliant world.
360° Narrative Story
Sally is a female chick who is the fifth main member of LINE friends. Surprisingly, Sally gains lots of fans even she often acts as a background character. She is also a bit cunning because of the lack of attention from her friends, such as intending to steal Brown's heart by sticking by his side.
UX Design For Seattle Homeless
Based on the local insights and fieldwork, the HELP project aims to address the trust issues of many homeless people by connecting them to timely healthcare resources through public media and mobile devices, empowering them to be in charge of their wellness better.
Tiny Planet
The first class of the new module introduced us to the basics of 360-degree filming. We had the opportunity to experience the Insta360 ONE camera firsthand. I captured some video clips from the 5th-floor balcony in downtown Seattle.
Photograph by Paul Reiffer
Cloud Island World
The theme of my cloud island world is Snow, Mountains, and Christmas. I created three sub-scenes for users to explore the island. Each time they move to the next spot, users will get more Christmas gifts. To connect between different points, I used a brightly colored tree to guide the user towards the next place.