← 返回伟伟小屋
JELLY MOTION
THREE.JS / WEBGPU / SOFT BODY 001

DRAG · RELEASE · BOUNCE

果冻,
有一点弹。

按住这块莓果色软体,拖向任意方向。松手以后,惯性会把它带回原位,余韵一圈圈变小。

INITIALIZING RENDERER拖拽模型任意一点
SOFT BODY / MASS–SPRING FIELDREADY TO SQUISH
54%
28%

惯性回弹是怎么来的?

每个网格顶点都是一个带质量的质点,三角网格边是弹簧。使用半隐式 Euler 积分计算弹簧力、恢复力和速度阻尼;拖拽时影响按距离向周围顶点扩散,松手后保留当前速度,所以会自然回弹并衰减振荡。

柔和透光从哪里来?

材质使用 Three.js MeshPhysicalMaterial 的 transmission、thickness、IOR、attenuationColor 与 clearcoat。WebGPU 渲染器负责高质量物理光照,正面高光与背面透光叠加出近似次表面散射的莓果果冻质感。