
燃烧弹出框
WebGL 实现弹窗以火焰燃烧特效消失效果 - 让DOM元素动态燃起来这是一款主要基于WebGL+GSAP+three.js技术实现的动态火焰燃烧特效,可让弹窗(Pop-Up)、按钮或其他DOM元素在点击交互时呈现逼真的燃烧动画消失效果。火焰可随交互实时变化,支持...

触屏生花
WebGL实现点击屏幕随机长出一株漂亮小花效果古有“妙笔生花”,今有“触屏生花”,这是一款创意绘画交互效果,基于WebGL结合Three.js技术实现,通过点击触发花朵粒子生成,将用户操作转化为即时绽放的彩色花丛,适用于艺术创作平台、儿童教...

旋转地球仪
Three.js SVG交互式三维旋转地球仪(矢量地图WebGL渲染方案)这是一款交互式三维转动地球仪,基于Three.js+SVG+GSAP技术实现,通过将平面矢量地图动态投影到WebGL球体表面,清晰的展示国家与地区的分布,并且支持鼠标悬停展示名称,同时还支持通过...

燃烧扩散
滚动触发的WebGL火烧纸张火焰逐渐扩散过渡效果(GSAP联动方案)这是一款视差火焰撕裂纸张过渡效果,基于WebGL+GSAP ScrollTrigger技术实现,通过动态燃烧的粒子动画与滚动深度精准绑定,适用于叙事型网页、产品发布会等需要戏剧性场景转换的高冲击...

液态遮罩
WebGL液态汽油花遮罩内容揭示效果,挥舞鼠标散开油渍液体关键内容逐渐显示这是一款液态内容揭示效果,基于WebGL技术实现,通过鼠标移动散开动态的液体遮罩,平滑地展示隐藏内容,适用于高端产品展示、创意网站开场等需要吸引用户注意力的场景。

太空穿梭
基于WebGL与Canvas实现的星际迷航风格 3D 太空穿梭着色器这是一款受 SpaceX 星舰测试启发的 片段着色器(Fragment Shader) 特效,通过 GLSL 代码模拟宇宙飞船穿越星云或气态巨行星的科幻场景,适用于太空模拟、科幻游戏或 WebG...

黑洞动画
WebGL 鼠标光标驱动的旋涡黑洞动画效果基于WebGL技术在Canvas画布中实现的黑洞动画效果,会在鼠标箭头的周围形成科幻感极强的黑洞动画效果,当鼠标移动时黑洞会随之移动,是通过 WebGL 的 2d 技术实现的,实时的通过JS计算...