Wiki 知识库

全部文档 / 标签: 粒子效果

2 篇
清除

小白 3D 创作系列 02 -- 用 AI 开发会随音乐舞动的 3D 网站

作者 Kobin 分享用 AI 逐步开发个人 3D 网站「观星台」的完整过程。文章从让 GPT 生成视觉效果图讲起,逐步拆解实现路径:先区分网页内容(HTML/CSS)与 Three.js 场景,再依次实现粒子签名、作品星座、由星点组成的粒子人物侧影,接着通过统一色板、亮暗关系和轻量 Bloom 提升画面质感,然后将滚动与章节状态绑定实现场景过渡,最后接入音乐让星空随节奏变化。每个阶段都给出可直接交给 AI 编码工具的练习指令与检查方法,适合想用 AI 入门 3D 网页创作的读者按序实践。

技术 › 前端 Kobin 2026-10-1132.6 KB 9.1K 44 84

如何在 Claude 中构建可编程图形(从 0 到 1)

Relate Studio 联合创始人 Alex 的教程,讲解如何利用 Claude 从 Figma 手绘草图生成自定义精美图形动画。流程包括:收集参考(如 Stripe 官网)、用自然语言提示词让 Claude 生成 three.js 粒子动画代码、在 Figma 中绘制图形并导出 SVG 交给 Claude 分析重建、通过截图反馈迭代修复 bug、将代码适配到 Webflow 等框架并调整参数、优化过渡平滑度,最终无需前端工程知识即可规模化构建整套动画效果。

技术 › Claude Alex 2026-08-257.4 KB 82.5K 252 68