如何在浏览器中模拟布料的移动



我希望在浏览器中完全模拟布料的微妙运动(想想波浪),将图像有效地放置在顶部,然后让背景处理运动?这可能吗?有效地将其想象成一个布料模拟,图像(因为这需要根据产品进行更改)粘在它上面。

希望这有帮助。

也很高兴知道这是否也可以在手机上使用。

您可以按

像素处理图像,对其应用与时间相关的转换,并在画布元素上绘制图像。

它将涉及一些有趣的数学,主要关注点之一是性能,但我认为一个相当优化的实现应该在现代桌面上轻松工作。它是否适用于移动设备取决于它们的HTML5支持和处理能力。

您可能想从简单的事情开始,例如这个问题

将旗帜状挥手添加到 2D 上下文

相关链接 -

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/canvas

https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas

最新更新