Nieuwe feature: laat iconen langs een lijn bewegen in animaties!

In het continu veranderende landschap van digitale mapping tools horen we altijd graag welke suggesties of ontbrekende features jullie hebben! Vandaag zijn we er met een nieuwe feature waar veel gebruikers om hebben gevraagd: de mogelijkheid om iconen boven op geanimeerde lijnen te plaatsen. Deze innovatieve toevoeging opent een wereld aan mogelijkheden, van sterkere visuals voor nieuwsreportages tot boeiende reisanimaties. In dit artikel duiken we in de technische details van deze nieuwe feature en verkennen we de verschillende toepassingen die ermee mogelijk zijn.

Geanimeerde lijnen met iconen die de lijn volgen

Mapcreator’s nieuwe feature bouwt voort op de bestaande mogelijkheid om lijnen te animeren, zodat ze dynamisch van het ene uiteinde naar het andere kunnen groeien. Deze animatie werkt doordat de lijn wordt weergegeven als een reeks punten. Het punt dat het einde van de lijn vormt, kan vervolgens worden gebruikt om de coördinaten van het icoon te bepalen.

Ben je benieuwd? Hier is een korte technische uitleg:

De magie begint bij het ophalen van deze coördinaten vanaf het eindpunt van de groeiende lijn, want die vormen de basis voor de positie van het icoon. Om het icoon goed op de lijn uit te lijnen, gebruikt de code simpelweg de coördinaten van het voorlaatste punt en berekent die continu de hoek van dat punt ten opzichte van het punt aan het einde van de lijn. Die hoek wordt vervolgens toegevoegd aan de oorspronkelijke hoek van het icoon.

En dat is alles. Nu staat er een icoon aan het einde van een groeiende lijn! Vanaf hier kun je natuurlijk nog steeds de styling van verschillende elementen aanpassen, maar de basis staat. Lees hieronder verder voor meer use cases en voorbeelden van iconen die meebewegen met lijnanimaties.

Dynamische nieuwsreportages

De icoon-op-lijn-animatie van Mapcreator verandert de manier waarop nieuwsgebeurtenissen in beeld worden gebracht. Nieuwsredacties kunnen gebeurtenissen die zich ontwikkelen, zoals vliegtuigcrashes of wereldwijde events zoals de Tour de France, nu dynamisch illustreren door iconen op geanimeerde lijnen te plaatsen. Deze meeslepende aanpak trekt niet alleen de aandacht, maar biedt het publiek ook een duidelijk en boeiend verhaal. De vloeiende beweging van iconen langs groeiende lijnen voegt extra dynamiek toe aan nieuwsreportages en maakt Mapcreator tot een krachtige storytelling tool.

Meeslepende reisroutes

Breng je reisanimaties naar een hoger niveau met deze innovatieve feature van Mapcreator. Door vluchtroutes of cruisevaarten te volgen met iconen op geanimeerde lijnen kunnen reisorganisaties hun reizen op een boeiende en meeslepende manier presenteren. De afstemming tussen iconen en geanimeerde paden versterkt het verhalende karakter van reiskaarten, waardoor gebruikers hun routes visueel overtuigend kunnen delen. Laat icoon-op-lijn-animatie je reisverhalen tot leven brengen!

Alle visualisaties van vervoer

Van wandelroutes tot fiets- en autoroutes, of je nu de wereld verkent door de lucht of over zee, de icoon-op-lijn-feature voegt een dynamische laag toe aan visualisaties van vervoer. Iconen bewegen vloeiend over paden en brengen zo verschillende vervoersmiddelen in beweging in beeld.

Animatie met alleen iconen

Laten we verder gaan dan traditionele mapping tools en gebruikers animaties laten maken met alleen iconen! Door de lijn transparant te maken en te dupliceren, kun je het bewegende icoon isoleren, wat een uniek visueel effect oplevert. De gedupliceerde lijn zorgt, wanneer die zichtbaar is en geen animatie heeft, voor de illusie van een icoon dat langs een pad beweegt. Deze feature opent nieuwe creatieve mogelijkheden.

Probeer het zelf uit!

Mapcreator zorgt voor een gebruiksvriendelijke ervaring door het proces eenvoudig te houden. In slechts een paar stappen breng je je kaarten tot leven en maak je animaties die naadloos aansluiten op je verhaal.

Ben je nieuw met onze kaartanimaties? Begin dan bij ons blogartikel over geanimeerde lijnen en volg van daaruit de volgende stappen.

1. Selecteer de geanimeerde lijn die je op je kaart hebt gemaakt.
2. Aan de rechterkant verschijnt een stylingmenu. Onderaan in dat menu zie je de optie ‘’move icon along line’’. Klik op de toggle ernaast.
3. Selecteer het icoon dat je wilt gebruiken.
4. Zie hoe het icoon automatisch de lijn volgt!

Vanaf hier zijn er nog een paar extra opties waaruit je kunt kiezen. In de timeline bepaal je bijvoorbeeld wanneer het icoon in beeld komt of verdwijnt, los van waar de lijn begint of eindigt. De lijn en het icoon zijn afzonderlijke elementen die je apart kunt selecteren en bewerken. Wil je dat het icoon halverwege verschijnt en tot het einde zichtbaar blijft? Geen probleem!

Andere opties zijn onder meer of je wilt dat het icoon meedraait met de richting van de lijn (de standaardinstelling) of dat je een eigen rotatie toevoegt. Je kunt in de timeline ook bepalen hoe lang het icoon nodig heeft om te ‘groeien’ door het donkerdere deel aan het begin of einde van de lijn naar achteren of naar voren te slepen, afhankelijk van of je het groeien of krimpen van het icoon wilt verlengen.

Waar wacht je nog op?

Mapcreator’s nieuwe icoon-op-lijn-animatie is nu live! Van nieuwsreportages tot reisverhalen en allerlei visualisaties van vervoer, de mogelijkheden zijn enorm. Door iconen naadloos te combineren met geanimeerde lijnen kun je meeslepende verhalen vertellen met dynamische en visueel sterke kaarten. Duik in deze innovatieve feature en til je kaartcreatie naar een hoger niveau!