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

Design - Portfolio

 

 

 

  • Adobe Creative Suites (2D)

    • Graphic Design - Illustrator, Photoshop

    • Video - After Effects, Premier

    • Audio - Audition

  • Autodesk Products (3D)

    • 3D modeling/ animation - Maya, 3ds Max

    • Motion Capture - Motion Builder 

  • UX/ Visual Design for Games/Apps

    • See projects under "Technology/games"

3D Modeling

 

Maya

Infographic Design


As an IT assistant at Penn's ISSS, part of my job is to design infomation graphics for the office. Here shows three sample works: Office annual snapshots and service illustration.

WebGL: Interactive
   Data Visualization 
            - International Study Globe

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.

 

All the countries in the globe is clickable, showing selected country's data of domestic students going abroad and international students coming inbound based on different years, area of study and degree.

 

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

Video

 

After Effects, Premiere, Illustrator, Photoshop

 

Some sample videos. Trailers for my games and events. :)

Designs for FUN!

 

Some designs for my class, my group, my program, and friend's event. :)

bottom of page