Film
Filmen er roden af din animation. Den indeholder alle de vigtigste egenskaber og begivenheder i din animation. Her kan du angive grundlæggende egenskaber som bredde, højde og titlen på din animation. Du kan også tilføje script, der køres når animationen slutter, eller hver gang den opdateres. Du kan hurtigt få adgang til filmens egenskaber ved til enhver tid ved at klikke på ikonet film øverst til venstre i egenskaberne.
Egenskaber
Bredde
• Bredden af filmen i pixel.
|
Højde
• Højden af filmen i pixel.
|
Skalering
• Hvordan filmen skaleres for at passe til den tilgængelige plads.
|
Ingen – filmen skaleres ikke.
Centrer – filmen centreres i den tilgængelige plads.
Fyld – filmen udfylder den tilgængelige plads, hvis størrelsesforholdet er forskelligt vil filmen blive beskåret.
Tilpas – filmen udfylder den tilgængelige plads, hvis størrelsesforholdet er forskelligt vil overskydende rum blive letterboxed. (tomt felt øverst og nederst)
Stræk - filmen udfylder den tilgængelige plads. Forholdet vil ikke blive bevaret.
Baggrundsfarve
• Baggrundsfarven.
|
Gennemsigtig Baggrund
• Filmens baggrund er gennemsigtig. Dette fungerer kun for HTML.
|
Baggrundsbillede skalering
• Hvordan baggrundsbilledet tilpasser sig til den tilgængelige plads.
|
Center-billedet er ikke skaleret og centreret i den tilgængelige plads.
Fyld – billedet fylder den tilgængelige plads, hvis forholdet er forskellige, så billedet vil blive klippet.
Passer – fylder billedet den tilgængelige plads, hvis forholdet er forskellige, så pladsen vil være Letterbox.
Passer Center-hvis billedet er større end den tilgængelige plads, pasform er brugt. Hvis billedet er mindre end den tilgængelige plads, er den centreret.
Stretch - billedet fylder den tilgængelige plads. Forholdet vil ikke blive bevaret.
Baggrundsbillede
• Et baggrundsbillede.
|
Berøringsbevægelser
• Tillad eksporteret HTML at understøtte lange tryk, scroll og zoom på telefoner og touch-enheder.
|
Deaktiver Menuen
• Deaktiver højreklik-menuen.
|
Klip
• Klip elementer, som ligger udenfor dokumentet.
|
Loop
• Når filmen er færdigspillet starter den igen.
|
Afspil Automatisk
• Filmen vil automatisk starte afspilning.
|
Hastighed
• Filmens hastighed. Standardværdien er 1, eller 12 keyframes pr. sekund. 2 er dobbelt hastighed eller 24 nøglen frames per sekund. 0,5 er en halv hastighed. 0 er stoppet. -1 er omvendt.
|
Ved Klik
• Scriptet skal udføres, når der er blevet klikket- eller trykket på.
|
alert(X+" , "+Y);
Brug Slip
• Tillad at separate scripts anvendes, når der er trykket på filmen og sluppet. Ellers bruges script kun, når filmen er blevet trykket på og derefter sluppet. Med denne indstilling bliver 'Ved klik' kun brugt, når der bliver trykket på filmen.
|
Ved Slip
• Scriptet skal udføres, når musen har klikket eller touch er sluppet.
|
Ved Over
• Scriptet skal udføres, når musen bevæger sig hen over noget. Denne værdi er kun tilgængelig med 'Brug musen Over'.
|
Ved Mus Væk
• Scriptet skal udføres, når musen flyttes væk. Denne værdi er kun tilgængelig med 'Brug musen Over'.
|
Mus/touch script-hændelserne 'Ved klik', 'Ved bevægelse' og 'Ved slip', omfatter tre variabler. 1. 'X' X-koordinaten for mus/touch. 2. 'Y' Y-koordinaten for mus/touch. 3. 'MouseButton' Museknap, som er blevet klikket på. 1 er den venstre knap, 2 er den højre knap.
Ved Start
• Scriptet, som udføres, når filmen starter. Denne funktion bliver kun udført når 'Automatisk afspilning' er slået fra.
|
Ved opdatering
• Scriptet, som skal udføres hver gang filmen opdaterer. Dette kan være mange gange i sekundet. Hyppigheden afhænger af webbrowserens hastighed og kompleksiteten af filmen.
|
Script-hændelsen 'Ved opdatering' omfatter to variabler. 'TimeChange' Ændring i film-tid siden den sidste opdatering. En tid på 1, er lig med 1 ramme. Og 'SecondsChange' Ændring i sekunder siden den sidste opdatering.
MyTimer+=TimeChange; //Time Passed
På Resize
• Script som bliver udført når webbrowser eller enhed er skaleret eller roteret.
|
Ved Slut
• Script som bliver uført når filmen slutter. Dette script bliver kun udført når 'Loop' er afmarkeret.
|
GetUrl("NextMovie.html");
Ved Tastetryk
• Scriptet bliver udført, når en tastaturtast har været trykket ned. Denne script-hændelse omfatter en variabel 'Nøgle', som er Unicode-værdien af den tast, som er blevet trykket ned.
|
alert(Key);
Ved slip af tast
• Scriptet skal udføres, når en tastaturtast er blevet sluppet. Denne script-hændelse omfatter en variabel 'Nøgle', som er Unicode-værdien af den tast, som er blevet sluppet.
|
Ingen JavaScript
• Denne meddelelse vises i HTML-eksporten, hvis JavaScript er ikke tilgængelig eller er blevet lukket ned i webbrowseren.
|
<b>Message</b><br />
This web browser does not support javascript.<br />
Indlæser
• Rediger indlæseren.
|
Titel
• Titlen på filmen når den eksporteres.
|
Ikon
• Et ikon for filmen. Det vises i webbrowsere som repræsentation af siden. Det kan også bruges som et ikon på Apple enheders home-skærmbillede .
|
Markør
• Ændr musemarkøren. Markører ignoreres på touch-enheder.
|
Brugerdefineret Markør
• Angiv markøren til at være markør i biblioteket.
|
Ikke Cache
• Cache ikke denne film, når det eksporteres til en HTML-webside.
|
Omgivende farve
• Internet Explorer 6-8 viser ikke kanter på semi gennemsigtige elementer korrekt. Denne gennemsnitlige farve bruges som en baggrundsfarve for kanterne. Farven på filmbaggrunden fungerer normalt bedst.
|
Forfatter
• Dit navn eller firmanavn kan gemmes i den eksporterede HTML-fil.
|
Hjemmeside
• Forfatterens hjemmeside kan medtages i eksporterede widgets.
|
E-Mail
• Forfatterne e-mail adresse kan medtages i eksporterede widgets.
|
Beskrivelse
• En beskrivelse af filmen kan gemmes i den eksporterede HTML-fil. Dette hjælper søgemaskinerne med at forstå din film.
|
HEAD
• Tilføj yderligere brugerdefineret HTML til HEAD tagget, når du eksporterer til 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
• Tilføj yderligere brugerdefineret HTML til BODY-tagget, når du eksporterer til HTML.
|
Google Analytics
• Spor den eksporterede HTML-fil på internettet ved hjælp af Google Analytics. Dette bør være i formatet UA-123456-7.
|
Script
Afspil
• Afspil filmen.
Play();
|
Stop
• Stop filmen.
Stop();
|
Gå til og afspil
• Afspil filmen fra en bestemt ramme. For eksempel, GotoAndPlay(100).
GotoAndPlay(Ramme:Antallet);
|
Gå til og Stop
• Gå til en bestemt ramme i filmen og stop derefter. For eksempel, GotoAndStop(100).
GotoAndStop(Ramme:Antallet);
|
Afspil klip
• Afspill et klip af filmen fra start til slut. For eksempel, PlayClip(100,200).
PlayClip(Start:Antallet,Slutningen:Antallet);
|
Afspil Loop
• Afspille et klip af filmen fra start til slut kontinuerligt. For eksempel, PlayLoop(100,200).
PlayLoop(Start:Antallet,Slutningen:Antallet);
|
Afspil og derefter loop
• Afspil et klip af filmen fra start til slut. Derefter afspilles en loop kontinuerligt. For eksempel, PlayThenLoop(100,180,200) Dette starter i ramme 100, spil indtil ramme 200 derefter loop tilbage til ramme 180. Startrammen for loopen kan være før startrammen.
PlayLoop(Start:Antallet,StartLoop:Antallet,Slutningen:Antallet);
|
Pause
• Sæt filmen på Pause. Dette er ligesom Stop() bortset fra at det ikke forlader klip eller loops, det måtte være i.
Pause();
|
Fortsæt
• Fortsæt filmen. Dette er ligesom Play() medmindre det ikke bryder ud af nogen klip eller loops, det måtte være i.
Resume();
|
Hent - Tid
• Returnerer scenens aktuelle tid. Dette er en flydende punktværdi.
GetTime();
|
Angive tid
• Angiv scenens aktuelle klokkeslæt.
SetTime(Ramme:Antallet);
|
Hent ramme
• Returnerer det aktuelle billede af scenen. Dette er magen til tid, bortset fra det er et helt tal.
GetFrame();
|
Sæt ramme
• Angiv den aktuelle ramme i scenen. Dette er som at sætte tidspunkt, men det kan kun være et heltal.
SetFrame(Ramme:Antallet);
|
Hent - Hastighed
• Få filmens hastighed. Standardværdien er 1. 2 er dobbelt hastighed. 0,5 er en halv hastighed. 0 er stoppet. -1 er omvendt. Når 'omvendt' skal alle loops og klips start-rammer være højere end slut-rammens.
GetSpeed();
|
Indstil hastighed
• Angiv filmens hastighed. Standardværdien er 1. 2 er dobbelt hastighed. 0,5 er en halv hastighed. 0 er stoppet. -1 er omvendt. Hvis omvendt, skal startrammen for loops eller klip være højere end slutrammen.
SetSpeed(Hastighed:Antallet);
|
Flyt elementet forrest
• Placer elementet forrest i laget.
ItemMoveToFront("Script-ID");
|
Element fremad
• Send elementet frem et sted i et lag.
ItemMoveForward("Script-ID");
|
Vare Flyt bagud
• Send elementet tilbage et sted i laget.
ItemMoveBackward("Script-ID");
|
Flyt elementet bagerst
• Send elementet bagerst i laget.
ItemMoveToBack("Script-ID");
|
Slet element
• Slet et element fra et lag ved hjælp af script. Dette virker kun for elementer, som ikke bruger tidslinjen.
ItemDelete("Script-ID");
|
Dubliker element
• Dubliker et element i et lag ved hjælp af script. Dette virker kun for elementer, som ikke bruger tidslinjen.
ItemDuplicate("Script-ID","Nyt Script-ID");
|
var Box2=ItemDuplicate("OriginalBox","Box2");
var Circles=new Array();
for(var i=0;i<10;i++){
Circles.push(ItemDuplicate("OriginalCircle","Circle"+i));
}
Denne dokumentation var oversat fra engelsk, ved hjælp af en online oversætter. Vi undskylder hvis du finder nogen fejl. Hvis du vil hjælpe os med at foretage rettelser. Der er en oversættelse editor i Hippani Animator (i Hjælpemenuen). Vi giver ud gratis licensnøgler til nogen, der korrigerer mere end 100 sætninger. Kontakt os for flere detaljer.