WebGL renderer

My video game graphics project for Estonian Entrepreneurship University of Applied Sciences, 2021. Browser renderer built using PicoGL. Load a 3d model and watch it under multiple light sources, applying a Blinn-Phong shading model. Multiple post-processing effects such as depth of field, noise, fog etc.

girl on podium

GitHub

Tools used:

  • Editor: VSCodium
  • Backend: WebGL
  • Frontend: PicoGL (JavaScript)
  • 3D Modelling: Blender

To get started

  1. Install NodeJS. Will be using this to get code dependencies.

  2. Clone this repo

git clone https://github.com/NippleOfAnApe/game-graphics-course-2021.git

  1. Open cloned repo in VSCode

  2. Get code dependencies:

npm install

  1. Install VSCode “Live Server” extension. Click “Go Live” button in VSCode bottom bar to start a local web server.

  2. Open link in a web browser http://localhost:5500