Theme Catppuccin
Make yourself at homeCatppuccin

A softer light for long learning sessions.

Appearance

Loading your preference…

Dark palette

Choose a dark palette to try it.

Light uses Latte. Your choices stay in this browser.

Back to your source shelf

Inside the companion

The browser shader lab

The two GLSL stages behind your editable WebGL postcard.

Project files 2

Cover the postcard canvas

The WebGL vertex stage that supplies the fragment shader with a drawing surface.

7 lines postcard.vert
#version 300 es
layout(location = 0) in vec2 a_position;

void main() {
    gl_Position = vec4(a_position, 0.0, 1.0);
}

This is the file included with the course. Copy and download give you its complete source.

Taking your work offline? Download all course companions