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

Scrollcraft:把滚动变成设计本身的 Claude 网站设计 Skill

作者介绍了他开发的免费 Claude Code Skill——Scrollcraft,它将网页滚动体验本身变成设计的一部分。该 Skill 不提供固定模板,而是通过访谈式提问确定访客旅程、情感方向、信任证明和素材,再结合 Kie.ai 生成缺失的图片和视频,并通过验证 harness 截图检查关键帧。作者用它约 30 分钟重构了 AI Automation Society 网站,强调了'每个主张都要有证明'的设计理念,并展示了在多个不同类型网站上的多样化输出效果。

技术 › Skill Nate Herk 2026-08-2311.5 KB 258.6K 300 75