De ultieme tool om HTML5-animaties en interactieve webinhoud te maken.
Tegenwoordig is webinhoud behoorlijk cool en interactief, met onderweg veel nieuwe animaties. Sterker nog, de ontwerptools zijn in de loop der jaren geperfectioneerd, waardoor er nu weinig tot geen codeerkennis nodig is. Saola Animate is bijvoorbeeld een krachtige applicatie waarmee je leuke interactieve HTML5-animaties kunt maken.
Gebruik een breed scala aan aanpasbare objecten
. Qua visuele lay-out is de applicatie net zo gestructureerd als een video-editor. Het middelste gebied is het canvas, met een tijdlijneditor onderaan het venster, een zijpaneel voor het beheer van scènes, een ander voor het bladeren door bronnen en het aanpassen van objecteigenschappen, evenals de bovenste werkbalk uitgerust met de nodige bedieningselementen en functies.
De grote inspanning voor u is om met een leuk idee te komen, omdat de applicatie u helpt het gemakkelijk in de praktijk te brengen. Er zijn veel objecttypen die u in de animatie kunt opnemen. Als zodanig kunnen uw creaties bestaan uit rechthoeken, ellipsen, HTML-widgets, afbeeldingen, audiobestanden, video's, symbolen en een hele reeks vormen.
Bewerken kan snel grondig worden, met een overvloed aan parameters om te configureren. Opties, te vinden in een zijpaneel, stellen u in staat algemene objectparameters, positie en grootte, transformatie-effecten, vulling, rand en zelfs tekstgerelateerde configuraties aan te passen.
Meerdere scènes en intuïtieve tijdlijneditor
Je begint in een lege scène, die je canvas vertegenwoordigt. U kunt de maatspecificaties instellen op wat bij uw project past. Er kunnen meerdere scènes worden toegevoegd en de ondersteuning van lagen zorgt ervoor dat u zich niet overweldigd voelt als u met te veel objecten en elementen werkt. Het canvas zelf kan worden voorzien van een raster, waarop objecten kunnen worden vastgeklikt voor nauwkeurigheid in ontwerpen.
De tijdlijneditor is over het algemeen intuïtief. Elk object dat u toevoegt, wordt opgenomen in de tijdlijn. Als u geen tijd wilt besteden aan het handmatig plaatsen van keyframes, is er een geautomatiseerde functie waarmee u eenvoudig de tijd en eigenschappen van een object kunt wijzigen, waarbij de wijziging wordt gemarkeerd als een keyframe om animaties te produceren.
Pas interacties aan en sla het project op als HTML5.
Voor complexere taken heeft u toegang tot de gebeurtenishandler. Het functioneert als algemene regel of voor een geselecteerd object. Hier kunnen acties worden gedefinieerd voor een verscheidenheid aan gebeurtenissen, zoals enkele of dubbelklikbewerkingen, afspelen en pauzeren, muisbeweging, focus, vegen en meer. Hier is geen codering vereist, maar u hoeft alleen namen en waarden te definiëren, die u vervolgens op het canvas kunt bekijken.
Met een druk op de knop kan een preview worden gestart voor de gehele animatie of een aangepaste selectie. Bovendien kunt u de standaardbrowser instellen om de animatie af te spelen, zodat u deze in de oorspronkelijke omgeving kunt bekijken. Als het echter om exporteren gaat, kunt u het project alleen als HTML5 bouwen. Het zou handig zijn geweest om de animatie ook voor offline gebruik op te slaan.
Altijd de virusscanner uitschakelen!