javascript - 如何使用补间旋转身体？

Question

我正在尝试旋转我创建的主体，但是在刷新页面时它会出现旋转，我使用了matter js（http://brm.io/matter-js/）和tween js（https://www.createjs .com/tweenjs )，may js 没有补间，因此我使用了补间 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);
});

Answer 1

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