我试图找到可用于创建涂抹/液化效果的信息或示例,这些效果会持续动画回原始状态.
最初我正在考虑使用three.js或pixi.js渲染一些文本,然后使用鼠标事件和光线投射将网格拖出位置,我发现最接近的是这个.
https://codepen.io/shshaw/pen/qqVgbg
let renderer = PIXI.autoDetectRenderer(window.innerWidth,
window.innerHeight, { transparent: true });
我认为理想情况下我会将文本渲染为图像,然后涂抹效果将应用于像素,并且它们会慢慢地动画回原始状态.与此类似.
http://www.duhaihang.com/#/work/
我想我可能需要使用自定义的GLSL着色器和某种缓冲区来保持构成图像的像素的原始状态和当前状态.
任何帮助或方向将不胜感激.