Filmato
Il film è la radice della tua animazione. Esso contiene tutte le principali proprietà e gli eventi di animazione. Qui, è possibile impostare le proprietà di base come la larghezza, altezza e titolo della vostra animazione. È inoltre possibile aggiungere script che viene eseguito quando l'animazione si conclude, o ogni volta che aggiorna. È possibile accedere rapidamente il film proprietà in qualsiasi momento cliccando l'icona del film in alto a sinistra delle proprietà.
Proprietà
Larghezza
• La larghezza del filmato in pixel.
|
Altezza
• L'altezza del filmato in pixel.
|
Scala
• Come il filmato scala per adattarsi allo spazio disponibile.
|
Nessuno – il filmato non viene ridimensionato.
Centro – il filmato non è ridotto ed è centrato nello spazio disponibile.
Riempimento – il filmato riempie lo spazio disponibile, se il rapporto è diverso verrà ritagliato.
Adatta – il filmato riempie lo spazio disponibile, se il rapporto è diverso saranno introdotte bande nere in alto e in basso.
Tratto - il filmato riempie lo spazio disponibile. Il rapporto non sarà conservato.
Colore di sfondo
• Il colore di sfondo.
|
Sfondo trasparente
• Lo sfondo del filmato è trasparente. Questo funziona solo per HTML.
|
Adatta immagine di sfondo
• Come l'immagine di sfondo scala per adattarsi allo spazio disponibile.
|
Centro – l'immagine non viene ridimensionata e centrato nello spazio disponibile.
Riempimento – l'immagine riempie lo spazio disponibile, se il rapporto è diverso, poi l'immagine verrà troncata.
Fit – l'immagine riempie lo spazio disponibile, se il rapporto è diverso, allora lo spazio sarà letterbox.
Fit Center – se l'immagine è maggiore dello spazio disponibile, viene utilizzata la vestibilità. Se l'immagine è più piccola di spazio disponibile, che è centrato.
Tratto - immagine riempie lo spazio disponibile. Il rapporto non sarà conservato.
Immagine di sfondo
• Un'immagine di sfondo.
|
Gesti touch
• Consenti l'esportazione HTML per sostenere lunghe pressioni, lo scorrimento e lo zoom su telefoni cellulari e dispositivi.
|
Disattiva Menu
• Disattiva il menu del tasto destro.
|
Ritaglia
• Ritaglia gli elementi fuori dai bordi.
|
Ciclo Continuo
• Quando il filmato si fermerà inizierà nuovamente.
|
Auto Play
• Il filmato verrà riprodotto automaticamente.
|
Velocità
• La velocità del film. Il valore predefinito è 1, o 12 fotogrammi chiavi per secondi. 2 è doppia velocità, o 24 fotogrammi chiave al secondo. 0,5 è mezza velocità. 0 viene arrestato. -1 è inversa.
|
Al Clic
• Lo script deve essere eseguito quando cliccato o premuto.
|
alert(X+" , "+Y);
Utilizza Rilascio
• Consentire gli script separati essere utilizzato quando il filmato viene premuto e rilasciato. In caso contrario script viene utilizzato solo quando il film viene premuto e poi rilasciato. Con questa opzione 'Al Clic' viene utilizzata solo quando viene premuto il film.
|
Sul rilascio
• Lo script da eseguire quando il mouse è unclicked o toccare è rilasciato.
|
All'hover
• Lo script deve essere eseguito quando il mouse passa sopra. Questo valore è disponibile solo con 'Usi il Mouse sopra'.
|
All'uscita
• Lo script da eseguire quando il mouse si sposta fuori dall'elemento. Questo valore è disponibile solo con 'Usi il Mouse sopra'.
|
Gli eventi di mouse/touch script 'Al Clic', 'Su Move' e 'Sul rilascio' tutti comprendono tre variabile. 'X' La coordinata x del mouse/touch. 'Y' La coordinata y del mouse/touch. 'MouseButton' Il pulsante del mouse che è stato cliccato, 1 è il pulsante sinistro del mouse, 2 è il tasto destro del mouse.
Allo Start
• Lo script da eseguire quando il filmato comincia. Questa funzione viene eseguita solo quando 'AutoPlay' è disattivato.
|
All'aggiornamento
• Lo script da eseguire ogni volta che il filmato viene aggiornato. Questo potrebbe essere molte volte al secondo. La frequenza dipende dalla velocità del browser web e dalla complessità del filmato.
|
L'evento di script 'All'aggiornamento' include due variabile. 'TimeChange' Il cambiamento nel tempo di film dall'ultimo aggiornamento. Un tempo di 1, è pari a 1 fotogramma. 'SecondsChange' Il cambiamento in secondi dall'ultimo aggiornamento.
MyTimer+=TimeChange; //Time Passed
Su Resize
• Lo script da eseguire quando il web browser o il dispositivo viene ridimensionato o ruotato.
|
Alla fine
• Lo script da eseguire quando il film finisce. Questo script è solo eseguito quando 'Ciclo' è spento.
|
GetUrl("NextMovie.html");
Alla pressione del tasto
• Lo script da eseguire quando viene premuto un tasto della tastiera. Questo evento script include una variabile 'Chiave', che è il valore unicode del tasto che è stato premuto.
|
alert(Key);
Al rilascio del tasto
• Lo script da eseguire quando viene rilasciato un tasto della tastiera. Questo evento script include una variabile 'Chiave', che è il valore unicode del tasto che è stato rilasciato.
|
Senza JavaScript
• Questo messaggio viene visualizzato nell'esportazione HTML se JavaScript non è disponibile o è stata disattivata nel browser web.
|
<b>Message</b><br />
This web browser does not support javascript.<br />
Barra di caricamento
• Modificare il caricatore.
|
Titolo
• Il titolo del filmato quando viene esportato.
|
Icona
• Un'icona per il tuo filmato. Essa apparirà nel browser web per rappresentare la pagina. Può essere utilizzata anche come un'icona sulla schermata iniziale dei dispositivi Apple.
|
Cursore
• Cambia il cursore del mouse. I cursori vengono ignorati su dispositivi touch.
|
Cursore personalizzato
• Imposta come cursore della libreria.
|
Non mettere nella cache
• Non mettere questo filmato nella cache quando viene esportato in una pagina web HTML.
|
Colore d'ambiente
• Internet Explorer 6-8 non visualizza correttamente i bordi degli elementi trasparenti di semi. Questo colore medio viene utilizzato come un colore di sfondo per i bordi. Il colore di sfondo film solitamente funziona meglio.
|
Autore
• Il tuo nome o il nome della società può essere memorizzato nel file HTML esportato.
|
Sito Web
• Il sito di autori può essere inclusi nei widget esportato.
|
E-Mail
• L'indirizzo di posta elettronica dell'autore può essere incluso nei widget esportati.
|
Descrizione
• Una descrizione del filmato può essere memorizzata nel file HTML esportato. Questo aiuta i motori di ricerca a indicizzare il filmato.
|
HEAD
• Aggiungere HTML personalizzati aggiuntivi nel tag HEAD, durante l'esportazione in 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
• Inserisci HTML personalizzati aggiuntivi nel tag BODY, quando si esporta in HTML.
|
Google Analytics
• Traccia il file HTML esportato su internet utilizzando Google Analytics. Questo dovrebbe essere nel formato UA-123456-7.
|
Script
Riproduci
• Riproduce il filmato.
Play();
|
Stop
• Ferma il filmato.
Stop();
|
Vai e Riproduci
• Riproduce il filmato da un fotogramma specifico. Ad esempio, GotoAndPlay(100).
GotoAndPlay(Fotogramma:Numero);
|
Vai e Fermati
• Va a un fotogramma specifico del filmato e poi si ferma. Ad esempio, GotoAndStop(100).
GotoAndStop(Fotogramma:Numero);
|
Riproduci Clip
• Riproduci una clip del filmato dall'inizio alla fine. Ad esempio, PlayClip(100,200).
PlayClip(Inizio:Numero,Fine:Numero);
|
Riproduci ciclicamente all'infinito
• Riproduce continuamente una clip del filmato dall'inizio alla fine. Ad esempio, PlayLoop(100,200).
PlayLoop(Inizio:Numero,Fine:Numero);
|
Riproduci e metti in loop
• Riprodurre una clip del filmato dall'inizio alla fine. Poi continuamente viene riprodotta in ciclo. Per esempio, PlayThenLoop(100,180,200) inizierà dal fotogramma 100, verrà riprodotto fino al fotogramma 200 e poi tornerà al fotogramma 180. Il frame di inizio del ciclo potrebbe essere prima il fotogramma iniziale.
PlayLoop(Inizio:Numero,InizioCiclo:Numero,Fine:Numero);
|
Pausa
• Mette in pausa il filmato. Questo è come lo Stop() ad eccezione del fatto che non esce da qualsiasi clip o loop in cui ci si trova.
Pause();
|
Riprendi
• Riprende il filmato. Questo è come Play() ad eccezione del fatto che non esce dal clip o dal loop in cui si trovava.
Resume();
|
Ottieni tempo
• Restituisce l'ora corrente della scena. Questo è un valore in virgola mobile.
GetTime();
|
Imposta Tempo
• Imposta l'ora corrente della scena.
SetTime(Fotogramma:Numero);
|
Ottenere Frame
• Restituisce il fotogramma corrente della scena. Questo è simile al tempo tranne che è un numero intero.
GetFrame();
|
Set di Frame
• Impostare il frame corrente della scena. Questo è come impostare il tempo, ma può essere solo un numero intero.
SetFrame(Fotogramma:Numero);
|
Ottenere la velocità
• Ottenere la velocità del video. Il valore predefinito è 1. 2 è a doppia velocità. 0,5 è mezza velocità. 0 viene arrestato. -1 è inversa. Quando al contrario il fotogramma iniziale di loop o clip dovrebbe essere supera a telaio fine.
GetSpeed();
|
Velocità impostata
• Impostare la velocità del film. Il valore predefinito è 1. 2 è a doppia velocità. 0,5 è mezza velocità. 0 viene arrestato. -1 è inversa. Quando al contrario il fotogramma iniziale di loop o clip dovrebbe essere supera a telaio fine.
SetSpeed(Velocità:Numero);
|
Sposta elemento anteriore
• Portare la voce alla parte anteriore dello strato.
ItemMoveToFront("Script Id");
|
Elemento di spostamento in avanti
• Portare l'elemento un posto avanti nel livello.
ItemMoveForward("Script Id");
|
Elemento di spostamento all'indietro
• Inviare l'elemento indietro un posto nello strato.
ItemMoveBackward("Script Id");
|
Elemento sposta all'indietro
• Invia l'articolo sul retro dello strato.
ItemMoveToBack("Script Id");
|
Elimina elemento
• Eliminare un elemento da uno strato utilizzando script. Questo funziona solo per oggetti che non utilizzano la timeline.
ItemDelete("Script Id");
|
Elemento duplicato
• Duplicare un elemento in uno strato utilizzando script. Questo funziona solo per oggetti che non utilizzano la timeline.
ItemDuplicate("Script Id","Nuovo Script ID");
|
var Box2=ItemDuplicate("OriginalBox","Box2");
var Circles=new Array();
for(var i=0;i<10;i++){
Circles.push(ItemDuplicate("OriginalCircle","Circle"+i));
}
Questa documentazione è stato tradotto dall'inglese, utilizzando un traduttore online. Ci scusiamo se trovate eventuali errori. Se volete aiutarci a fare le correzioni. C'è un editor di traduzione in Hippani Animator (nel menu aiuto). Noi diamo le chiavi di licenza gratuita a chiunque corregge più di 100 frasi. Si prega di contattarci per maggiori dettagli.