Triangles on Web

This is a series of tutorial about computer graphics and WebGPU.

What You Can Build

Life Game

Render a Cube

Still a Cube But With Lighting

Render an Actual 3D Model

2D Basics

In this section, we learn about the basic concepts of computer graphics and WebGPU.

We do so by building a simple game called Life Game.

  1. Basic Setup
  2. Life Game
  3. Texture

3D Basics

In this section, we learn about rendering 3D objects with WebGPU.

We first learn about the basic concepts of 3D rendering.

  1. Orthographic Projection
  2. Perspective Projection
  3. Lighting

WGSL

Then we talk about the elephant in the room- the shader language, wgsl.

  1. WGSL

3D Models

This part familiarize you with OBJ file format and how to load 3D models.

  1. OBJ Model

Curves and Surfaces

Next part is about curves and surfaces.

  1. Bézier Curve, B-spline Curve, and Surface