SplineLiquid Glass en 3D in Hana
Nieuw in Hana: 3D Transform, Liquid Glass en Autolayout
Vandaag kondigen we een enorme update voor Hana aan, met baanbrekende functies zoals realtime Liquid Glass, 3D Transform, Autolayout en Video Layers.
Liquid Glass in Hana
Sinds de introductie van iOS 26 heeft het Liquid Glass-effect de aandacht van de designcommunity getrokken. Nu kun je dit effect toepassen op elke objectlaag in Hana.
Je kunt de parameters van het glas aanpassen, zoals Distortion, om de mate van lichtbreking te bepalen.
Maar je kunt verder gaan dan de iOS-stijl en eigen glaseffecten maken. We hebben de parameters algemeen genoeg gehouden voor allerlei creatieve resultaten: je kunt sommige eigenschappen van de effecten overdrijven voor een opvallendere visuele esthetiek.
Stapelbaar glas
In de meeste designtools zijn blur- of glaseffecten meestal beperkt tot één laag. Stapel je meerdere lagen, dan stapelt de vervorming van het glas niet op en blijft die vlak.
In Hana stapel je eenvoudig meerdere glaslagen en zie je hoe elke laag de elementen erachter of eronder breekt, net als in het echt. Dat opent een hele reeks nieuwe creatieve mogelijkheden. Dit werkt voor de glaseffecten, maar ook voor background blur-effecten.
3D Transform
De stap van 2D naar 3D is altijd een uitdaging geweest. Toen we aan deze functie begonnen, wisten we dat we je naadloos en eenvoudig wilden laten wisselen tussen 2D en 3D, zonder dat er onderweg iets verloren gaat.
In Hana kan elk object nu een 3D-object zijn, met parameters voor de positie (Depth), rotatie en het perspectief in de 3D-ruimte.
Al deze parameters zijn te animeren en werken samen met het systeem van states en events.
Frames en 3D-portalen
Wordt een frame 3D, dan wordt het ook een venster naar zijn eigen 3D-ruimte. Dat is vooral handig voor portalen: visuele elementen waarin je diepte ziet.
Het is eenvoudig: zet items in een frame, maak het frame 3D en verander de 3D-positie of -rotatie van de items erin. Verander je nu de rotatie of positie van het frame, dan zie je hoe de items binnenin worden weergegeven, met meerdere dieptelagen.
Autolayout
Hana ondersteunt nu layouts met volledig animeerbare parameters. Je maakt zowel verticale als horizontale layouts met instelbare padding en tussenruimte.
Layouts werken samen met events en states en worden in realtime bijgewerkt voor meer interactiviteit.
We hebben ook ondersteuning toegevoegd voor masonry-layouts, vergelijkbaar met de kolommen van Pinterest.
Video Layers
Je kunt nu eenvoudig een video insluiten in elke laag in Spline Hana. Handig als je een interactieve presentatie bouwt of voor motion ontwerpt. Schakel in het Fill-paneel over naar de Video Layer en upload je video of sleep hem erin.
Net als in de 3D-editor van Spline kun je video’s in Hana ook met eigen events starten. Standaard speelt een video af bij het Start-event, maar je kunt dit veranderen en hem triggeren met muisevents of elk ander event.
Nieuwe creatieve mogelijkheden
Dat was een hoop! We hopen dat je geniet van alle nieuwe functies die we vandaag hebben uitgebracht en dat je spannende nieuwe designs gaat maken.
— Het Spline-team
