logongas

Herramientas de usuario

Herramientas del sitio

Ocultar Menú
Traza:
clase:daw:diw:2eval:tema08

Diferencias

Muestra las diferencias entre dos versiones de la página.

Enlace a la vista de comparación

Ambos lados, revisión anterior Revisión previa
Próxima revisión 		Revisión previa
clase:daw:diw:2eval:tema08 [2025/01/30 21:30]
admin [8. Animaciones] 		clase:daw:diw:2eval:tema08 [2025/04/14 18:28] (actual)
admin [8. Animaciones]
Línea 17: Línea 17:
   * [[https://codepen.io/miocene/pen/WJRXVg|Cuadros animados]]   * [[https://codepen.io/miocene/pen/WJRXVg|Cuadros animados]]
   * [[https://codepen.io/miocene/pen/NWRWQpX|Monument Valley]]   * [[https://codepen.io/miocene/pen/NWRWQpX|Monument Valley]]
 +
  
 Lo mas importante de las animaciones es usarlas cuando tengan sentido y no solo como una moda o capricho. Es decir hay que usarlas cuando aportan algo al usuario. Un artículo que lo explica muy bien es el siguiente: [[https://css-tricks.com/ground-rules-for-web-animations/|Ground Rules for Web Animations]]. Lo mas importante de las animaciones es usarlas cuando tengan sentido y no solo como una moda o capricho. Es decir hay que usarlas cuando aportan algo al usuario. Un artículo que lo explica muy bien es el siguiente: [[https://css-tricks.com/ground-rules-for-web-animations/|Ground Rules for Web Animations]].
Línea 32: Línea 33:
   * Animaciones que no aportan nada.   * Animaciones que no aportan nada.
     * [[https://pitch.com/]]     * [[https://pitch.com/]]
 +    * [[https://iaeducativa.org/iaeducativa-day/|IAEducativa Day]]
  
  
Línea 468: Línea 469:
 Mas información: Mas información:
   * [[https://www.w3schools.com/jsref/met_win_settimeout.asp|Timeout]]   * [[https://www.w3schools.com/jsref/met_win_settimeout.asp|Timeout]]
 +
 +=== Movimiento de una campana ===
 +En este apartado podéis ver el movimiento real que haría una camapana. Para hacer el movimiento real se han usado las fórmulas físicas que describen el movimiento de dicha campana.
 +Está con rozamiento y sin él.
 +
 +  * {{ :clase:daw:diw:2eval:campana.html |}}: Ejemplo de movimiento de la campana
 +  * {{ :clase:daw:diw:2eval:calculos_movimiento_campana.xlsx |}}: Excel con el cálculo de los movimiento siguiendo la fórmula física
 +
 +
 +//El ejemplo es gracias a Àngela Hermosilla, licenciada en físicas y estudiantes de este ciclo de DAW//.
  
 ===== Animaciones simétricas ===== ===== Animaciones simétricas =====
clase/daw/diw/2eval/tema08.1738269026.txt.gz · Última modificación: 2025/01/30 21:30 por admin

Herramientas de la página

Excepto donde se indique lo contrario, el contenido de este wiki esta bajo la siguiente licencia: GNU Free Documentation License 1.3
GNU Free Documentation License 1.3 Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki