Ver Mensaje Individual
  #4 (permalink)  
Antiguo 23/03/2014, 11:22
Avatar de Alexis88
Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 6 meses
Puntos: 977
Respuesta: ¿Como representar una trayectoria? [sin transiciones CSS]

Francamente, no se me ocurre cómo hallar las magnitudes de los vectores que forman un ángulo dado si no tengo al menos la magnitud de uno de ellos. Lo más cercano que llegué a estar es realizando el desplazamiento pero dando valores a los vectores.

Código Javascript:
Ver original
  1. var div = document.getElementsByTagName("div")[0],
  2.     limX = prompt("Eje X:"),
  3.     limY = prompt("Eje Y:"),
  4.     x = 0, y = 0,
  5.     fn = function(){
  6.         if (++x <= limX)
  7.             div.style.top = x + "px";
  8.        
  9.         if (++y <= limY)
  10.             div.style.left = y + "px";
  11.        
  12.         if (div.style.top == limX + "px" && div.style.left == limY + "px")
  13.             clearInterval(intervalo);
  14.     },
  15.     intervalo = setInterval(fn, 50);

De este modo, el Div se desplazará hasta los límites dados.

DEMO

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand