WoGL
ToolsCreate with shadersShader MakerFree online shader builderToolkitShader works ready for your siteSketcher LabPaint your landing’s hero with shaders3D StudioThe Three.js editor in your browser
GamesPlay with shadersOnomatoShaderType a word, blow it upThe WatcherAn eye that follows youAetherLiquid glass with an eye insideBloomcoreA word grows a garden of lightPyrokineThrow fire at the wallVoltaicThe pyramid throws lightningSurfSurf a shader ocean
  1. WoGL Games
  2. Pyrokine

Pyrokine

Throw fire at the wall

Tap the wall and a fireball flies at it and bursts: the flame climbs the wall, the embers breathe for seconds and the scorch stays as a mural. Two shadersWhat is a shader?A small program that runs on the GPU and decides the color of a single pixel. The GPU runs it for every pixel at once. draw it on your GPUWhat is the GPU?The massively parallel processor in your machine. It runs the same shader on thousands of cores at once, one per fragment, which is why it paints millions of pixels sixty times a second without breaking a sweat..

Play Pyrokine →How it works
WebGL 2 · heat field · tapFree

What you can do

  1. 01

    Throw fire

    Every tap launches a fireball that flies an arc to the point you touched.

  2. 02

    Watch it burn

    The flame rises on a turbulent draft; the embers glow for about six seconds.

  3. 03

    Paint with scorch

    Each burst leaves a scorch mark that stays until you double tap.

How it works

  1. 1

    Aim

    Pick a spot on the wall.

  2. 2

    Tap

    Tap or click to throw fire.

  3. 3

    Clear

    Double tap, or press C, to clear the wall.

Questions

Is it free?

Yes. It runs in your browser and needs no account.

Does it work on a phone?

Yes. Each tap throws fire.

What draws the fire?

Two fragment shadersWhat is a shader?A small program that runs on the GPU and decides the color of a single pixel. The GPU runs it for every pixel at once.: one moves a heat field up the wall 60 times a second, the other paints flame, embers and scorch from it.