Eater
Microsoft werkt aan een vernieuwd welkomstscherm voor PowerToys, met een geanimeerde en interactieve 3D-beleving in hyperspace-stijl.
De PowerToys-suite van Microsoft is zonder twijfel een van de handigste uitbreidingen voor Windows-gebruikers die meer controle over hun pc willen, zonder afhankelijk te zijn van alternatieven van derden. Nu kan een van de aankomende wijzigingen de ervaring vanaf het eerste moment nog indrukwekkender maken, omdat Microsoft duidelijk werkt aan een betere eerste indruk.
Daarom werkt het PowerToys-team aan een opnieuw ontworpen welkomstscherm dat de huidige statische afbeelding vervangt door een geanimeerde 3D-scène. Dit project staat onder leiding van Microsoft-medewerker Niels Laute, productmanager bij het bedrijf en verantwoordelijk voor PowerToys en WinUI. Hij deelde ook alvast een voorproefje van het werk op zijn officiële X-account.
Het nieuwe ontwerp, dat wordt ontwikkeld met Windows Composition, geeft de welkomstpagina een veel dynamischere uitstraling. In plaats van een stilstaand beeld brengt het de PowerToys-logo’s en pictogrammen van de verschillende hulpprogramma’s tot leven met een korte animatie die doet denken aan een sprong door hyperspace.
Voor wie zich afvraagt wat dit precies betekent: Composition-effecten van Microsoft zijn in feite een manier voor Windows-ontwikkelaars om realtime visuele effecten toe te voegen aan afbeeldingen en interface-elementen. Ze kunnen worden gebruikt om bijvoorbeeld kleuren, contrast, belichting en verzadiging aan te passen, of om meerdere effecten met elkaar te combineren. Deze effecten kunnen bovendien worden geanimeerd, waardoor ontwikkelaars vrij dynamische visuele ervaringen kunnen creëren.
Zoals beschreven in de pull request op GitHub, begint de animatie met de naam “Warp” met 35 tooltegels die vanuit de diepte naar de kijker toe vliegen door een veld van sterren, waarbij lichtsporen achterblijven. Daarna valt het PowerToys-logo met een flits op zijn plek, gevolgd door lichtgevende effecten en een soort schokgolf die door de pictogrammen heen loopt. Vervolgens verschijnen de titel, beschrijving, actieknoppen en de diagnostiekkaart op het scherm. De volledige introductie duurt ongeveer twee seconden; daarna blijven de pictogrammen zachtjes zweven op de achtergrond.
Hieronder staat de volledige tijdlijn van de nieuwe welkomstanimatie:
| Onderdeel | Tijd | Wat er gebeurt |
|---|---|---|
| Warp | 0 tot ongeveer 1,5 s | 35 tooltegels vliegen vanuit de diepte achter het logo naar voren in een echte 3D-perspectiefweergave, met het verdwijnpunt in het midden van de trechter, en verschijnen kort na elkaar. Elk item laat een lichtspoor achter in de kleur van het logo eronder (oranje links, blauw rechts), terwijl ongeveer 70 sterren langs de kijker schieten. |
| Slam | 780 ms | Het logo valt vanaf 2,6× schaal naar beneden en landt met een indruk- en veereffect. De hele scène schudt daarbij licht. |
| Impact | 1020 ms | Een felwitte flits volgt; de vier merkglows barsten uit in een aurora en de lichtkoepel rijst achter het logo op als een zonsopgang. |
| Reveal | 1080 ms | De titel, beschrijving, actieknoppen en diagnostiekkaart verschijnen vervolgens één voor één. |
| Shockwave | 1020 ms | Een ring in de kleuren van het logo golft naar buiten. Elke tegel stuitert terwijl deze voorbijgaat en een glans trekt over het logo. |
| Alive | 2,1 s | De tegels zweven rustig verder en de aurora blijft zacht bewegen. |
Er zijn ook interactieve elementen. Wanneer je bijvoorbeeld met de muis over een hulpprogramma beweegt, verschijnt een subtiel 3D-kantel- en vergrotingseffect, terwijl de naam van het hulpprogramma boven het pictogram verschijnt. Als je op een tool klikt, ga je direct naar de bijbehorende OOBE. Klik je op het hoofdlogo, dan wordt de animatie opnieuw afgespeeld.
Microsoft heeft ook rekening gehouden met verschillende weergavevoorkeuren. De nieuwe scène ondersteunt lichte, donkere en hoogcontrastthema’s, waarbij de kleuren mee veranderen zodra gebruikers van thema wisselen. En als de animatie-effecten van Windows zijn uitgeschakeld, slaat de welkomstpagina de animatie over en wordt direct de eindweergave getoond.
Je kunt de pull request bekijken in de officiële GitHub-repository van PowerToys.
TeJu
