WebGL Project

A work-in-progress website I used for a couple of weekly assignments in my computer graphics course in Spring 2024 using WebGL.

This website includes real-time 3D rendering with .GLTF model and texture loading using WebGL and JS along with several post-processing shader effects, such as a CRT shader and flames following the mouse.

Instructions:

Controls:

• Look around by clicking and dragging the mouse.
• Select shaders by clicking buttons on the left.
• Select viewpoints by clicking buttons on the right.

To run using Node.js:

http-server <directory>

Screenshots:

CRT and Curve shader active

No post-processing effects

With and without exaggerated shaders, same viewpoint

Credits:

The 3D model is ripped from the N64 game The Legend of Zelda: Ocarina of Time.