VYBE.ART
Open studioStudio

Backstreet

A slow walk down a Japanese backstreet in plain grey blocks, made for Perlin Paint to repaint as a neon night, an old photograph or a clay model.

Remix it in the studio Free to start

Export → Render, with Perlin Paint on, to repaint it

Perlin Paint / 4 looks

Rendered from this scene

The piece above is the animatic: plain shapes and a camera move on a timeline. Perlin Paint painted each of these videos over it, keeping its shapes and its movement. To make your own, open it in the studio, choose Export, then Render, switch Perlin Paint on and describe what it should become. These were made in two steps, which suits a camera that travels: the first frame painted as an image, then that image given to the video as its first frame.

One sceneThe same five seconds of the same scene, rendered by Perlin Paint four times. Only the description changed. Pick a look to see it whole.

The prompt

“A five second animatic of a slow walk down a narrow Japanese backstreet, blocked out in plain grey shapes: shopfronts set back under the floors above, signs hanging over the lane, strings of lanterns, utility poles and their wires, a gate across the street and a tower block at the far end, with the camera panning from one side to the other as it goes”

Ask Perlin, the VYBE.ART creative agent, for something like this and it builds a piece like it. Start from this prompt and change any part of it: the look, the mood, the rules, the sound.

Start from this prompt

How it’s made

Backstreet is an animatic for Perlin Paint. It is JavaScript on three.js, the WebGL library behind most 3D on the web, and it runs live in your browser: nothing to download or install. It is plain on purpose: Perlin Paint reads its shapes and paints over them, so the description decides what everything is made of.

Make it yours

  1. Open it in the studio, where it plays with its controls, and its code is a click away.
  2. Tell Perlin what to change in a sentence: a colour, a mood, a new rule, a sound.
  3. Bend it with its sliders, or put it on a timeline and render it to video.
  4. Publish it to the community, share its link or embed it on your site.

New to the studio? Make your first piece

More like this

Every example
WebGL 3DPerlin Paint

Stair Bounce

A rubber ball bouncing down a flight of stairs, a step at a time, made for Perlin Paint to repaint.

WebGL 3DPerlin Paint

VYBE Drop

The VYBE logo landing on a stage, letter by letter, made for Perlin Paint to repaint.

WebGL 3DPerlin Paint

Block Town

A toy town on a board. Click the squares to build it, drag to pick your view, keep it, then have Perlin Paint render the picture.

WebGL 3D

Gathering

Shards of light gather into a knot, bloom open and scatter, on an eight second timeline.

Your turn / Free to start

Describe it. Perlin builds it.

Art, games and worlds you can step inside, from one sentence. Play it, bend it, put it on a timeline, share it.