Ethan Chiu

To continue the story of Breaking 2, an attempt to break the two-hour marathon record, we challenged users to go on a finger-marathon by swiping hard and fast at their screen and to keep doing it even when their fingers were already tired and sweaty.

I built a 3D racer using WebGL along with Three.js, but instead of being in a car, you were running in a first-person role along with other runners. It also had special visual effects such as zoom blurring and speed lines which added to the excitement.

Winner of an FWA award with a very high score of 87.

In More of Less, Airbnb China invites you to visit a traditional rural village where time-honored practices are cultivated and passed on to the next generation. Explore five different stories, carefully brought to life with more than 300 hand-painted illustrations, animated in a 3D environment.

Built using a combination of Vue.js and A-Frame, we placed 2D illustrations in a 3D environment, with each layer being revealed by a custom ink-shader. Each story had a long gsap animation that paused (with its time controlled by the amount scrolled).

Winner of an FWA and Awwwards.

For Mother's Day 2019, KFC collaborated with the Chippendales to create Chickendales. Users can visit the site to create a personalized video where strippers will dance and tell your mom she's the best by name.

Using just HTML, CSS, and JavaScript (no 3D involved), we created a beautifully animated theater marquee UI for users to enter their mom's name and location.

Chanel wanted to create a game that would become a player's next little obsession. It needed to be quick, fun, addictive, and endlessly replayable.

So we created what is essentially a whack-a-mole game at its core but added many new features such as multi-tap rings, simultaneous tap rings, and bomb items that would end the game instantly. On top of that, every once in a while, there would be a randomized mini-game within this mini-game to keep things exciting and unpredictable.

The game was a huge success and was subsequently launched all over the world including China, Korea, Japan, Hong Kong, Taiwan, and France.

Visit the Martell restaurant and be a part of 3 interactive stories.

In the first story, a friend has invited you to a restaurant, but he is late, and the table is full of strangers. Talk with the people at your table to discover why Martell is being served in this special occasion.

In the second story, 3 good friends are having a heated argument. View flashbacks to find out why they are fighting and how Martell will help resolve their differences.

In the last story, a CEO is having an intense business meeting over a meal. What should he order? Should he bring up the contract? Every move could help make or break the deal.

Built for mobile, this project involves a complex system to preload and switch to different videos on user interaction, similar to Netflix's choose-your-own-adventure used in Black Mirror: Bandersnatch.

Through an interactive questionnaire, users received an opportunity to remix one of six original tracks from well-known artists. Partnering with Peter Tarka on the 3D visuals, we created an environment where everything reacts to the rhythm of the track that you mixed.

The site was built with Pixi.js using existing rendered 3D images. Every possible remix was pre-created and exported to MP3s, and they were sampled at different frequencies to animate different parts of the visuals. At the end of the experience, users can choose to save their mix in their playlist.

The project centered around a digital directory kiosk for the Galaxy casino in Macau.

Project Specifics:
• Integrated an animated 3D CoverFlow of cards for all the stores, restaurants, hotels, and other relevant locations.
• Created a fast and beautifully animated search system including an on-screen virtual keyboard that supports English, Chinese Pinyin, and CJK stroke input entirely in HTML5 and animated with CSS3.
• Implemented a 3D zoomable and rotatable map that included multiple floors and areas.
• Wayfinding would draw a line from the user's current location to their destination; including an under-18 option that would route around the casino floor and a wheelchair option that would avoid escalators.

At the Jakarta Asian Games 2018, we made a shoe into a controller for the display that would then show additional information on the shoe itself.

Features:
• We packed a gyroscope, accelerometer, Bluetooth, and battery into the sole of the shoe.
• Users can rotate the physical sneaker, and see the on-screen shoe rotate to the same angle.
• The on-screen shoe includes hotspots, and when the hotspot is centered, it opened up additional information on that part of the shoe such as the heel, the sole, or the tongue.

The project involved a kiosk and video wall car customizer; we deployed it at Lincoln showrooms all over China.

The monsters are back! They’ve taken over the courts and the web. Get them through this gamified mobile site that lets you defy their social posts with your skills.

Features:
• It contained a fake social media page that included posts that were taken over by the monsters. Users were challenged to beat the monsters by completing different mini-games.
• One mini-game involved spinning a basketball so fast a tornado would form and destroy the page itself bit by bits.
• Another mini-game involved shooting a basketball at a satellite that would then shoot lasers to destroy the page.

The site was created using a mix of Vue.js and Three.js along with the two mini-games and the entire ending sequence was in 3D.

Partnering with a popular Chinese rapper, we created a music video in the style of the 80s. Users can tap and hold on different areas of the video to watch in a different point of view.