Real-time pixel-art isometric streetball diorama with physics and AI players
Real-time pixel-art isometric streetball diorama with physics and AI players is a 17-second Claude Opus motion design reference by @vib3coded, built around Three.js, Physics, WebGL. GOAL: Build a real-time pixel-art isometric diorama of 3x3 streetball at a single hoop in a city courtyard, as a single HTML page using… Copy this interactive motion prompt, keep the creator's frame counts and palette, and adapt the…
@vib3codedView post
Prompt
GOAL:
Build a real-time pixel-art isometric diorama of 3x3 streetball at a single hoop in a city courtyard, as a single HTML page using three.js (WebGL).
MOTION:
A floating island of asphalt holds a painted half court (faded blue with an orange key, worn white lines, the two-point arc) inside a box of low green boards. One hoop stands on a steel pole with a steel backboard, an orange ring and a chain net, with a wire fence behind it.
Around the court: a three-storey brick block of flats with balconies and washing, two grannies on a bench by the door, pigeons on the roof. A row of tin garages with original graffiti tags, and an old boxy car half out with its bonnet up and a man working on it. A playground with working swings, a slide and a sandpit, plus a mother on a bench. A kvass barrel with a seller, poplars, floodlight masts, and a wire with a pair of sneakers hanging from it.
Render at low resolution with an orthographic camera, snap colours to a fixed 64-colour OKLab palette and draw depth outlines. After rain, puddles reflect the scene.
Simulate the ball physically: drag, lively bounces off dry asphalt and duller ones off wet, a steel backboard, the ring as a real torus (rim-outs, rolls, lips) and a chain net that swishes. Solve every jump shot numerically through the flight with drag, at an arc that steepens close in, then add hand error that grows with distance, a defender's contest and a weaker shooter. Make layups steep; put dunks through from above with the shooter hanging on the rim; throw alley-oops as lobs to a point over the ring.
AI: dribbling with a hand that rides the ball, crossovers, drives, open-shot decisions, passes (chest, bounce, lob), cuts and screens. Man-to-man defence with help on drives, reach-in steals, contests and blocks, box-outs and rebounds caught with a jump.
Rules: ones inside the arc, twos outside; after a make the other team takes the ball from under the ring and must clear it past the arc; check at the top after out-of-bounds. First to 11 or 21. Three teams: winners stay, the losers walk off to the bench and the next team walks on.
Life in the yard: grannies feed the pigeons and complain about the boombox, the waiting team nods to the music and goes for kvass, a cat stalks the pigeons, children swing and slide. Day/sunset/night with floodlights and lit windows; dry, after-rain puddles, or rain with rings.
UI: a scoreboard; a side rail with three team ladders, called plays (dunk, deep two, alley-oop), weather and a boombox toggle, field-goal stats and a live feed; click the court to mark the next pass. Original characters only, English UI, responsive down to phone width.
Author original
Build a real-time pixel-art isometric diorama of 3x3 streetball at a single hoop in a city courtyard, as a single HTML page using three.js (WebGL). A floating island of asphalt holds a painted half court (faded blue with an orange key, worn white lines, the two-point arc) inside a box of low green boards. One hoop stands on a steel pole with a steel backboard, an orange ring and a chain net, with a wire fence behind it.
Around the court: a three-storey brick block of flats with balconies and washing, two grannies on a bench by the door, pigeons on the roof. A row of tin garages with original graffiti tags, and an old boxy car half out with its bonnet up and a man working on it. A playground with working swings, a slide and a sandpit, plus a mother on a bench. A kvass barrel with a seller, poplars, floodlight masts, and a wire with a pair of sneakers hanging from it.
Render at low resolution with an orthographic camera, snap colours to a fixed 64-colour OKLab palette and draw depth outlines. After rain, puddles reflect the scene.
Simulate the ball physically: drag, lively bounces off dry asphalt and duller ones off wet, a steel backboard, the ring as a real torus (rim-outs, rolls, lips) and a chain net that swishes. Solve every jump shot numerically through the flight with drag, at an arc that steepens close in, then add hand error that grows with distance, a defender's contest and a weaker shooter. Make layups steep; put dunks through from above with the shooter hanging on the rim; throw alley-oops as lobs to a point over the ring.
AI: dribbling with a hand that rides the ball, crossovers, drives, open-shot decisions, passes (chest, bounce, lob), cuts and screens. Man-to-man defence with help on drives, reach-in steals, contests and blocks, box-outs and rebounds caught with a jump.
Rules: ones inside the arc, twos outside; after a make the other team takes the ball from under the ring and must clear it past the arc; check at the top after out-of-bounds. First to 11 or 21. Three teams: winners stay, the losers walk off to the bench and the next team walks on.
Life in the yard: grannies feed the pigeons and complain about the boombox, the waiting team nods to the music and goes for kvass, a cat stalks the pigeons, children swing and slide. Day/sunset/night with floodlights and lit windows; dry, after-rain puddles, or rain with rings.
UI: a scoreboard; a side rail with three team ladders, called plays (dunk, deep two, alley-oop), weather and a boombox toggle, field-goal stats and a live feed; click the court to mark the next pass. Original characters only, English UI, responsive down to phone width.
Questions
What is this games prompt for?
It is a Claude Opus motion design brief for “Real-time pixel-art isometric streetball diorama with physics and AI players”. Paste it into Claude and keep the timings already written in the prompt.
Where is the original film?
The creator is @vib3coded. Use View post to open the X video this prompt belongs to.