Película
La película es la raíz de su animación. Esta contiene todas las principales propiedades y eventos de su animación. Aquí, puede establecer las propiedades básicas como el ancho, alto y título de la animación. También puede agregar código script que se ejecutará cuando termine la animación, o cada vez que se actualize. Puede acceder rápidamente a las propiedades de la película en cualquier momento haciendo clic en el icono de pelicula localizado en la parte superior izquierda de las propiedades.
Propiedades
Ancho
• El ancho de la película en píxeles.
|
Alto
• La altura de la película en píxeles.
|
Escalar
• Cómo la película ajusta su tamaño al espacio disponible.
|
Ninguno: La película no se escala.
Centro: La película se centra en el espacio disponible sin ser escalada.
Relleno: La película rellenará el espacio disponible, si la proporción es diferente se recortará la película.
Ajuste: La película rellenará el espacio disponible, si la proporción es diferente se rellenará con bandas negras.
Estirar - La película rellenará el espacio disponible. La proporción no se conservará.
Color de fondo
• El color de fondo.
|
Fondo Transparente
• El fondo de la película será transparente. Esto sólo funciona en HTML.
|
Escalar Imagen de Fondo
• Cómo se adapta la imagen de fondo para que se ajuste al espacio disponible.
|
Centro de la imagen no es escalado y centrada en el espacio disponible.
Llenado – la imagen llena el espacio disponible, si la relación es diferente y luego la imagen se recortarán.
Caber – la imagen llena el espacio disponible, si la relación es diferente, entonces el espacio será buzón.
Colocar centro – si la imagen es más grande que el espacio disponible, se utiliza el ajuste. Si la imagen es más pequeña que el espacio disponible, se centra.
Tramo - la imagen llena el espacio disponible. La relación no se conservarán.
Imagen de Fondo
• Una imagen de fondo.
|
Gestos tactiles
• Permite la exportación a HTML la posibilidad de largas pulsaciones, deslizamientos y zooms en teléfonos y dispositivos táctiles.
|
Desactivar Menú
• Desactiva el menú contextual del botón derecho del ratón.
|
Clip
• Recortar elementos sobrantes.
|
Bucle
• La película se reproducirá cíclicamente.
|
Reproducción Automática
• La película se reproducirá automáticamente.
|
Velocidad
• La velocidad de la película. El valor predeterminado es 1 ó 12 fotogramas por segundos. 2 es el doble de velocidad o 24 fotogramas por segundo. 0.5 es la mitad de velocidad. 0 es parado. -1 es inversa.
|
Al Hacer Clic
• El script se ejecutará cuando se haga clic o se pulse con el dedo.
|
alert(X+" , "+Y);
Usar Liberar
• Permite el uso de scripts separados al pulsar en la película y al dejar de pulsarla. En caso contrario el script sólo será ejecutado cuando se pulsa y se suelta sobre la película. Con la opción 'Al Hacer Click' activada sólo se ejecutará cuando se pulse sobre la película.
|
Al Liberar
• El script será ejecutado cuando se suelte el botón del ratón o el dedo de la pantalla tactil.
|
Al Pasar
• El script se ejecutará cuando el ratón se mueve sobre el elemento. Este valor sólo estará disponible con 'Usar Ratón Sobre'.
|
Al Salir
• El script se ejecutará cuando se mueva el ratón hacia fuera del elemento. Este valor sólo estará disponible con 'Usar Ratón Sobre'.
|
Todos los scripts de eventos de ratón/pantalla táctil 'On click', 'On move' y 'On Release' incluyen tres variable. 'X' La coordenada x del ratón/pantalla táctil. 'Y' La coordenada y del ratón/pantalla táctil. 'MouseButton' El botón del ratón que ha sido pulsado, 1 es el botón izquierdo, 2 es el botón derecho.
Al Iniciar
• El script será ejecutado cuando se inicia la película. Esta función se ejecutará sólo cuando la opción 'Auto' esté desactivada.
|
Al Actualizar
• El script será ejecutado cada vez que actualiza la película. Esto podría repetirse muchas veces por segundo. La frecuencia dependerá de la velocidad del navegador web y de la complejidad de la película.
|
El script de evento 'On Update' incluye dos variable. 'TimeChange' El tiempo transcurrido desde la última actualización de la película. Un tiempo 1, equivale a 1 fotograma. 'SecondsChange' Los segundos transcurridos desde la última actualización.
MyTimer+=TimeChange; //Time Passed
Al Escalar
• El script para será ejecutado cuando el navegador web o dispositivo sea redimensionado o rotado.
|
Al Terminar
• El script se ejecutará cuando termine la película. Este script sólo será ejecutado cuando la opción 'Bucle' esté apagada.
|
GetUrl("NextMovie.html");
Al Pulsar Tecla
• El script se ejecutará cuando se pulse una tecla del teclado. Este script de evento incluye la variable 'Key', que es el valor unicode de la tecla que se ha pulsado.
|
alert(Key);
Al Liberar Tecla
• El script se ejecutará al liberar una tecla del teclado. El script del evento incluye la variable 'Key', que es el valor unicode de la tecla que se ha liberado.
|
No JavaScript
• Este mensaje aparece en el HTML exportado si JavaScript no está disponible o se ha desactivado en el navegador web.
|
<b>Message</b><br />
This web browser does not support javascript.<br />
Cargador
• Editar el cargador.
|
Título
• El título de la película cuando se exporta.
|
Icono
• El icono de la película. Se mostrará en los navegadores web para representar la página. También puede ser usado como icono en la pantalla de inicio de los dispositivos Apple.
|
Cursor
• Cambiar el cursor del ratón. Los cursores son ignorados en los dispositivos táctiles.
|
Cursor Personalizado
• Cambiar el cursor por un cursor de la biblioteca.
|
No En Caché
• No almacenar en caché esta película cuando se exporta como una página Web HTML.
|
Color Ambiental
• Internet Explorer 6-8 no muestra los bordes de los objetos semitransparentes correctamente. Este color promedio se utiliza como un color de fondo para los contornos. El color del fondo de la película es el que generalmente funciona mejor.
|
Autor
• Su nombre o el nombre de su empresa puede almacenarse en el archivo HTML exportado.
|
Sitio web
• El sitio web de autores puede incluirse en widgets exportados.
|
Correo electrónico
• La dirección de correo electrónico autores puede incluirse en los widgets exportados.
|
Descripción
• En el archivo HTML exportado puede almacenarse una descripción de la película. Esto ayuda a los motores de búsqueda a localizar la película.
|
HEAD
• Añadir código HTML personalizado en la etiqueta HEAD al exportar a HTML.
|
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@Hippani" />
<meta name="twitter:title" content="HTML Animation with Hippani Animator" />
<meta name="twitter:domain" content="www.Hippani.com" />
<meta name="twitter:description" content="This is an example twitter card. It adds more information to twitter tweets." />
<meta name="twitter:image" content="https://www.Hippani.com/Images/MediumHippo2.png" />
BODY
• Añadir código HTML personalizado en la etiqueta BODY al exportar a HTML.
|
Google Analytics
• Rastrear el archivo HTML exportado en Internet utilizando Google Analytics. Debe estar en formato UA-123456-7.
|
Script
Reproducir
• Reproducir la película.
Play();
|
Parar
• Detener la película.
Stop();
|
Ir y Reproducir
• Reproducir la película desde un fotograma específico. Por ejemplo: GotoAndPlay(100).
GotoAndPlay(Fotograma:Número);
|
Ir y Detenerse
• Ir a un fotograma específico de la película y detenerse. Por ejemplo: GotoAndStop(100).
GotoAndStop(Fotograma:Número);
|
Reproducir Clip
• Reproducir un clip de película de principio a fin. Por ejemplo, PlayClip(100,200).
PlayClip(Inicio:Número,Final:Número);
|
Reproducir Bucle
• Reproducir un clip de película de principio a fin continuamente. Por ejemplo, PlayLoop(100,200).
PlayLoop(Inicio:Número,Final:Número);
|
Reproducir y Continuar Bucle
• Reproducir un clip de la película de principio a fin. Después reproducir un bucle. Por ejemplo, PlayThenLoop(100,180,200) Comenzará en fotograma 100 hasta el 200 después continuará en bucle desde el 180. El fotograma del inicio del bucle podría ser anterior al fotograma marcado como de inicio.
PlayLoop(Inicio:Número,InicioDeBucle:Número,Final:Número);
|
Pausa
• Hacer una pausa en la película. Es como Stop() pero sin interrupir clips o bucles que se estén reproduciendo.
Pause();
|
Reanudar
• Reanudar la película. Es como Play() pero sin interrupir clips o blucles que se estén reproduciendo.
Resume();
|
Obtener Tiempo
• Devuelve el tiempo actual de la escena. Es un valor real tipo coma flotante.
GetTime();
|
Establecer Tiempo
• Establecer el tiempo actual de la escena.
SetTime(Fotograma:Número);
|
Obtener Fotograma
• Devuelve el fotograma actual de la escena. Es similar al tiempo salvo que es un número entero.
GetFrame();
|
Establecer Fotograma
• Establecer el fotograma actual de la escena. Es como ajustar el tiempo, pero sólo puede ser un número entero.
SetFrame(Fotograma:Número);
|
Obtener Velocidad
• Obtener la velocidad de la película. El valor predeterminado es 1. 2 es de doble de velocidad. 0.5 es la mitad de velocidad. 0 es parado. -1 es inversa. En la inversa el fotograma inicial de cualquier bucle o clip debería ser un número mayor que el fotograma final.
GetSpeed();
|
Establecer Velocidad
• Establecer la velocidad de la película. El valor predeterminado es 1. 2 es de doble velocidad. 0.5 es la mitad de velocidad. 0 es parado. -1 es inversa. En la inversa el fotograma inicial de cualquier bucle o clip debería ser un número mayor que el fotograma final.
SetSpeed(Velocidad:Número);
|
Mover Elemento al Frente
• Traer al elemento al primer plano de la capa.
ItemMoveToFront("Script ID");
|
Mover Elemento Adelante
• Subir al elemento un nivel en la capa.
ItemMoveForward("Script ID");
|
Movel Elemento Atrás
• Bajar al elemento un nivel en la capa hacia.
ItemMoveBackward("Script ID");
|
Mover Elemento al Fondo
• Enviar al elemento al fondo de la capa.
ItemMoveToBack("Script ID");
|
Eliminar elemento
• Eliminar un elemento de una capa mediante script. Esto sólo funciona para los elementos que no usan la línea de tiempo.
ItemDelete("Script ID");
|
Duplicar Elemento
• Duplicar un elemento de una capa mediante un script. Esto sólo funciona para los elementos que no usan la línea de tiempo.
ItemDuplicate("Script ID","Nuevo Script ID");
|
var Box2=ItemDuplicate("OriginalBox","Box2");
var Circles=new Array();
for(var i=0;i<10;i++){
Circles.push(ItemDuplicate("OriginalCircle","Circle"+i));
}
Esta documentación fue traducida del inglés, utilizando un traductor en línea. Le pedimos disculpas si encuentra algún error. Si desea que nos ayude a hacer las correcciones. Hay un editor de traducciones en Hippani Animator (en el menú Ayuda). Que damos claves de licencia gratis a cualquiera que corrige más de 100 frases. Póngase en contacto con nosotros para más detalles.