三个带着色器的JS滑块过渡?

问题描述 投票:0回答:0

我喜欢着色器,因为它提供了美丽的效果,而且我看到了很多像这样的滑块效果

https://codepen.io/dev_loop/pen/eYZqMwV

我尝试了很多在下面的滑块中实现相同的逻辑动画,但无法弄清楚这是如何完成的,因为他是动画图像而不是 3d 模型,无论如何,是否可以为 3d 模型制作动画,其效果与上面的 WEBGL 滑块相同当用户左右滑动时?

我制作了一个小滑块,与 useGesture 反应,通过 onDrag 事件左右移动幻灯片

https://codesandbox.io/s/cranky-tree-v9tqgy?file=/src/App.js

是否可以在幻灯片之间获得上述效果过渡并将其添加到我下面的幻灯片中?

reactjs three.js slider shader react-three-fiber
© www.soinside.com 2019 - 2024. All rights reserved.