Image Dissolve

About

A WebGL transition between two images.

My Contributions

I made everything using regular JavaScript and WebGL.
I also was the photographer of all of the images.

Tech Stack

• HTML/CSS/JS
• WebGL

zclassroom.web.app

About

A web application to bring a similar functionality of the Zoom chat box to in-person teaching

My Contributions

I made the application to address concerns over data privacy and show students a clear slate of the current curriculum each day.

Tech Stack

• HTML/CSS/JS
• React
• Firebase

3D Library

About

A 3D scene using my own custom 3D renderer written entirely in Java and rendered on a Java Swing canvas

While I am prohibited from posting the entire source code of the project publicly because my teacher does not want other students plagiarizing my code, I can share the code for the 3D library I developed for this project and other subsequent Java Swing projects.

Tech Stack

• Java
• Java Swing

JS Library

About

A collection of JavaScript modules and custom elements designed to be easily usable by other programmers.

The screenshot is the demo for changeFromDist, which makes changing visual elements based on their distance from pointers very simple.

Tech Stack

• HTML/CSS/JS
• Snowpack

Golden Gate Park

About

A video game made in Unity and exported to WebGL.

I used open source LIDAR scans of San Francisco from the US Geological Survey database to get a point cloud of San Francisco's Golden Gate Park.
Then I used a ball-pivoting surface reconstruction algorithm to generate a 3D mesh that I could import into Unity.
From there I rigged a 3D model and programmed a movement script. Lastly I set up a timer and a counter to gamify wandering around the park.

Tech Stack

• C#
• Unity
• Python
• NumPy
• PDAL
• Open3D