Looks and palettes

A look is several effects at once: look("dream"). It gives its parts back by name (look("vhs").glitch.strength = 1), and has amount, off(), on() and remove() for the lot. lookNames() lists them to a program (look_names()).

There are 16: dream, arcade, vhs, neon, comic, underwater, oldfilm, disco, gameboy, c64, noir, comicbook, storm, winter, cinema, terminal.

dream

Tap to enlarge

Soft, glowing and rich.

look("dream") is glow({ strength: 1, threshold: 0.35, radius: 40 }), then saturate({ strength: 1.3 }), then vignette({ strength: 0.5 }).

arcade

Tap to enlarge

The curved glass of an old arcade machine.

look("arcade") is glow({ strength: 0.7, threshold: 0.4, radius: 20 }), then crt({ curve: 0.2, lines: 0.5 }).

vhs

Tap to enlarge

A worn videotape.

look("vhs") is saturate({ strength: 1.35 }), then rgbSplit({ size: 3 }), then glitch({ strength: 0.35 }), then scanlines({ strength: 0.3, size: 4 }), then grain({ strength: 0.2, size: 2 }), then vignette({ strength: 0.45 }).

neon

Tap to enlarge

Glowing outlines in the dark.

look("neon") is edges({ strength: 3, fill: 0.15 }), then glow({ strength: 1.4, threshold: 0.2, radius: 28 }).

comic

Tap to enlarge

A few flat colours, printed in dots.

look("comic") is posterize({ levels: 4 }), then dots({ size: 7 }).

underwater

Tap to enlarge

Blue, wobbling and dim at the edges.

look("underwater") is wobble({ size: 10, scale: 160 }), then tint({ colour: "#7fd4ff" }), then glow({ strength: 0.5, threshold: 0.5 }), then vignette({ strength: 0.6, colour: "#001830" }).

oldfilm

Tap to enlarge

Brown, grainy and dark at the corners.

look("oldfilm") is duotone({ dark: "#1a1208", light: "#f2e2c0" }), then grain({ strength: 0.3, size: 2 }), then vignette({ strength: 0.75 }).

disco

Tap to enlarge

A kaleidoscope whose colours keep turning.

look("disco") is kaleidoscope({ segments: 10 }), then hue({ shift: 0, speed: 60 }), then glow({ strength: 0.8 }).

gameboy

Tap to enlarge

Four shades of green.

look("gameboy") is dither({ palette: "gameboy", size: 3 }).

c64

Tap to enlarge

The colours of a 1980s home computer.

look("c64") is dither({ palette: "c64", size: 3 }), then scanlines({ strength: 0.2, size: 3 }).

noir

Tap to enlarge

Black and white, high contrast, grainy.

look("noir") is saturate({ strength: 0 }), then contrast({ strength: 1.6 }), then grain({ strength: 0.25, size: 2 }), then vignette({ strength: 0.8 }).

comicbook

Tap to enlarge

Black outlines over printed dots.

look("comicbook") is cartoon({ levels: 4 }), then dots({ size: 5, paper: "#101018" }).

storm

Tap to enlarge

Rain, lightning and fog.

look("storm") is rain({ strength: 0.7 }), then lightning(), then fog({ strength: 0.35, colour: "#8a94a8" }), then vignette({ strength: 0.6 }).

winter

Tap to enlarge

Cold light and falling snow.

look("winter") is tint({ colour: "#cfe4ff" }), then snow(), then softFocus({ strength: 0.4 }), then vignette({ strength: 0.4, colour: "#0a1830" }).

cinema

Tap to enlarge

A film camera: flares, a narrow focus, grain.

look("cinema") is streaks({ strength: 0.5 }), then tiltShift({ strength: 5 }), then grain({ strength: 0.1 }), then vignette({ strength: 0.5 }).

terminal

Tap to enlarge

Green marks on a dark screen.

look("terminal") is letters({ size: 9, own: false, colour: "#3dff7a" }), then glow({ strength: 0.6, threshold: 0.2, radius: 14 }), then scanlines({ strength: 0.25 }).

Palettes

An effect that takes a palette (colourCycle, plasma, metaballs, flow, gradientMap, thermal, dither, warp, voronoi, interference, aurora, fire, copperBars, twister, spectrumBars, spectrumRing) is given one of these names, or a list of colours of your own: plasma(["navy", "magenta", "gold"]). paletteNames() lists them to a program (palette_names()).

The palettes are "rainbow", "fire", "ocean", "sunset", "neon", "candy", "forest", "ice", "lava", "mono", "thermal", "aurora", "gameboy", "c64", "amiga", "pico". The table has the colours of each.

Related

• Every effect
• Getting started