matter.js学习笔记（六）--Composites.softBody()制造布料或球网

chenqiong1991

于 2017-09-12 10:01:01 发布

阅读量2.3k

点赞数 3

分类专栏：学习笔记 matter.js

本文链接：https://blog.csdn.net/chenqiong1991/article/details/77941282

版权

本文介绍了如何利用matter.js库的Composites.softBody()方法创建类似布料或球网的软体效果。通过分析源码、设置参数、构造物体、固定顶部节点以及添加鼠标交互，详细展示了实现过程。最后展示了最终的动态效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

写在前面

matter.js QQ交流群：796728825

softBody，顾名思义，创造出软体。Creates a simple soft body like object。

1.源码。

Composites.softBody = function(xx, yy, columns, rows, columnGap, rowGap, crossBrace, particleRadius, particleOptions, constraintOptions) {
   
        particleOptions = Common.extend({ inertia: Infinity }, particleOptions);
        constraintOptions = Common.extend({ stiffness: 0.2, render: { type: 'line', anchors: false } }, constraintOptions);

        var softBody = Composites.stack(xx, yy, columns, rows, columnGap, rowGap, function(x, y) {
   
            return Bodies.circle(x, y, particleRadius, particleOptions);
        });

        Composites.mesh(softBody, columns, rows, crossBrace, constraintOptions);

        softBody.label = 'Soft Body';

        return softBody;
    };