PhysicsJS - 在它的末尾创建绳索并附加一些东西

Question

问题1:
我是PhysicsJS的新手,我试图创建一条绳索,其中包含" 篮子角色约束 "
这样的东西:JSFiddle
如你所见,这条绳子不自然!(摩擦,绳索,稳定时间......)并且通过增加绳索的长度,它变得更糟!
首先我认为,通过增加绳索颗粒的质量,它会更快地减速,但......

var basket = [];
var fpos = window.innerWidth / 2;
var epos = window.innerHeight / 2;
for ( var i = fpos; i < fpos + epos; i += 5 ){

    l = basket.push(
        Physics.body('circle', {
            x: i
            ,y: 50 - (i-fpos)
            ,radius: 1
            ,restitution: 0
            ,mass: 1000
            ,conf: 1
            ,hidden: true
        })
    );

    rigidConstraints.distanceConstraint( basket[ l - 1 ], basket[ l - 2 ], 2 );
}

问题2:解决
之后,我怎么能这样做:(
在绳子的末端附上一个矩形框)

Answer 1

您可以添加一个框并将其附加到绳子的末端:

var box = Physics.body('rectangle', {
    x: i
    ,y: 50 - (i-fpos)
    ,width: 60
    ,height: 60
    ,styles: { fillStyle: '#fff' }
});

rigidConstraints.distanceConstraint( basket[ l - 1 ], box, 2 );

world.add(box);

这导致类似这样的结果:http://jsfiddle.net/REGCU/14/ 但不幸的是,目前还没有办法处理如你所绘制的框边缘添加约束.

这是一个突出的问题:https://github.com/wellcaffeinated/PhysicsJS/issues/5