JavaScript, Matter.js: 增加圆的半径

Question

我有一个小示例脚本，其中有一个圆（半径：40），它会掉到地上。但是当我将它的半径增加到 80 时，似乎只有圆的图形发生了变化，但物理没有变化：

<html>
<body></body>
</html>
<script src="matter.js"></script>
<script>
var Engine = Matter.Engine,
    World = Matter.World,
    Bodies = Matter.Bodies
engine = Engine.create(document.body,{render:{options:{wireframes: false}}})
engine.render.options.background = "#7f7f7f"
ground = Bodies.rectangle(400,590,800,20,{isStatic:true})
World.add(engine.world, ground)
circle = Bodies.circle(400,20,40,{render:{fillStyle:"#0000ff"}})
World.add(engine.world, circle)
Engine.run(engine)
setTimeout(increaseRadius, 1500)

function increaseRadius(){
  circle.circleRadius = 80
}
</script>

Answer 1

我的猜测是，使用您的方法，您还必须再次调用 World.add(engine.world, circle) 并且可能会删除先前半径较小的圆，因为引擎使用的副本圈子。或者，您可以在主体上调用缩放方法：http://brm.io/matter-js-docs/classes/Body.html#method_scale

JavaScript, Matter.js: 增加圆的半径

JavaScript, Matter.js: Increase radius of circle

javascript

physics-engine

matter.js