Movimiento Circular

Al proyectarse el movimiento circular de una partícula en las componentes cartesianas, se observa una oscilación.

Demo rebote

Y = -½gt² + V_0Yt + Y₀
V_Y = -gt + V_0Y

Velocidad final(m/s):

Posición inicial(Metros):

Gravedad (g: m/s²):

---

Demo ejemplo caída libre

Toca modificar esta plantilla de blogger, ya que no deja alinear los elementos cómo quisiera, pero primero se pueden modificar los datos en el formulario de abajo, y luego se devuelven hasta el campo de simulación y dependiendo de la pantalla de su cel, pueden aún ver el botón de iniciar. 😐

---

Y = -½gt² + V_0Y + Y₀
V_Y = -gt + V_0Y

Gravedad (g):

Tiempo (t):

Velocidad inicial(V₀):

Posición inicial(Y₀):

Velocidad actual(V):

Posición actual(Y):

---

Demo básico probando ecuaciones de cinemática.
1. Todavía falta afinar las "colisiones" de un modo menos rústico.
3. Se pueden usar las ecuaciones para calcular posición y velocidad.
4. La masa de la pelota es despreciable.
5. La ecuación se programa al revés por que a diferencia del cuadrante I del plano cartesiano, el computador grafica con el punto (0,0) en la esquina superior izquierda, aumentando normalmente en X de izquierda a Derecha, pero las posiciones en Y, aumentan de Arriba hacia Abajo. Casí cómo si fuera el cuarto cuadrante del plano cartesiano.
6. Se pueden usar funciones para convertir la pantalla en un plano cartesiano estandar, pero tocaría ver el costo de los cálculos y el rendimiento.
7. Al usar requestAnimationFrame, no se puede controlar bien el tiempo exacto de dibujo, por lo tanto al hacer simulaciones con aceleración, parece que la pelota se clavara en el piso o paredes. Esto debe poderse calibrar de algún modo que no consuma tantos recursos, pero eso lo dejaré para luego.

Post anterior: Rebote básico

Ejemplo animación con canvas

Rebote básico

Este es un demo muy básico.
1. Ya sé que hay modos mejores para hacerlo.
2. Sé que existen herramientas y ejemplos.
3. Quiero programar mi propia librería.
4. Si tienen dudas de dónde aprender, he estado usando mdn y stackoverflow, específicamente estos enlaces:


https://stackoverflow.com/questions/8205828/html5-canvas-performance-and-optimization-tips-tricks-and-coding-best-practices


https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API

5. Tengo ideas para hacer simulaciones de física y matemáticas, pueden revisar el código que vaya haciendo, y si tienen dudas puntuales extremadamente difíciles, les puedo responder, para lo demás está el omnipotente google!!!