用Claude构建滚动叙事网站(Three.js + GSAP)
来自 Wikiprompt，自由的提示词百科全书
用Claude构建滚动叙事网站(Three.js + GSAP) 一份简短的构建方案,用于借助Claude进行电影感滚动叙事网站的vibe coding,将两个提示词与Three.js、GSAP ScrollTrigger和Lenis.js结合使用。
相关媒体
提示词内容收藏
🌐
第1步，提示词：
"构建一个故事叙述网站，每个滚动区域揭示一个带有流畅色彩过渡的新章节。"
第2步，使用Three.js制作会对光标做出反应的绘制纹理背景。
第3步，提示词：
"添加GSAP ScrollTrigger，让每个区域像电影场景一样在滚动进入时产生动画。"
第4步，使用Lenis.js实现高端网站那种丝滑顺畅的滚动效果。
用法
此提示词专为 coding 设计。复制上方内容并粘贴到你常用的 AI 工具中。
为获得最佳效果，可将占位符（方括号或大写字母标示）替换为你的具体需求。
讨论
0 条评论