使用AI和Three.js构建交互式3D机械Web应用
作者分享了利用AI结合Three.js和WebGL技术，将运动、机械和对称性转化为交互式3D体验的开发流程。通过提供过往代码和参考，AI生成新应用的概念和UI设计，最终实现了包含齿轮、陀螺仪等结构的Web应用。
相关文档
我把《红楼梦》里的大观园，做成了一个能走进去的 3D 世界
作者将《红楼梦》中的大观园重建为可在浏览器中漫游的三维世界，把文本与空间放进同一窗口。项目整理了二十处景致，涵盖五十九回原文、三十三首诗词和一百五十八位人物。读者可点选景致查看对应原文与诗笺，跟随第十七回贾政游园路线导览，或在漫步模式中自由行走，并可切换四季、昼夜与天气共三十六种环境状态。整个项目依据原著游园路线与北京大观园复建格局推定，最终打包为约 2.7 MB 的 HTML 文件，离线也能体验，成为一份可交互、可行走的阅读批注。
Opus 5.5 的 20 种开源技能
作者整理了 20 种与动画、物理、3D、声音及交付相关的开源技能与工具库，涵盖 Remotion、HyperFrames、Anime.js、React Spring、PixiJS、p5.js、Paper.js、Matter.js、Three.js、Rapier、OGL、tsParticles、glTF Transform、GL Transitions、OBS Studio、Chatterbox、Tone.js、faster-whisper、OpenCut 和 FFmpeg。每个工具附有简介和 GitHub 链接，覆盖从视频渲染、动画编排、图形绘制到配音、字幕转录和视频编码交付的完整创作流程。
小白 3D 创作系列 02 -- 用 AI 开发会随音乐舞动的 3D 网站
作者 Kobin 分享用 AI 逐步开发个人 3D 网站「观星台」的完整过程。文章从让 GPT 生成视觉效果图讲起，逐步拆解实现路径：先区分网页内容（HTML/CSS）与 Three.js 场景，再依次实现粒子签名、作品星座、由星点组成的粒子人物侧影，接着通过统一色板、亮暗关系和轻量 Bloom 提升画面质感，然后将滚动与章节状态绑定实现场景过渡，最后接入音乐让星空随节奏变化。每个阶段都给出可直接交给 AI 编码工具的练习指令与检查方法，适合想用 AI 入门 3D 网页创作的读者按序实践。
建议收藏：从零到一用自然语言调出 3D 雨夜书房（附完整 Prompt + GitHub 开源地址）
作者用上海 AI 实验室新开源的 744B MoE 智能体模型 Atria Dawn Preview 做实测，通过自然语言生成一间可交互的 3D 雨夜书房：窗外下雨、桌上点灯、书架的书可取下阅读、纸笔可手写保存、还有带动画和中文朗读的立体儿童绘本。文章记录了从初始提示词到多轮返修的全过程，指出该模型能组织出可运行原型并响应反馈修改，但主体生成耗时约 219 秒、需 7 轮返修，收尾工作仍需 Codex 补充。项目代码已开源并附在线体验地址，核心结论是：提示词的每条要求都应能在成品中验收，模型能力须回到实际使用结果上评估。
小白也能看懂：iPhone Duo 网页交互效果是怎么制作的？
作者受苹果 iPhone Duo 官网折叠手机交互动效吸引，借助 Codex 复刻并拆解其实现原理。通过网页源码和网络请求证据，确认核心是实时 3D 渲染（Lotus 架构封装 Three.js），而非视频或图片序列。文章讲解了模型、贴图、场景配置、渲染引擎的组成，滑块 0 到 1 数值如何驱动铰链折叠与运镜，以及弹簧回弹、端点磁吸等物理拟真细节带来的「苹果高级感」，并分享了用 AI 辅助翻源码、复现交互和排错的完整学习方法。
Figma Motion、AE、Rive 到底怎么选？一个五年设计师的经验
文章系统对比了 Figma Motion、After Effects 和 Rive 三款动效工具的定位与适用场景。Figma Motion 定位轻量，适合 UI 日常动效的快速交付，支持导出 CSS、React 代码并兼容 MCP；Rive 凭借状态机、骨骼动画和高性能运行时渲染，适合产品级交互动画；AE 则仍是品牌宣传片和复杂视觉特效的首选。作者给出了三步选择框架：无交互的 UI 动效用 Figma Motion，有交互逻辑的去 Rive，复杂特效开 AE，帮助设计师减少工具切换和沟通成本。
Grok 4.6：将想象力转化为交互式3D体验
本文介绍了使用Grok 4.6将创意转化为交互式3D体验的工作流程。作者通过描述世界设定、选择技术栈（如Three.js、GLSL、GSAP）、生成详细编码提示、创建参考图像，并通过迭代优化，最终实现了从月球城市基础到完整殖民地的动态3D场景。文章强调了概念描述、技术选型和迭代过程的重要性，展示了AI在3D内容创作中的潜力。
Kimi K3 3D WebGL 开发配置与提示词指南
文章详细介绍了如何利用 Kimi K3 模型开发 3D WebGL 应用。相较于 Claude 和 GPT-5.6，K3 在 Three.js、WebGPU 等复杂 3D 场景和着色器代码生成上表现优异。作者分享了在开发工具中接入 K3 的步骤、构建 3D 场景的提示词公式，以及视觉循环测试流程。并建议开发者采用混合策略：用 Claude 处理快速逻辑，用 K3 应对复杂的 3D 空间计算，从而发挥两者最大优势。
从意图到发现：设计 AI 时代的用户体验
UX 领域先驱 Jakob Nielsen 指出，AI 将交互范式从“基于命令”转变为“基于意图”，用户角色从操作者变为监督者。文章重新定义了 AI 时代的可用性指标，提出了包含意图层、编排层和直接操作层的三层设计模型。作者强调“刻意认知摩擦”以应对信任校准，并展望了未来从“生成”走向“探索潜在空间”的交互愿景。
AI会取代3D软件吗？Andrew Price谈3D艺术的未来
文章源自Andrew Price在北美Blender大会的分享，探讨了AI对3D行业的影响。作者认为AI不会取代3D软件，两者是互补关系：AI擅长构思和渲染，而3D提供精确的控制。通过结合Blender和AI工具（如ComfyUI, Meshy），艺术家可以将原本数月的工作缩短至一天。Price还指出，使用AI的艺术家将取代不使用AI的艺术家，未来依赖判断力和审美的技能将比可预测的技术执行更具价值。
我让 AI 像 Jony Ive 一样重新设计我的 UI
作者尝试使用 AI 模拟著名设计师 Jony Ive 的风格，对其应用 sumbuddy.app 的 UI 进行重设计。AI 提出了关于统一画布、微交互质感、版式美学及空间韵律等七条详细建议，强调界面应消隐无形，注重直觉与物理感的融合。
3D领域的NanoBanana：用嘴操控一切，Rodin Gen-2引领AI建模新趋势
文章介绍了Hyper3D发布的Rodin Gen-2，这是目前首个允许用户通过自然语言直接编辑3D模型的AI产品。作者通过演示展示了如何对模型进行局部修改、添加部件和移除元素，甚至将机甲头部替换为蜡笔小新，并成功进行了3D打印。文章指出，相比重新生成，局部、可控的增量编辑更能保持3D资产的拓扑结构与绑定信息，这对游戏和影视生产管线具有革命性意义。
