Skip to content

Welcome to Creative Center

01Use caseWhat brings you here?

It picks your starting path and a platform. Change it anytime in Settings.

Creative Center

How visuals are made, one live example at a time.

A map of graphics techniques. Every leaf is a live example you can tweak, learn step by step on the platform you use, and copy into it.

01FieldLive

Shaders

The small GPU programs that decide where each vertex goes and what color each pixel gets. Start from a goal, find the technique, open a live card.

  • Color
  • Shape
  • Pattern
  • Materials
  • Elements
  • Light
  • Reveal
  • Distort
  • Stylize
  • Atmosphere
  • Lens

11 goals · 5 platforms · live in the browser

Explore the treeOpen a card

  • Design

    Later

    Halftone, grids, type and color, linked to the shaders that compute them.

  • 3D modeling

    Later

    Topology, modifiers and UVs, with a model viewer on each card.

  • Motion

    Later

    Easing, timing and follow-through, on a timeline you can scrub.

  • Sound

    Later

    Synthesis and mixing basics, with audio you can tweak.

Web & interactive · 5 steps

Your path

A suggested order for your use case. Each step leads to the next techniques. Change your use case in Settings.

Start with step 1
  1. 01Fragment shader
  2. 02Dot product
  3. 03Normals

Settings

Learning

Use case

Sets your suggested path and the default platform. Shared by every field.

Platform for Shaders

Tutorials, node names and copy buttons follow it. Each field keeps its own.

Site

Language

The same pages in English or Brazilian Portuguese.

Theme

System follows your device.