top of page
Rendering effect

Shader

Rendering effect

Shadow in WebGL(GLSL)

hardshadow.PNG

2-pass shadow map

hard shadow

PCF.PNG

PCF

(Percentage-Closer Filtering)

PCSS.PNG

PCSS

(Percentage-Closer Soft Shadow)

Fluid simulation using Position based dynamics

3D CG software toolsets

Including rasterization, geometry, ray tracing, and animation

C++, OpenGL(GLSL), WebGL(GLSL)

Path tracing
Path Tracer
bunny.gif

Real-time environment lighting

Using PRT(Precomputed Radiance Transfer)

including SH(Spherical harmonics)

test32 c.png

Accelerate Spatial data structure

BVH

2048.png

Global Illumination

Materials: Mirror and Glass

1_2048.png

Environment Map

Animation
Animation

Forward Kinematics

Capsule-Radius Linear Blend Skinning

Inverse Kinematics

Gradient descent, Jacobian Transpose

Particles Simulation

Soft rasterizer
Rasterizer(SVG)

SVG Rasterization process

rasterization.PNG

SSAA: Anti-aliasing using supersampling

ezgif-2-0c21441607.gif

Alpha blending

ezgif-2-7899982def.gif

Mipmap & Transformation

ezgif-2-147a5afa56.gif
Mesh edit
Mesh editing

Data structure: Halfedge mesh (doubly-connected edge list)

Local Operation: Edge flipped, collapsed, erased

Global Operation:  Bevel the Vertex, Face

bottom of page