WebGL 交互式沙瓶逼真流沙物理特效,粒子沙子堆积模拟动画

沙瓶物理模拟

WebGL 交互式沙瓶逼真流沙物理特效,粒子沙子堆积模拟动画

这是一款交互式沙瓶物理模拟特效,基于 WebGL GPU 渲染技术实现,支持按键旋转瓶身、指针绘制沙粒,真实还原沙子自然堆积与流动的物理特性。效果通过旋转重力向量实现瓶身转动观感,全程 GPU ...

单元素沙漏预加载器 ⏳ - 利用CSS clip-path的创意加载动画

沙漏加载器

单元素沙漏预加载器 ⏳ - 利用CSS clip-path的创意加载动画

这是一款仅使用一个HTML元素构建的沙漏预加载器效果,核心技术是CSS的clip-path属性。通过巧妙地利用clip-path,可以创建出两个重叠的三角形,形成沙漏的形状。配合CSS动画,模拟...