跳到正文
Akira· 来源· @awp_Akira · X·· 4 小时前AI 评分13
正文 · 原文

THIS ONE CLAUDE WORKFLOW BUILDS A 3D CYBERPUNK WEBSITE THAT RUNS LIKE A VIDEO GAME

no video file anywhere, the whole neon city is rendered live in the browser with Three.js and WebGL

you describe the scene to Claude and it writes the render loop, the camera, the lighting, all of it

GSAP pins the hero while the camera flies through the 3D city as you scroll

Lenis smooth scroll makes that camera glide feel physical instead of jumpy

requestAnimationFrame tied to your mouse makes the entire city lean toward the cursor

Web Audio plays ambient sound that syncs to scroll milestones so the page feels alive

one AudioContext.suspend call handles the sound on and off toggle with no library at all

CSS variables swap the red and blue accents per section from a single line

SaaS founders pay 3k to 8k for a landing page that makes engineers feel they are already inside the product

one person can ship this in a weekend now

tomorrow I post the full build, the exact Claude prompts and the scene setup from an empty folder

来源:Akira · x.com