Pasos y tiempos de animación del bloc de dibujo matemático en Schiavo Whiteboard
Hoy vi a algunos profesores enseñando matemáticas de escuela primaria sobre cómo entender el reloj, incluido el Animación del movimiento de la manecilla de las horas, los minutos y los segundos. Es poco realista y descabellado, por lo que me gustaría presentarles la configuración de esta animación de rotación, con la esperanza de que todos puedan aprenderla.
Usaré #Shivo白board# como ejemplo para hacerlo a continuación. Otras configuraciones como WPS y PPT son similares.
Abra NetEase News para ver maravillosas imágenes.
Cada segundo cuenta en matemáticas en tercer grado de primaria.
Abra NetEase News para ver maravillosas imágenes.
¿No es demasiado brusco mover la aguja así?
Mira cómo se elabora. Mucha gente hace esto: si dura 5 segundos, debe haber 5 imágenes del segundero.
Abra NetEase News para ver maravillosas imágenes.
Hay cinco imágenes del segundero
Luego, configure cada imagen del puntero con un efecto de animación de aparición y desaparición gradual, como se muestra en la siguiente figura. ¿Sientes que todo tu cuerpo no está bien? Si necesita modificarlo, será muy problemático.
Abra NetEase News para ver maravillosas imágenes.
El efecto de animación está configurado para aparecer y desaparecer gradualmente.
A continuación le presentaremos un método de producción correcto, espero que le resulte útil.
Mira primero el efecto de animación: ¿Es esto normal?
Abra NetEase News para ver maravillosas imágenes.
Animación normal del paso de la aguja
¿Cómo configurarla correctamente?
Primero necesitas la esfera y las manecillas del reloj. Le enviaré una imagen para descargar:
Needle
Abra NetEase News para ver las maravillosas imágenes.
Dial de reloj
Anima el puntero y configura "Rotación" en "Acciones". Aquí veremos que el puntero gira una vez por sí solo. La rotación no gira alrededor del centro de la esfera del reloj como el segundero. Esta rotación no cumple con nuestros requisitos. Muchos profesores se han encontrado con este problema en la producción real, por lo que se detuvieron allí porque descubrieron que este tipo de rotación no era lo que queríamos y ya no podían hacerlo.
De hecho, estás sólo un poco lejos del éxito. Por favor sigue leyendo.
Abra NetEase News para ver maravillosas imágenes.
Establecer acción: Girar
¿Por qué ocurre este problema?
La razón es que el punto central de la rotación del puntero está en el centro del puntero. Queremos que el puntero gire alrededor del punto debajo de él, así que lo que tenemos que hacer es mover el punto central hacia abajo. .
¿Dónde está el centro de rotación? Mire atentamente la imagen a continuación. En el centro del puntero hay un pequeño punto rojo, que es el punto central de rotación.
Abra NetEase News para ver maravillosas imágenes.
Este es el punto central de rotación.
Ahora necesitamos mover el punto central, es decir, presionar y mantener presionado el pequeño punto rojo con el botón izquierdo del mouse, y luego mover el mouse para mover el pequeño punto rojo al centro del círculo rojo. A continuación, es decir, el puntero girará alrededor de este punto en el futuro (centro del reloj en la esfera), este es el efecto de rotación que queremos ver.
Abra NetEase News para ver maravillosas imágenes.
Mueve el punto central al centro de la esfera del reloj.
Ya casi llegamos. Ahora necesita configurar el ángulo y el tiempo de rotación. Mire atentamente la imagen de abajo. La animación que se muestra en esta imagen gira el puntero 30 grados durante 5 segundos. Así que este es el proceso de la segunda mano que va del número 12 al número 1. Tarda 5 segundos y el ángulo es de 30 grados.
¿Cómo configurar el tiempo de caminata en 1 segundo? El método es: establezca el tiempo de animación en 1 segundo y el ángulo en 6 grados.
El método de cálculo del ángulo: 360 grados en un círculo completo, 1 hora y 60 minutos, 1 celda 360 ÷ 60 = 6 grados.
Si quieres que el puntero vaya de 12 a 3, es 90 grados, 360 ÷ 4 = 90 grados. Otros lugares deberían olvidarse. Lo que hay que tener en cuenta aquí es que el tiempo y el ángulo deben coincidir; de lo contrario, el efecto de animación será falso.
Abra NetEase News para ver maravillosas imágenes.
Establece el tiempo de animación en 5 segundos y el ángulo en 30 grados.
Echemos un vistazo al proceso de configuración completo. Mire atentamente la siguiente animación: