Hirdetés
Az Chrome-kísérletek A webhely minden új és izgalmas kirakat a webtechnológiák és a böngészők fejlesztései terén, különös tekintettel a JavaScript. HTML5 10 webhely, ahol megtudhatja, miről is szól a HTML5 Olvass tovább , a vászon, az SVG és a 3D WebGL motor mind-mind szembetűnően megjelenik a kreativitás apró szikráiban, amelyek utat nyitnak egy szebb és interaktívabb internet felé.
Az egyik legjobb dolog a Chrome Experimentsben az, hogy a webhely tanulásra ösztönöz 4 kötelező TED-előadás a kreativitásról, az inspirációról és a szenvedélyrőlKreativitás. Ihlet. Szenvedély. Ezek mind olyan fogalmak, amelyekkel nagyon is tisztában vagyunk, de nem sokan tudjuk pontosan meghatározni a forrásukat. Honnan ered a kreativitás? Mi okozza a... Olvass tovább a felfedezés mellett, így ha már játszottál egy projekttel, jó eséllyel tanulhatsz egy kicsit a megvalósításról – és bizonyos esetekben magad is kipróbálhatod.
A Chrome Experiments webhelyén több száz játék található, amelyekkel játszani lehet, és a kezdéshez íme néhány a legjobbak közül.
Böngészőkövetelmények
Mivel ez egy Chrome-központú webhely, amelyet a Google üzemeltet, az összes kísérletet a Chrome böngészőben kell végrehajtani. Ez azt jelenti, hogy ha letölti vagy frissíti a a Chrome legújabb stabil verziója, bár más modern böngészőknek is működniük kell.
Csak ne próbálja ezt megtenni IE6 Ha továbbra is IE6-ot használ, probléma van [vélemény]Az IE6 volt a legjobb a legjobbak között, amikor frissen kifacsarták a Microsoft szoftvergyárából. Emiatt a rekord 95%-os böngészőpiaci részesedést tudta elérni a csúcson... Olvass tovább , oké?
Ezek a felhők nem igazi 3D-sek – mint szerző Jaume Sanchez rámutat – de képzelje el, ha webhelye vagy akár asztali háttere szép, 3D-szerű felhőket generál, csak CSS-t és egy kis JavaScriptet használva. Nos, nyilvánvalóan nem vagyunk messze ettől a szakasztól, ahogy ez a demó is mutatja.
Jaume webhelye tele van más érdekes, HTML5-öt érintő kísérletekkel, valamint rengeteg oktatóanyaggal, amelyek segítenek a saját készítésének megkezdésében. Ha szeretné tudni, hogyan készítette ezeket a felhőket, akkor mindent elolvashat itt.
Ez a WebGL-meghajtású esztergagép sokkal szórakoztatóbb, mint funkcionális Einar Öberg a szóköz billentyűt és az egérmutatót használja a fa, fém és kő kézi esztergálásának művészetének újrateremtésére. Einar elkészítette a demót, így mutasson meg egy egyszerű procedurális shadert, de hozzáadott néhány hangot is a hitelesség kedvéért.
Bár nem egy teljes oktatóanyag, egy kicsit többet megtudhat arról, hogyan készült a szerző blogja.
A részecskeeffektusokat és a WebGL-motort magában foglaló kísérletben Edouard Coulon valami igazán szépet hozott létre, amelyet egérrel és szóközzel manipulálhat. Kattintson ide, hogy a részecskéket a képernyő közepére vonzza, majd nyomja meg a szóköz billentyűt, és nézze meg, ahogy ismét kifelé lőnek!
Sajnos ehhez nincs oktatóanyag, bár azt javaslom, hogy próbálja ki az egymillió részecske módot, ha a számítógépe képes kezelni. Adjon hozzá egy kivetítőt és egy sötét szobát a végtelen szórakozáshoz!
Készítette AlteredQualia aki a félelmetes szerzője is volt Róma interaktív film (amely a Chrome Experimentsben is szerepel), a WebGL autók egy 3D-s játék, amely lehetővé teszi a Bugatti Veyron és a Lamborghini Gallardo vezérlését több kameraállásból.
Egy dolog, ami különösen jó ebben, az a mozgási elmosódás, a mélységélesség és a különböző fényviszonyok bemutatása. Oké, és a bennem élő gyerek imád játékautókkal játszani – mit mondjak?
Ez azon reakciójátékok egyike, ahol a cél az, hogy az egérrel (vagy ebben az esetben a billentyűzettel) mozgassa a célpontot, hogy elkerülje szembejövő akadályok – kivéve, hogy jobb, mint a többi, mert ez egy X-Winget tartalmaz, és ami úgy néz ki, mint a Starból kifutó árok Háborúk.
Az OutsideOfSociety néven emlegetett szerzőnél sokkal több WebGL-kísérlet folyik weboldal.
A My Robot Nation egy teljesen működőképes e-kereskedelmi front-end, a WebGL erejét kihasználva lehetővé teszi, hogy Tervezze meg, festse és szabja testre saját játékrobotját, mielőtt készletként kiszállítaná ár.
Rendben, tehát nem kell megvenned a robotot ahhoz, hogy jól érezd magad – de ha annyi időt töltesz, mint én, hogy valami olyasmit készíts, ami homályosan hasonlít egy Roboagyra. Kiesik Keltse fel érdeklődését ezekkel a wikikkel 4 kitalált posztapokaliptikus világraElőfordult már, hogy kedvenc műsorod vagy könyvsorozatod wikijére ugrottál, majd beleestél egy tartalommal telített időzavarba? Tudod, miről beszélek – valami olyasmi, mint a klasszikus TVTropes fekete lyuk... Olvass tovább sorozatot, akkor azt kívánod, bárcsak lenne. Ne felejtsd el megnézni mások alkotásait is!
Egy másik „kerüld el az akadályokat az egérrel” típusú játék, kivéve, hogy ez az eredeti folytatása FastKat által Omiod, egy meglehetősen népszerű HTML5-játék, amellyel már játszottál. A folytatás gyorsabb, keményebb és nagyon addiktív.
Csak ne kezdj el vele játszani, ha dolgod van…
Az itt bemutatott utolsó kísérlet (több száz közül nehéz volt mindössze 8-at kiválasztani) meglehetősen különleges, mivel lehetővé teszi a WebGL-objektumok menet közbeni kóddal történő kezelését. A nézegethető és játszható demókon kívül számos oktatóanyag is segít a WebGL elsajátításában.
Nem vagyok kódoló (borzasztóan emlékszem a szavakra, nemhogy a funkciókra), de még én is vonzónak találtam és kissé felhatalmazza a WebGL-lel való manipulálást és babrálást egy nagyszerű oktatóanyag segítségével kéz. Ha szívesen kipróbálnád ezt a fajta dolgot, de fogalmad sincs, hogyan csináld, akkor ez egy remek kiindulópont.
Következtetés
A Chrome Experiments webhely csupán egy platform a művészek és kódolók számára, ahol beküldhetik alkotásaikat, de az nagyszerű célt szolgál – kiemeli a tehetségeket, és segít megtanítani másokat az új webes technológiákban rejlő lehetőségekre. Még a Chrome-kísérletek is működnek a mobilodon!
Tim szabadúszó író, Melbourne-ben, Ausztráliában él. Követheti őt a Twitteren.
