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