使用 Claude、Three.js 和 GSAP 打造滚动叙事网站的工作流程
来自 Wikiprompt，自由的提示词百科全书
使用 Claude、Three.js 和 GSAP 打造滚动叙事网站的工作流程 逐步构建滚动驱动叙事网站的工作流程，由 Claude 生成代码，配合 Three.js、GSAP ScrollTrigger 和 Lenis 平滑滚动进行样式设计。
相关媒体
提示词内容收藏
译自英文 ·
第1步，向Claude提示：“构建一个讲故事网站，每个滚动部分揭示新章节，并带有流畅的颜色过渡。”
第2步：使用Three.js制作一个随光标反应的绘画纹理背景。
第3步，向Claude提示：“添加GSAP ScrollTrigger，使每个部分以电影场景的方式动画进入。”
第4步：使用Lenis.js实现高级网站所具有的黄油般平滑滚动。
登录后即可复制此提示词并保存到你的收藏
登录用法
此提示词专为 coding 设计。复制上方内容并粘贴到你常用的 AI 工具中。
为获得最佳效果，可将占位符（方括号或大写字母标示）替换为你的具体需求。
讨论
0 条评论