Computer Graphics
•
Computer Graphics •
Features:
Full video:
mini minecraft
This project involved creating a 3D sandbox environment inspired by Minecraft. My primary contributions to this group project focused on implementing player physics, interactive features, and visuals:
Player Physics and Game Engine Integration:
Designed and implemented the
Playerphysics system, including flight mode, gravity, collision detection, and terrain interaction.Developed smooth camera movement and key-based navigation, including acceleration, velocity damping, and wall-sliding mechanics.
Enabled interactive terrain manipulation, allowing players to add or remove blocks within a specified range using raycasting and grid marching.
Texturing and Animation:
Integrated texture mapping for blocks using UV coordinates, supporting both static and animated textures.
Implemented animation for water and lava textures by offsetting UV coordinates over time.
Enabled transparency rendering with OpenGL's alpha blending to create realistic effects for water and glass blocks.
Dynamic Environment Features:
Created a procedural day-night cycle using raycasting to simulate a dynamic sky. Adjusted lighting and terrain colors based on the sun’s position for immersive transitions between morning, afternoon, sunset, and night.
Added distance fog using fragment shaders to blend terrain colors with fog based on the camera's Z-coordinate, enhancing depth perception.
mini-maya
This project involved developing a half-edge data structure and implementing tools for interactive mesh editing and visualization. The application emulates features found in professional 3D modeling software like Autodesk Maya and Blender.
Half-Edge Data Structure:
Designed and implemented
Face,HalfEdge, andVertexclasses to form a robust half-edge data structure.Developed a
Meshclass to manage and render the mesh, utilizingstd::vectorandunique_ptrfor memory management.Implemented support for arbitrary polygonal faces (n-gons) and ensured proper construction of
SYMpointers for adjacent half-edges.
OBJ File Importer:
Created a file loader to read OBJ files and convert them into the half-edge data structure.
Randomly assigned colors to faces for clear visual distinction.
Optimized file parsing to handle large meshes, achieving sub-3-second load times for complex models like the cow OBJ file.
Interactive GUI Features:
Integrated Qt-based GUI for selecting and modifying mesh components (vertices, edges, and faces).
Visualized selected components using OpenGL with customizable highlights (e.g., color inversions for faces, gradient lines for edges, and points for vertices).
Enabled vertex position and face color modifications via input widgets.
Mesh Editing Tools:
Added functionality to split edges by creating new midpoints, automatically updating the half-edge structure.
Implemented face triangulation, allowing convex n-gons to be subdivided into triangles.
Developed a Catmull-Clark subdivision algorithm to refine meshes, ensuring proper smoothing and face connectivity. Achieved convergence to a spherical shape after iterative subdivision of the cube OBJ file.
Advanced Visualization:
Used OpenGL to render the mesh with vertex buffer objects (VBOs) for positions, normals, and colors.
Enabled selection visualization via depth test manipulation and flat shading.
Added a dynamic debug mode for visualizing mesh relationships, such as traversing half-edges using hotkeys.
vertex/frag shaders
This project involved creating custom vertex buffer objects (VBOs) and shaders using OpenGL to explore advanced graphics programming techniques.
Surface Shader Development: Implemented Blinn-Phong reflection and matcap shading to simulate realistic lighting and material effects.
Custom Vertex Deformation: Designed a vertex shader that dynamically deforms 3D models using noise functions such as Perlin and Worley noise. Developed animations like melting and surface transformations.
Post-Processing Effects: Built Sobel filter and Gaussian blur shaders for edge detection and scene blurring. Designed a noise-based post-process effect to create visually striking artistic outputs such as chromatic aberration.
Polar Spherical Camera: Enhanced user interaction by implementing a camera system that orbits and zooms around the 3D model, inspired by professional tools like Autodesk Maya.
Lambert
Worley Noise
Gaussian Blur
Blinn-Phong
Chromatic Abberation
Sobel
Matcap Reflection
BW + Vignette
Bloom
3D modelling
Software: Maya, Blender
ENVIRONMENTAL PROJECTS
Hanami
In collaboration with the UC Berkeley Orchestra, I was provided with an original score that I created an animation for. This project involved creating a virtual space hosted online using WebGL. Imagine a park filled with musicians. Each one is playing their own instrument in a particular area, and the audience can listen to them as they freely wander through the park.
Inspired by the scenery in the Ghost of Tsushima, Hanami captures the beautiful bloom of sakura cherry blossoms.
Hanami - Computer Graphic Animation
The audience is transported into a scenery featuring typical Japanese motifs and a bridge leads to a screen held in the lap of Buddha - a window that offers a glimpse into a parallel world.
The music evokes a magical atmosphere that sets the tone for the scene. As the cherry blossom petals are slowly blown away with the wind, and the music progresses in its intensity, a flower emerges from one of the cracks between the rocks. The flower gradually blooms and wraps itself around the samurai’s blade, unifying the two objects together, preserving the samurai’s memory for eternity…
ANIMATION
Music: UNISIL by Sophie.
Extraterrestrial Dance
A model and animation of an alien dancing to electronic music. I was inspired by the music and rhythm game Space Channel 5 that my sister always used to play as a kid. In the game, you play as an astronaut news reporter, Ulala, who defeats aliens by challenging them to dance battles.
Exploring a changed world.
An alien lands on a previously unexplored planet and participates in a game of soccer with the planet’s inhabitants.