雨夜水面上的小幽灵:Opus 5.5 写代码、GPT 6 Astra 做设计的布料着色器
Chetan Ankola 在浏览器里做了一只提灯的小幽灵,雨夜、黑水、布料会飘。设计交给 GPT 6 Astra,Three.js 代码交给 Opus 5.5。拆布料、灯光和五个小互动。
标签
标签「Three.js」下共 20 个词条。
Chetan Ankola 在浏览器里做了一只提灯的小幽灵,雨夜、黑水、布料会飘。设计交给 GPT 6 Astra,Three.js 代码交给 Opus 5.5。拆布料、灯光和五个小互动。
Google AI Studio 的 genevieve__h 用 Gemini 4 Argon、Blender MCP 和 Three.js,把自家办公桌的照片做成能玩的卡丁车游戏。我们按视频逐帧还原它的做法和关卡思路。
Tesana 称,用户用几条提示词做的太空探索游戏 Sky Reach 一周多从 250 万播放涨到 300 万以上。拆它怎样在不推倒重来的前提下,加上环形世界和千人联机。
用 Opus 5.5 和 Three.js 做的 3D 探索游戏:狐耳小斥候在草原、遗迹和浮空岛之间奔跑、被风泉弹上天、展翅滑翔。拆它怎样让一套移动能力成为整个游戏,收集品又怎样反过来喂移动。
Tesana 说一名用户只用 1 条提示词和 1 张参考图,就做出了能飞到别的星球降落的太空游戏。拆这一条提示词要装下什么,又装不下什么。
jay88 让 Claude Opus 5.5 在一次 Claude Code 会话里做出 Three.js 雕南瓜:四种工具雕刻,再点蜡烛透光。提示词只有两行,真正的功夫在模型选的「雕刻贴图」。
@threejs 转发的《Claude, meet Claude》:八幅莫奈名画变成可走、可飞、可在画架前作画的 WebXR 世界。拆它的笔触渲染、手势交互和语音向导。
免费网页工具「どこでもロケハン」用 OpenStreetMap 和标高数据重建真实街区,再画成漫画背景的线稿、网点和涂黑。拆它的三张图描边法,以及怎样用 AI 编程模型做个小版本。
Frank Reitberger 把 Mercury 2015 年的 64k 作品《Delight》移植到 three.js WebGPU。拆它从光线步进 G-buffer 到泛光眩光的整条管线,以及怎样用 AI 编程模型做个小版本。
akella 的 8 秒循环:数千个标着 claude 和 codex 的小窗口沿带子流动、又炸成一团。没有源码和在线页面,我们拆画面,并给出用实例化和 AI 编程模型复刻的方案。
Aman 分享的 30 款免费 AI 网页游戏中有《Stained Glass》,出自 Playable Worlds:H3 Max 先生成游戏视频,Claude 再用 Three.js 重做成能玩的游戏。拆它的流程和「光就是地面」的设计。
Chetan Ankola 让彩虹肥皂泡飘在一张 360° 庭院照片里。拆它的泡泡材质、全景背景,以及只有三个动作的操作。
Chetan Ankola 做的卧室弹吉他场景,一键在速写、水彩、赛璐璐和漫画网点之间切换。拆它怎样把氛围和画风分成两套预设。
Chetan Ankola 把 GPT 6 Astra 做的肥皂泡搬进 Wynwood 壁画街和一座花园。拆场景切换、分场景曝光,以及透过泡泡看到的弯曲世界。
Chetan Ankola 用 vibe coding 在 Three.js 里做了一座带泳池的棕榈岛。拆深度配色、阳光闪烁、海天雾气和景深,看水怎样才像热带。
Chetan Ankola 说,AI 作品从好到很好,差在观察和细节。我们把他 Three.js 沼泽行船游戏里看得到的细节逐条列出:配色、磨损、光、雾和 HUD。
Claim Avenue 车辆更新的手感是怎么写的:一个参数对象、加速槽、抓地漂移和坡顶飞跃,不用物理引擎。
加入 Claim Avenue 的五步,在线上网站里是怎么落地的:两扇门的引导卡、按模式出现的按键提示、写在街上的空地,以及没有 WebGL 时的兜底。
Claim Avenue 的新街区 Riverside Drive 是怎么上线的:一条配置、整体外移的布局、河流距离场,以及让旧客户端按服务器版本重建城市。
Claim Avenue 最大更新背后的做法:昼夜和天气由共享时钟算出,不靠服务器推送;位置同步限频、过阈值才发;卡顿时自动降速。