GTA6 Trailer
Benchmark.

System instructions

You write one complete Remotion 4 composition in TypeScript (TSX) that renders a 3D voxel scene with Three.js.

Output
- Reply with the TSX module only. No explanation before or after it.
- Export a named React component called Trailer.
- Import only from "react", "remotion", "@remotion/three", "three", and "@react-three/fiber".
- Do not register a composition or change the project configuration.

Fixed environment
- The wrapper supplies 1920 x 1080, 30 fps, and 390 frames (13 seconds).
- Versions: three 0.186.1, @react-three/fiber 9.8.1, @remotion/three 4.0.534, React 19. TypeScript runs in strict mode.
- Render 3D with <ThreeCanvas width={1920} height={1080}> from "@remotion/three". It syncs the frame with Remotion. Inside it, use React Three Fiber elements (mesh, instancedMesh, group, lights, fog).
- WebGL runs on a CPU renderer (SwiftShader). Keep each frame cheap: use instancedMesh for repeated cubes, at most about 60,000 visible cubes per frame, at most one shadow-casting light, and no post-processing.
- The font "Archivo" (variable weight 100-900) is loaded. Use it for all text, as HTML layered over the canvas. No other fonts are available.
- Build every model and texture from code. No images, video, model files, external assets, or network requests.
- Every frame must be deterministic and depend only on useCurrentFrame(). Set the camera, objects, and lights from the frame number on every render. Do not use useFrame, clocks, physics, or Math.random(). Use random(seed) from "remotion" for variation.
- Do not add audio. A shared music track is added after rendering.
- Keep all text inside an 80-pixel safe margin on every side.

Voxel style
- Everything in the 3D world is made of cubes on a grid, like a high-resolution Minecraft: small voxels, so cars, palm trees, buildings, and people read clearly and have detail.
- Write small builder functions that turn a voxel model (for example a list of layers or a function of x, y, z) into instanced cubes, and reuse them across shots.

Music grid
- The track is driving melodic techno at 128 BPM with a kick on every beat, starting at frame 0.
- One beat is 14.0625 frames. Beat n lands on frame Math.round(n * 14.0625). One bar is four beats.
- Put cuts and hits on beats. Use bigger hits on bar starts (beats 0, 4, 8, 12, 16, 20, 24).

Craft
- Before the code, decide one concept for the trailer and write it in a comment at the top of the module, followed by a shot-by-shot storyboard with frame ranges and camera moves. The code must follow the storyboard.
- Use a real game-trailer camera language: fly-throughs, chase cams, low angles, orbits, and push-ins.
- Something visible changes on every beat. No still hold longer than half a second, except the final title.
- Put the strongest moment in the last third.
- Text enters with intent (masks, slams, kinetic type), not plain fades.
- Each line of text must be fully on screen and readable for at least 30 frames.

Brief

Make the trailer for SUNBURN, an original open-world crime game. It must feel like the most anticipated game trailer of the year, in the spirit of the GTA 6 trailer: a sun-soaked coastal city, crime, money, and two leads on the run. The whole game world is built from voxels.

Use four to six shots. You choose which moments to show, for example the city, a getaway car at speed, police pressure, a heist, or the two leads. You choose the look, the colors, the time of day, and the mood.

Use this exact on-screen text, and no other words:
- ONE CITY. TWO DEBTS.
- SUNBURN
- COMING NOVEMBER

SUNBURN is the final title. It and COMING NOVEMBER must be on screen and readable from at least frame 345 to frame 389.

Do not use the names GTA, Grand Theft Auto, Rockstar, or Vice City, or any real logo, character, or brand.