top of page
This site was designed with the
.com
website builder. Create your website today.Start Now

Tech - WebGL / CUDA

★ International Study Globe
          - WebGL Interactive Data Visualization 

11-12/2014

WebGL, Javascript, GLSL, Three.js, D3.js, HTML, CSS 

 

LIVE DEMO: http://foxking0416.github.io/GPU-FinalProject/

 

We designed and implemented a WebGL Interactive Application on the data visualization of global international study trends.

 

Feature List:

  • 3D Interactive Globe (Three.js + GLSL)

    • Spiral Line Pipe Shader

    • Bumping Map Shader

    • Objloader

    • Skybox

    • Particle Animation

    • Country Obj meshes

    • Study Area Obj Model Vertex-based Morphing

  • 2D Data Visualization (D3.js)

    • Country Selections

    • Bar graphs

    • History Timeline / Diagram

    • Radar Charts on Degree Categories

★ CUDA PathTracer 

10/2014

CUDA 

 

Github: https://github.com/radiumyang/Project3-Pathtracer

 

FEATURE

  • Basic

    • Raycasting

    • Diffuse surfaces

    • Perfect specular reflective surfaces

    • Cube intersection testing

    • Sphere surface point sampling

    • Stream compaction optimization

  • Extra

    • Supersampling Anti-Alisasing

    • Depth of field

    • Refraction

★ CUDA GPU Software Rasterizer 

10/2014

CUDA 

 

Github: https://github.com/radiumyang/Project4-Rasterizer

 

In this project, I implemented a simplified CUDA based implementation of a standard rasterized graphics pipeline, including vertex shading, primitive assembly, perspective transformation, rasterization, fragment shading, testing and rendering. This project is based on the basecode provided at class.

 

FEATURES

 

  • Vertex Shading

  • Primitive Assembly with support for triangle VBOs/IBOs

  • Perspective Transformation

  • Rasterization through scanline

  • Fragment Shading

  • A depth buffer for storing and depth testing fragments

  • Fragment to framebuffer writing

  • A simple lighting/shading scheme, Blinn-Phong, implemented in the fragment shader

  • Back-face culling

  • Scissor test

  • Lines

  • Points

  • Anti-aliasing

★ CUDA Deferred Shader 

11/2014

CUDA 

 

Github: https://github.com/radiumyang/Project6-DeferredShader

 

Live Demo (http://radiumyang.github.io/Project6-DeferredShader/)

 

[Please Open in FireFox Browser]

 

FEATURES

 

In this project, I was given code for:

  • Loading .obj file

  • Deferred shading pipeline

  • GBuffer pass

 

I implemented:

  • Bloom Shading

  • "Toon" Shading (with basic silhouetting)

  • Screen Space Ambient Occlusion

  • Diffuse and Blinn-Phong shading

  • Pixelation Shading

  • Frosted Glass Shading

bottom of page