Real-time 3D pixel-art rooftop basketball court diorama
Real-time 3D pixel-art rooftop basketball court diorama is a 17-second Claude Opus motion design reference by @N1njaCodex, built around Three.js, Canvas. GOAL: Build a single-file HTML page: "Roof Cup", a real-time 3D pixel-art diorama of a 3×3 basketball tournament on a city rooftop. Copy this 3D motion prompt, keep the creator's frame counts and palette, and adapt the subject for your own launch film.
@N1njaCodexView post
Prompt
GOAL:
Build a single-file HTML page: "Roof Cup", a real-time 3D pixel-art diorama of a 3×3 basketball tournament on a city rooftop.
MOTION:
Use three.js r160 (import map, jsDelivr), with an orthographic isometric camera turned in 90° steps. Render into a small target with no anti-aliasing and snap to whole pixels. Post-process with depth outlines (skip chain-link fence pixels, flagged through alpha), a fixed 54-colour palette matched in OKLab, an optional Bayer dither, and an integer upscale. Add a Raw 3D toggle.
Scene: a floating brick building (two floors, lit windows, fire escape, ragged cut base) with a rooftop on top. On the roof:
- a fenced court on rubber tiles (dark/mid blue with a teal key, the 3×3 arc, "ROOF CUP" on the floor) and a hoop with a swaying net
- a tall chain-link fence with a gate, a low front rail and banners
- three rows of bleachers with fans
- a scorer's tent, team benches with a cooler, and a stair house with an LED scoreboard drawn to a canvas texture
- a water tower, AC units with spinning fans, planters
- string-light poles with bulbs and two floodlights
- pigeons that flee when anyone comes near
Gameplay: four clubs of three (Pigeons, Cranes, Gargoyles, Neon). A random draw sets two semi-finals and a final; teams not playing sit on the benches and walk on and off through the gate.
- FIBA-style rules: to 11 or the leader at 4:00; tied, first to score two more. 1 point inside the arc, 2 beyond it. 12 s shot clock. Clear the ball beyond the arc after a defensive rebound or a steal. After a basket, the other team picks the ball up under the net. Out of bounds or a violation goes to a check at the top.
- AI: on-ball and help defence, cuts and spacing, drives, layups and dunks, contested jumpers with blocks, strips and rebounds.
- Ball physics with rim, backboard, net and fence collisions; makes and misses come from release noise that grows with distance and contest.
- A trophy ceremony with confetti and the day's top scorer, then a new cup.
Players are box rigs posed with two-bone IK. Day/dusk/night lighting with hard shadows; at night the brick takes a little city light. Rain (drizzle/downpour) with splashes, umbrellas, and puddles that show a mirrored render.
UI (English):
- a lit scoreboard (club names, scores, game clock, shot clock, status) and a bracket panel
- Shoot/Pass/Pause/New cup buttons and a commentary feed
- time/weather segmented controls and view controls (turn, pixel size, palette, dither, outlines)
- click the handler to shoot, a teammate to pass, the floor to drive; drag to turn, scroll or pinch to zoom
Light/dark themes, a stacked mobile layout, and a "How it's drawn" notes panel. Use only original names and designs, with no real brands.
Author original
Build a single-file HTML page: "Roof Cup", a real-time 3D pixel-art diorama of a 3×3 basketball tournament on a city rooftop. Use three.js r160 (import map, jsDelivr), with an orthographic isometric camera turned in 90° steps. Render into a small target with no anti-aliasing and snap to whole pixels. Post-process with depth outlines (skip chain-link fence pixels, flagged through alpha), a fixed 54-colour palette matched in OKLab, an optional Bayer dither, and an integer upscale. Add a Raw 3D toggle.
Scene: a floating brick building (two floors, lit windows, fire escape, ragged cut base) with a rooftop on top. On the roof:
- a fenced court on rubber tiles (dark/mid blue with a teal key, the 3×3 arc, "ROOF CUP" on the floor) and a hoop with a swaying net
- a tall chain-link fence with a gate, a low front rail and banners
- three rows of bleachers with fans
- a scorer's tent, team benches with a cooler, and a stair house with an LED scoreboard drawn to a canvas texture
- a water tower, AC units with spinning fans, planters
- string-light poles with bulbs and two floodlights
- pigeons that flee when anyone comes near
Gameplay: four clubs of three (Pigeons, Cranes, Gargoyles, Neon). A random draw sets two semi-finals and a final; teams not playing sit on the benches and walk on and off through the gate.
- FIBA-style rules: to 11 or the leader at 4:00; tied, first to score two more. 1 point inside the arc, 2 beyond it. 12 s shot clock. Clear the ball beyond the arc after a defensive rebound or a steal. After a basket, the other team picks the ball up under the net. Out of bounds or a violation goes to a check at the top.
- AI: on-ball and help defence, cuts and spacing, drives, layups and dunks, contested jumpers with blocks, strips and rebounds.
- Ball physics with rim, backboard, net and fence collisions; makes and misses come from release noise that grows with distance and contest.
- A trophy ceremony with confetti and the day's top scorer, then a new cup.
Players are box rigs posed with two-bone IK. Day/dusk/night lighting with hard shadows; at night the brick takes a little city light. Rain (drizzle/downpour) with splashes, umbrellas, and puddles that show a mirrored render.
UI (English):
- a lit scoreboard (club names, scores, game clock, shot clock, status) and a bracket panel
- Shoot/Pass/Pause/New cup buttons and a commentary feed
- time/weather segmented controls and view controls (turn, pixel size, palette, dither, outlines)
- click the handler to shoot, a teammate to pass, the floor to drive; drag to turn, scroll or pinch to zoom
Light/dark themes, a stacked mobile layout, and a "How it's drawn" notes panel. Use only original names and designs, with no real brands.
Questions
What is this 3d scenes prompt for?
It is a Claude Opus motion design brief for “Real-time 3D pixel-art rooftop basketball court diorama”. Paste it into Claude and keep the timings already written in the prompt.
Where is the original film?
The creator is @N1njaCodex. Use View post to open the X video this prompt belongs to.