JavaScript - como puedo rotar un cuerpo con un tween

 
Vista:
sin imagen de perfil
Val: 3
Ha disminuido su posición en 21 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

como puedo rotar un cuerpo con un tween

Publicado por jorge (2 intervenciones) el 19/02/2019 20:13:55
estoy intentando rotar un cuerpo que yo habia creado con un tween, pero este ya aparece rotado cuando abro mi pagina, estoy utilizando matter js (http://brm.io/matter-js/) y tween js (https://www.createjs.com/tweenjs), matter no tiene tween, por esa misma razon estoy utilizando tween js, pero al parecer no lo estoy haciendo funcionar de la mejor manera

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
$(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);
});
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de ScriptShow
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

como puedo rotar un cuerpo con un tween

Publicado por ScriptShow (692 intervenciones) el 20/02/2019 11:29:36
Saludos Jorge,

un ejemplo en JavaScript compatible, adaptable, ampliable, etc...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<style>
#demo {
margin:auto;
width:200px;
height:200px;
background:lightblue;
-webkit-transition:all .8s;
-ms-transition:all .8s;
transition:all .8s;
}
</style>
 
<button onclick="test()">Rotar</button>
 
<div id="demo">
<h2> DIV, IMG, Etc... </h2>
</div>
 
<script>
function test() {
document.getElementById("demo").style.WebkitTransform = "rotate(48deg)";
document.getElementById("demo").style.msTransform = "rotate(48deg)";
document.getElementById("demo").style.transform = "rotate(48deg)";
}
</script>

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
sin imagen de perfil
Val: 3
Ha disminuido su posición en 21 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

como puedo rotar un cuerpo con un tween

Publicado por jorge (2 intervenciones) el 20/02/2019 19:31:21
muchas gracias, pero estoy intentando mover cuerpos que estan en el canvas, la cuestion es que cuando estan dentro del document. ready realiza el movimiento, pero si esta afuera mi funcion document.ready, dice que no puede realizar esa operacion
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar