我如何用补间旋转身体?

时间:2019-02-19 08:03:32

标签: javascript canvas game-physics tween matterjs

我正在尝试旋转我创建的主体,但是刷新页面时它似乎旋转了,我使用了物质js(http://brm.io/matter-js/)和补间js(https://www.createjs.com/tweenjs),物质js却没有t具有补间,因此出于这个原因,我使用了补间js,但无法正常工作

$(document).ready(function() {
    //walls
    barra_izquierda_vaso_moleculas = Bodies.rectangle(200,200,10,200,{isStatic: true});
    barra_derecha_vaso_moleculas = Bodies.rectangle(500,200,10,200,{isStatic: true});
    barra_inferior_vaso_moleculas = Bodies.rectangle(350,300,300,10,{isStatic: true});

   //construction of my body
   vaso_moleculas = Body.create({
      parts: [barra_izquierda_vaso_moleculas, barra_derecha_vaso_moleculas, barra_inferior_vaso_moleculas],
      restitution: 0,
      friction: 0,
      frictionStatic: 0,
      frictionAir: 0,
      inertia: Infinity,
      mass: 1,
      isStatic: true,
   });

   // add to world
   World.add(world, vaso_moleculas);

   //tween
   createjs.Tween.get(vaso_moleculas).to(2, 9000);
});

1 个答案:

答案 0 :(得分:0)

您可以使用p5.js绘制形状,并在draw()循环中,将背景设置为较低的alpha,例如background( 0, 32 )。这将产生运动模糊或补间的错觉。您可以here看到它。