top of page
Screen Shot 2021-11-30 at 7.15.16 PM.png

Dimension

A WebGL-based interactive environment which simulate 3D dimensional sapce

"Nature of Code" Final Project

Project Name: Dimensions

Project Type: Individual Project

Time duration: 1 weeks

My role: Programming & Designer

"Dimension" is my final project for course "Nature of Code" in 2020 spring. Due to the lockdown situation of COVID-19, I was inspired to create an interactive space for online visitor to navigate through, and enjoy lights.

By using the 3d grid system, the space is divided into different segments attached with a light source. Light 's movement is controlled by a flowfield system.

dimension1.gif
dimension2.gif

For interaction, the audience can use "QW", "AS" and "ZX" keys to rotate the camera view in x-y-z axis; the audience can move the camera by pressing direnctionnal keys. The basic moving interaction provides fantastic space exploration and navigation feeling.

dimension4.gif
dimension3.gif
dimension5.gif
bottom of page