繁体   English   中英

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

[英]How can I simulate the movement of cloth in browser?

我想要模拟在浏览器中布料的细微运动(思考),将图像有效地放置在顶部,然后对运动进行背景处理吗? 这可能吗? 有效地将其想象为布料模拟,并在其顶部粘贴图像(因为这需要根据产品进行更改)。

希望这可以帮助。

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

您可以在每个像素的基础上处理图像,对其应用时间相关的转换,然后将其绘制在canvas元素上。

这将涉及一些有趣的数学运算,而主要关注之一将是性能,但我认为一个相当理想的实现应该可以在现代台式机上轻松实现。 它是否适用于移动设备取决于它们对HTML5的支持和处理能力。

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

向2D上下文添加像旗一样挥手

相关链接 -

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/canvas

https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial/Pixel_manipulation_with_canvas

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM