string(5) "webgl" TAGS:webgl 寻技术

TAGS:webgl

使用 React Three Fiber 和 GSAP 实现 WebGL 轮播动画

参考:Building a WebGL Carousel with React Three Fiber and GSAP 在线 demo github 源码 效果来源于由 Eum Ray 创建的网站 alcre.co.kr,具有迷人的视觉效果和交互性,具有可拖动或滚动的轮播,具有有趣的图像展示效果。 本文将使用 WebGL、React Three Fiber 和 GSAP 实现类似的效果。通过

React 2024年01月03日  110

H5 WebGL实现水波特效

前言 零几年刚开始玩电脑的时候,经常在安装程序上看到一种水波特效,鼠标划过去的时候,就像用手在水面划过一样,感觉特别有意思。但是后来,就慢慢很少见过这种特效了。最近突然又想起了这种特效,于是开始折磨怎么实现这种效果。 思路 我们知道,水波的运动轨迹可以看成随时间变化的三角函数,那么我们可以记录每个水波形成的原点和运行时间,就能知道任一时刻水波的高度。但是,这种方法的运算量会随着水波数量而线性增长

Html/CSS 2023年09月09日  46

关闭

用微信“扫一扫”