Hrajte, učte sa a vyskúšajte nové webové technológie pomocou experimentov Chrome

Reklama

The Chrome Experiments webová stránka je výkladnou skriňou všetkého nového a vzrušujúceho, pokiaľ ide o webové technológie a vylepšenia prehliadača, so zameraním na JavaScript. HTML5 10 webových stránok, ktoré zistia, o čom je HTML5 Čítaj viac , canvas, SVG a 3D WebGL engine, to všetko sa vyznačuje malými iskričkami kreativity, ktoré dláždia cestu ku krajšiemu a interaktívnejšiemu internetu.

Jedna z najlepších vecí na Chrome Experiments je, že stránka podporuje učenie 4 Prednášky na TED o kreativite, inšpirácii a vášni, ktoré musíte vidieťKreativita. Inšpirácia. Vášeň. Toto všetko sú pojmy, ktorých si veľmi dobre uvedomujeme, no len málokto z nás dokáže presne určiť ich zdroj. Odkiaľ pochádza kreativita? Čo spôsobuje... Čítaj viac popri objavovaní, takže keď sa s projektom zahráte, máte veľkú šancu, že sa budete môcť dozvedieť niečo o tom, ako sa to robí – a v niektorých prípadoch si to sami vyskúšať.

Na webovej stránke Chrome Experiments sú stovky hračiek, s ktorými sa môžete hrať. Tu je niekoľko najlepších, aby ste mohli začať.

Požiadavky na prehliadač

Keďže ide o webovú stránku zameranú na prehliadač Chrome, ktorú prevádzkuje spoločnosť Google, všetky experimenty majú fungovať v prehliadači Chrome. To znamená, že by ste mali mať malé problémy so spustením ktorejkoľvek z nich, ak si ju stiahnete alebo aktualizujete najnovšiu stabilnú verziu prehliadača Chrome, hoci by mali fungovať aj iné moderné prehliadače.

Len sa o nič z toho nepokúšajte IE6 Ak stále používate IE6, máte problém [Názor]IE6 bol najlepší z najlepších, keď bol čerstvo vytlačený zo softvérovej továrne spoločnosti Microsoft. Vďaka tomu bol schopný dosiahnuť rekordný 95% podiel na trhu prehliadačov na vrchole... Čítaj viac , dobre?

Tieto mraky nie sú skutočné 3D – ako autor Jaume Sanchez poukazuje na to – predstavte si však, že by vaša webová stránka alebo dokonca pozadie pracovnej plochy generovalo pekné oblaky podobné 3D pomocou CSS a trocha JavaScriptu. Zjavne nie sme ďaleko od tohto štádia, ako ukazuje toto demo.

Jaumeho stránka je plná ďalších zaujímavých experimentov zahŕňajúcich HTML5, ako aj množstvo návodov, ktoré vám pomôžu začať s vytváraním vlastného. Ak by ste chceli vedieť, ako vytvoril tieto oblaky, môžete si o tom všetko prečítať tu.

Tento sústruh s technológiou WebGL je viac zábavný ako funkčný Einar Öberg používa medzerník a ukazovateľ myši na opätovné vytvorenie umenia ručnej obrábania dreva, kovu a kameňa. Einar postavil demo tak, aby ukázal jednoduchý procedurálny shader, ale pridal aj niekoľko zvukov pre autentickosť.

Aj keď to nie je úplný návod, môžete sa dozvedieť niečo viac o tom, ako to bolo urobené blog autora.

Edouard Coulon, experiment zahŕňajúci časticové efekty a engine WebGL, vytvoril niečo skutočne nádherné, s čím môžete manipulovať pomocou myši a medzerníka. Kliknutím prilákate častice do stredu obrazovky, potom stlačte medzerník a sledujte, ako opäť vystrelia smerom von!

Nanešťastie pre tento neexistuje žiadny návod, aj keď by som vám odporučil vyskúšať režim jedného milióna častíc, ak to váš počítač zvládne. Pridajte projektor a tmavú miestnosť pre nekonečnú zábavu!

Vytvorené AlteredQualia ktorý tiež napísal úžasné ro.me interaktívny film (ktorý sa objavil aj v Chrome Experiments), autá WebGL sú 3D hračkou, ktorá vám umožní ovládať Bugatti Veyron a Lamborghini Gallardo z viacerých uhlov kamery.

Jedna vec, ktorá je na tom obzvlášť skvelá, je ukážka rozmazania pohybu, hĺbky ostrosti a rôznych svetelných podmienok. Ok, a dieťa vo mne sa miluje s autíčkami – čo môžem povedať?

Toto je jedna z tých reakčných hier, ktorých cieľom je presunúť cieľ myšou (alebo v tomto prípade aj klávesnicou) v snahe vyhnúť sa blížiace sa prekážky – až na to, že je lepšia ako ostatné, pretože táto zahŕňa X-Wing a niečo, čo vyzerá ako zákopový beh od Star vojny.

Autor, ktorý sa volá OutsideOfSociety, má za sebou oveľa viac experimentov WebGL webové stránky.

My Robot Nation, plne funkčný front-end elektronického obchodu, využíva silu WebGL, aby vám umožnil navrhnite, vymaľujte a prispôsobte si svojho vlastného hračkárskeho robota predtým, ako vám ho pošleme ako súpravu cena.

Ok, takže si robota nemusíte kupovať, aby ste sa z neho dostali – ale ak strávite tak dlho ako ja a snažíte sa vyrobiť niečo, čo sa nejasne podobá na Robobraina Spad Zaujmite tieto Wiki na 4 fiktívnych post-apokalyptických svetochSkočili ste niekedy na wiki svojej obľúbenej relácie alebo knižnej série a potom ste upadli do časovo presýteného časového posunu? Viete, o čom hovorím – niečo ako klasická čierna diera TVTropes... Čítaj viac sériu, ktorú si budete priať. Nezabudnite si pozrieť aj výtvory všetkých ostatných!

Ďalšia hra typu „vyhýbaj sa prekážkam myšou“, až na to, že táto hra je pokračovaním originálu FastKat podľa Omiod, pomerne populárna HTML5 hra, ktorú ste už možno hrali. Pokračovanie je rýchlejšie, ťažšie a skutočne veľmi návykové.

Len to nezačínajte hrať, keď máte čo robiť...

Posledný experiment, ktorý tu uvádzame (zo stoviek, bolo ťažké vybrať len 8) je dosť zvláštny, pretože vám umožňuje manipulovať s objektmi WebGL pomocou kódu za behu. Okrem súboru ukážok na prezeranie a hranie je tu aj séria návodov, ktoré vám pomôžu naučiť sa niečo o WebGL.

Nie som kódovač (strašne si pamätám slová, nieto ešte funkcie), ale dokonca aj mňa to zaujalo a mierne mi umožňuje manipulovať a hrať sa s WebGL so skvelým tutoriálom, ktorý mi pomôže ruka. Ak máte záujem vyskúšať niečo také, ale neviete, ako to urobiť, potom je toto skvelé miesto, kde začať.

Záver

Webová stránka Chrome Experiments je len platformou pre umelcov a programátorov, do ktorej môžu odosielať svoje výtvory, ale je to tak slúži skvelému účelu – zvýrazniť talenty a pomôcť naučiť ostatných o možnostiach nových webových technológií. Existujú dokonca experimenty Chrome, ktoré fungujú na vašom mobile!