Akira· 来源· @awp_Akira · X·· 3 小时前AI 评分13
正文 · AI 翻译
这个 Claude 工作流构建了一个像游戏一样运行的 3D 赛博朋克网站
没有任何视频文件,整个霓虹城市都在浏览器中使用 Three.js 和 WebGL 实时渲染
你向 Claude 描述场景,它编写渲染循环、相机、灯光以及所有相关代码
GSAP 固定英雄区域,当你滚动时,相机会飞越 3D 城市
Lenis 平滑滚动让这种相机滑动的感觉具有物理感,而不是跳跃的
requestAnimationFrame 与你的鼠标联动,使整个城市都朝向光标倾斜
Web Audio 播放环境音效,并根据滚动里程碑进行同步,让页面感觉充满生机
仅通过一次 AudioContext.suspend 调用即可处理声音的开/关切换,无需任何库
CSS 变量从单行代码中切换每个部分的红色和蓝色强调色
SaaS 创始人支付 3000 到 8000 美元来制作一个着陆页,让工程师感觉自己已经置身于产品之中
现在一个人就能在周末完成这个项目的开发
明天我会发布完整的构建过程、精确的 Claude 提示词以及从零文件夹开始的场景设置
来源:Akira · x.com