• Home
  • About
    • Anpu Li photo

      Anpu Li

      This is Anpu Li's personal website.

    • Learn More
    • Email
    • LinkedIn
    • Instagram
    • Github
  • Posts
    • All Posts
    • All Tags
  • Projects

Computer Graphics Projects

20 May 2019

Reading time ~2 minutes

This is the list of projects I’ve done when learning Computer Graphics with Professor Ken Perlin.

  • Final Project: Go
  • Wave
  • FLAME IN THE DARKNESS
  • Bump Mapping
  • Lights and Spheres
  • Stellated Octahedron
  • Donut
  • Collision Free
  • Pendulum ride
  • Waterdrop
  • Texture Mapping on Earth

Final Project: Go

In this project, I have implemented a vr board game where the player is at the center of a cube and can put pieces on each of the six surfaces by staring at the board. To play it, the player must at least have a smartphone that supports webvr and a pair of vr glasses.

The VR feature is deprecated in latest Chrome… so this current version is not playable. But you may visit it at https://graphics.anpu.live/final/go.html anyway.

The major work I have done is:

  1. Create the board using LineSegments provided by three.js library.
  2. Create the milkway background using CubeTextureLoader provided by three.js library. The milkway images are obtained from here.
  3. Create the sun using Lensflare.js library. The pictures I used comply with the license.
  4. Initialize the board by putting all the pieces down and setting them invisible.
  5. Use the technique of raycasting to determine which piece is being stared at, and set it visible permanently if the player looks at it more than 100 frames. The raycaster is provided by three.js.

The potential development includes:

  1. Build a server where two players can play against each other.
  2. Support controllers of vr headsets like oculus/vive.
  3. Support normal version on desktop.

Wave

1st project that simulates two waves. Click to view.

FLAME IN THE DARKNESS

2nd project that simulates a burning fire. Click to view.

Bump Mapping

3rd project that simulates a planet with its satellite using bump mapping. Click to view.

Lights and Spheres

4th project that shows shadows and reflections in an interactive way. Click to view.

Stellated Octahedron

5th project that mimics a stellated octahedron. Click to view.

Donut

6th project that creates a donut-like object. Click to view.

Collision Free

7th project that generates a collision-free animation. Click to view.

Pendulum ride

8th project that describes a crazy pendulum ride. Click to view.

Waterdrop

9th project that plots a waterdrop. Click to view.

Texture Mapping on Earth

10th project that maps texture on Earth. Click to view.


computer graphicswebglvr Share Tweet +1