经过长时间的搜索,我找不到解决我面临的问题的方法,
我有一个用 Three.js 制作的场景,其中包含:
- 帆布
- 现场
- 相机
- 一个平面几何(显示桌面屏幕)
- 4 在我们滚动时移动到特定位置的图钉
- 当引脚到达他们需要到达的位置时,一些消息会弹出并消失。
现在,桌面屏幕正在通过 y 轴移动(这是我想要的),但我希望它被固定在某个位置一段时间,而引脚和消息正在移动,然后它又开始移动.
我与你分享一个织机视频,这样你就可以想象我在这里试图解释的内容。
动画是使用 GSAP 的 ScrollTrigger 制作的。我不知道这是否是使用 Three.js 执行动画的最佳方式,还是我应该开始考虑另一种选择。
动画的织机视频:https ://www.loom.com/share/a40cdd63bbeb47298fb211994b2e89ba