Nem ismerek más vállalatot, aki a demózás, demoscene alapvetéseit ennyire magáévá tette volna, és ennyire belőle származtató lenne minden. Amikor 2005-ben (öt éve volt) először váltottam Mac-re, egyből feltűnt, hogy milyen “folyamatos” az egér mozgása, ilyet korábban csak Amigán láttam. Később megtaláltam a Quartz Composer nevű, gyakorlatilag GPU sandbox, a Mac OS X-zel szállított alkalmazást, ami konkrétan egy modern kori drag and drop (!) demo-maker (!!) cucc, de olyan profi, hogy még “raszteridőt” is mér. Nem hittem el, hogy ilyen van. Talán ez volt az a pont, amikor eldöntöttem, hogy “mekes” leszek.

Az Apple-t nagy mértékben meghatározza a vizualitás, vizuális stílus, a 60 FPS-re való törekvés. (Erre mondja gyakorlatilag Steve Jobs azt, hogy ami nem 60 FPS, az “sub-standard app” és, figyelem, ezért és nem másért nincs Adobe lassító tényező a termékeiken, gyönyörű!) Elég megnézni egy “Keynote” prezentáció készítő alkalmazást, elég megnézni a slide show eszközeiket, csodálatos animáció, szépség és dinamika mindenütt.

Ezt megértve teljesen nyilvánvaló és logikus az, hogy miért az Apple az első, ha grafikával, képekkel, átmenetekkel és forgatásokkal kell dolgozni a weben. A HTML munkacsoportba is delegáltak egy csomó mérnököt (WHATWG — “The WHATWG was founded by individuals of Apple, the Mozilla Foundation, and Opera Software in 2004, after a W3C workshop.”), a Safari böngészőjük a mobil szegmensben egyeduralkodó, a weben pedig élen jár az új technológiák megvalósítását illetően.

Most készítettek egy HTML5 technológia bemutató oldalt (“HTML5 showcase“), amivel a gépünkön levő Safarival (Mac, Win, iPhone, iPad) is megtekinthetők, kipróbálhatók mindazon nyalánkságok, amik a webet jellemezni fogják 2010 után.

Mivel ezek a megjelenések egyelőre a WHATWG papírjában levő “ajánlások”, nem feltétlen azonos az implementációjuk a különböző böngészőkben, ezért van, hogy az Apple egyelőre csak Safarin (Win és Mac) mutatja be őket. A megtekintésükhöz tehát ma, 2010. június 4-én még Safari kell, annak viszont mobilos változatai is jók. (És most tényleg ne menjünk bele abba, hogy mi kell ahhoz, hogy mindez Firefox-on is működjön ebben a formában.)

Érdemes megtekinteni, megnézni az összes demót, végigkattintgatni minden kapcsolót. Egy slide-show nem olyan, mint amit eddig megszoktunk, csodálatos, 60 FPS-es sebességgel váltogatja a képeket, a háttérben levőket elblur-özi, a képek váltásaihoz egyesével leprogramozták az effekteket, átalakul dinamikusan minden, olyan dolgokat látunk, amiket eddig csak Keynote-ban voltak — ÉS a videó manipulálását, meg a 3D effekteket leszámítva ugyanilyen sebességgel MŰKÖDIK iPhone alatt is mindez! (iPad-en ugyanazt kapjuk, mint desktopon, csodálatos!)

Tényleg, eddig ilyen demókat csak ilyen-olyan, szedet-vedett lapokon lehetett látni, jéé, majd ilyenek lesznek a “modern” weblapok, viszont az Apple “HTML5 showcase” lapja olyan, amilyennek egy ilyet meg kell csinálni. Kézzel fogható, valós, összeszedett és, ez is nagyon fontos, dokumentált.

Nem elég ugyanis, hogy csinálnak egy ilyen lapot, hanem világos és jó dokumentációt raknak fel letölthető példaprogramokkal, referenciákkal, kitérve arra, hogy a touch felületen keresztül mindez hogyan oldható meg. Íme két magyarázó ábra, amit a “Safari CSS Visual Effects Guide“-ból szedtem ki:

Illetve egy másik magyarázó ábra azt illetően, hogyan lehet ease-in ease-out animációkat paraméterezni HTML-ben, gyerekek, HTML-ben:

És ez egy nagyon fontos körülmény, ami megkülönböztet két animációt egymástól: ez a “proper” módja annak, hogyan kell. Az ilyen lineáris szarok, így-úgy befejeződő dolgok ócska utánzatok. Tessék, itt van, hogy kell Bézier-görbékkel felgyorsítani és lelassítani egy átmenetet két állapot közt. Aki ennek demójára vágyik, a HTML5 Showcase slideshow animációit nyomkodja végig, garantálom az állkapocs földre ejtését.

A HTML5 Showcase lapjuknak is van szakembereknek szóló, technikai oldala, a “Safari Technology Demos” címmel, ahol a showcase-be került, maximális igényességgel készült változatok mellett egyéb, nem annyira kidolgozott példák is kerültek. Az összes példaprogram letölthető, bár nincs hozzájuk részletes magyarázat.

Ami korábban a desktopon ilyen téren történt (Mac OS X egyes API-jai), az történik most a weben is. Jön a “demózás” kora weben, amiben az Apple mindig is volt, és most is olyan nagyszerű.

Már többször leírtam, de most is leírom, hogy a demoscene öröksége az Apple Macintosh számítógépeken él tovább, és amíg ez így lesz, addig engem ehhez a platformhoz számíthattok. Eddig még mindig bejött a számításom és gyanítom, hogy ez nem lesz a jövőben sem másképp, hiszen amióta a Mac a Mac, azóta ez így van. Az Apple olyan technológiákat, olyan megoldásokat fog szállítani, ami hű marad ezekhez a fundamentumokhoz, a Bézier ütemhez és a 60 FPS-es tranzíciókhoz.

És most mindez érkezőben van a webre is.

Uraim, egy fantasztikus korban élünk.

update: demoscene ide vagy oda, bedobok egy koncot, amit lehet rágcsálni. Én magam is kipróbáltam Chrome-on a HTML5 Showcase oldalt, de nagy meglepetésre kiírta, hogy nem működik. Ezt nagyon furcsálltam, hiszen a Google Chrome böngészője is Webkit alapú. Kiderül, hogy elég a Chrome-nak megadni, hogy állítsa magáról azt, hogy Safari és máris működik minden oldal benne is. Na, erre varrjon valaki gombot. /via @tjp