Film
De film is de basis van uw animatie. Het bevat alle eigenschappen en gebeurtenissen van uw animatie. Hier kunt u de basiseigenschappen, zoals de breedte, hoogte en titel van uw animatie instellen. Ook kunt u scripts toevoegen die worden uitgevoerd wanneer de animatie wordt beëindigd, of wijzigt. De film eigenschappen zijn op elk moment te benaderen door in het menu te klikken op het film-pictogram links van het woord 'Eigenschappen'.
Eigenschappen
Breedte
• De breedte van de film in pixels.
|
Hoogte
• De hoogte van de film in pixels.
|
Schaal
• Hoe de film wordt aangepast aan de beschikbare ruimte passen.
|
Geen – de film wordt niet geschaald.
Center-de film is niet geschaald en gecentreerd in de beschikbare ruimte.
Opvulling – de film vult de beschikbare ruimte, als de verhouding anders is dan de film worden bijgeknipt.
Passen-vult de film de beschikbare ruimte, als de verhouding anders is dan de ruimte balken worden zal.
Stretch - de film vult de beschikbare ruimte. De verhouding zal niet worden bewaard.
Kleur
• De achtergrondkleur van de film.
|
Transparant
• Een transparante achtergrond voor de film gebruiken. Dit werkt alleen voor HTML.
|
Schaal
• Hoe de achtergrondafbeelding wordt aangepast aan de beschikbare ruimte.
|
Center - het beeld is niet geschaald en gecentreerd in de beschikbare ruimte.
Opvulling – de afbeelding vult de beschikbare ruimte, als de verhouding anders is dan wordt de afbeelding bijgesneden.
Passen – de afbeelding vult de beschikbare ruimte, als de verhouding anders is dan wordt de afbeelding in letterbox formaat weergegeven.
Passen Center – als de afbeelding groter is dan de beschikbare ruimte, dan wordt 'passen' gebruikt. Als de afbeelding kleiner is dan de beschikbare ruimte, dan wordt hij gecentreerd.
Stretch - de afbeelding vult de beschikbare ruimte. De verhoudingen zullen niet worden bewaard.
Afbeelding
• Een achtergrondafbeelding.
|
Gebaren
• Instellen hoe de geëxporteerd HTML, handelingen als lang drukken, schuiven en zoomen op telefoons en touch-apparaten moet ondersteunen.
|
Geen Menu
• Aanvinken om het contextmenu uit te schakelen. HIermee voorkomt u dat bij een rechtermuisklik op de film het menu verschijnt.
|
Clip
• Clip alle overhangende items.
|
Loop
• Aanvinken om de film opnieuw te laten starten wanneer het eind van de film is bereikt.
|
Auto Start
• Aanvinken om de film automatisch te starten.
|
Snelheid
• De snelheid van de film. De standaardwaarde is 1, of 12 frames per seconde. Dubbele snelheid is 2, of 24 frames per seconde. Halve snelheid is 0,5. Gestopt is 0. Bij -1 speelt de film achteruit.
|
Bij klikken
• De functie moet worden uitgevoerd wanneer geklikt of geperst.
|
alert(X+" , "+Y);
Aan/Uit
• Toestaan dat afzonderlijke scripts moet worden gebruikt wanneer de film is ingedrukt en losgelaten. Anders wordt script alleen gebruikt wanneer de film is ingedrukt en vervolgens vrijgelaten. Met deze optie 'Bij klikken' wordt alleen gebruikt wanneer de film wordt gedrukt.
|
Op Release
• Het script moet worden uitgevoerd wanneer de muis gekleurd is of touch is uitgebracht.
|
Muis over
• De functie moet worden uitgevoerd wanneer de muis over beweegt. Deze waarde is alleen beschikbaar met 'Gebruik de muis Over'.
|
Op uit
• De functie moet worden uitgevoerd wanneer de muis beweegt uit. Deze waarde is alleen beschikbaar met 'Gebruik de muis Over'.
|
De muis/de aanraking script gebeurtenissen 'Bij klikken', 'Over verhuizing' en 'Op Release' alle drie variabele opnemen. 'X' De x-coördinaat van de muis/touch. 'Y' De y-coördinaat van de muis/touch. 'MouseButton' De muisknop waarop is geklikt, 1 is de linker knop, 2 is de rechterknop.
Start script
• De functies in het Start script worden uitgevoerd wanneer de film (handmatig) wordt gestart. Het Start script werkt alleen wanneer 'Auto Start' is uitgeschakeld.
|
Update script
• Dit script wordt, tijdens het afspelen, bij elke wijziging in de film uitgevoerd. Dit kan vele malen per seconde zijn. De frequentie is afhankelijk van de snelheid van de webbrowser en de complexiteit van de film.
|
Het 'Update script' bevat twee variabele. TimeChange: Het aantal frames dat is afgespeeld sinds de laatste update. SecondsChange: Het aantal seconden dat is verstreken sinds de laatste update.
MyTimer+=TimeChange; //Time Passed
Op grootte
• Het script moet worden uitgevoerd wanneer de webbrowser of het apparaat is gewijzigd of gedraaid.
|
Op het einde
• Het script moet worden uitgevoerd wanneer de film eindigt. Dit script wordt alleen uitgevoerd wanneer 'Loop' is uitgeschakeld.
|
GetUrl("NextMovie.html");
Op indrukken van een toets
• Het script moet worden uitgevoerd wanneer een toets op het toetsenbord heeft aangedrongen. Deze gebeurtenis script bevat een variabele 'Key', die de unicode-waarde van de toets die is ingedrukt.
|
alert(Key);
Op belangrijke Release
• Het script moet worden uitgevoerd wanneer een toets op het toetsenbord is vrijgegeven. Deze gebeurtenis script bevat een variabele 'Key', die de unicode-waarde van de sleutel die is vrijgegeven.
|
Geen JavaScript
• Dit bericht wordt weergegeven in de HTML-uitvoer als JavaScript niet beschikbaar is of is uitgeschakeld in de webbrowser.
|
<b>Message</b><br />
This web browser does not support javascript.<br />
Loader
• Bewerk de loader.
|
Titel
• De titel van de film wanneer deze wordt geëxporteerd.
|
Pictogram
• Een pictogram voor uw film. Het wordt weergegeven in webbrowsers om de pagina te vertegenwoordigen. Het kan ook worden gebruikt als een pictogram op het Home-scherm van Apple apparaten.
|
Cursor
• Wijzigen van de muiscursor. Cursors worden genegeerd op touch-apparaten.
|
Aangepaste Cursor
• Stel de cursor op een cursor in de bibliotheek.
|
Geen cache
• Deze film niet in cache opslaan wanneer deze wordt geëxporteerd naar een HTML-webpagina.
|
Omgevingskleur
• In Internet Explorer 6-8 worden de randen van semi transparante objecten niet correct weergegeven. Deze gemiddelde kleur wordt gebruikt als achtergrondkleur voor de randen. De achtergrondkleur van de film werkt meestal het beste.
|
Auteur
• Uw naam of bedrijfsnaam kan worden opgeslagen in het geëxporteerde HTML-bestand.
|
Website
• De website van de auteur kan worden opgenomen in de geëxporteerde widgets.
|
E-mail
• Het e-mailadres van de auteur kan worden opgenomen in de geëxporteerde widgets.
|
Beschrijving
• Een beschrijving van de film kan worden opgeslagen in het geëxporteerde HTML-bestand. Dit helpt zoekmachines uw film te indexeren.
|
HEAD
• Voeg extra aangepaste HTML-code toe aan de hoofd-tag, bij het exporteren naar 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
• Voeg extra aangepaste HTML-code toe aan de BODY tag, bij het exporteren naar HTML.
|
Google Analytics
• Het volgen van het geëxporteerde HTML-bestand op het internet met behulp van Google Analytics. Dit moet in het formaat UA-123456-7 zijn.
|
Script
Spelen
• De film wordt afgespeeld.
Play();
|
Stop
• Stop de animatie.
Stop();
|
Ga naar en Afspelen
• De film vanaf een bepaald frame afspelen. Bijvoorbeeld, GotoAndPlay(100).
GotoAndPlay(Frame:Nummer);
|
Ga Naar en Stoppen
• Ga naar een bepaald frame van de film en dan stoppen. Bijvoorbeeld, GotoAndStop(100).
GotoAndStop(Frame:Nummer);
|
Clip afspelen
• Een clip van de film van begin tot eind afspelen. Bijvoorbeeld, PlayClip(100,200).
PlayClip(Start:Nummer,Einde:Nummer);
|
Lus spelen
• Een clip van de film van begin tot eind continu afspelen. Bijvoorbeeld, PlayLoop(100,200).
PlayLoop(Start:Nummer,Einde:Nummer);
|
Spelen dan lus
• Een clip van de film van begin tot eind afspelen. Dan spelen voortdurend een lus. Bijvoorbeeld, PlayThenLoop(100,180,200) Hiermee start u op frame 100, spelen tot frame 200 vervolgens lus terug naar frame 180. Het eerste frame van de lus zou vóór het eerste frame.
PlayLoop(Start:Nummer,StartLus:Nummer,Einde:Nummer);
|
Pauze
• De film onderbreken. Dit is als Stop() behalve het niet uit alle clips of lussen breekt die in het wellicht.
Pause();
|
Hervatten
• De film hervatten. Dit is als Play() behalve het niet uit alle clips of lussen breekt die in het wellicht.
Resume();
|
Tijd
• Deze eigenschap retourneert de huidige tijd van de scène. Dit is een drijvende punt waarde.
GetTime();
|
Tijdinstelling
• Stel de huidige tijd van de scène.
SetTime(Frame:Nummer);
|
Frame verkrijgen
• Deze eigenschap retourneert het huidige frame van de scène. Dit is vergelijkbaar met de tijd, behalve dat het een geheel getal is.
GetFrame();
|
Frame instellen
• Instellen van het huidige frame van de scène. Dit is hetzelfde als het instellen van de tijd maar het kan alleen een geheel getal.
SetFrame(Frame:Nummer);
|
Snelheid verkrijgen
• Huidige snelheid van de film opvragen. De standaardwaarde is 1. Dubbele snelheid is 2. Halve snelheid is 0,5. Gestopt is 0. Bij -1 speelt de film achteruit. Wanneer de tijdlijn achteruit speelt dient het eerste frame van elke lus of clip hoger te zijn dan het eindframe.
GetSpeed();
|
Ingestelde snelheid
• Stel de snelheid van de tijdlijn. De standaardwaarde is 1. Dubbele snelheid is 2. Halve snelheid is 0,5. Gestopt is 0. Bij -1 speelt de tijdlijn achteruit. Wanneer de tijdlijn achteruit speelt dient het eerste frame van elke lus of clip hoger te zijn dan het eindframe.
SetSpeed(Snelheid:Nummer);
|
Item verplaatsen naar voorgrond
• Breng het item naar de voorgrond van de laag.
ItemMoveToFront("Script-ID");
|
Object vooruit
• Breng het item één niveau naar voren in de laag.
ItemMoveForward("Script-ID");
|
Item naar achteren verplaatsen
• Breng het item één niveau naar achteren in de laag.
ItemMoveBackward("Script-ID");
|
Item verplaatsen naar achtergrond
• Breng het item naar de achtergrond van de laag.
ItemMoveToBack("Script-ID");
|
Object verwijderen
• Een item verwijderen uit een laag met behulp van script. Dit werkt alleen voor objecten die geen eigen tijdlijn gebruiken.
ItemDelete("Script-ID");
|
Object dupliceren
• Dupliceren van een item in een laag met behulp van script. Dit werkt alleen voor objecten die zelf geen tijdlijn gebruiken.
ItemDuplicate("Script-ID","Nieuwe Script-ID");
|
var Box2=ItemDuplicate("OriginalBox","Box2");
var Circles=new Array();
for(var i=0;i<10;i++){
Circles.push(ItemDuplicate("OriginalCircle","Circle"+i));
}
Deze documentatie is vertaald uit het Engels, met behulp van een online vertaler. Wij verontschuldigen ons als u eventuele fouten kunt vinden. Als u helpen ons correcties aan te brengen willen zou. Er is een vertaling editor in Hippani Animator (In het helpmenu). We geven gratis licentie sleutels aan iedereen die meer dan 100 zinnen corrigeert. Neem contact met ons op voor meer informatie.