Spela, lära och upplev New Web Technologies med Chrome Experiments

Webbplatsen Chrome Experiments är en showcase för alla saker som är nya och spännande när det gäller webbteknik och webbläsares utveckling, med fokus på JavaScript. HTML5 10 webbplatser för att se vad HTML5 handlar om 10 webbsidor för att se vad HTML5 handlar om Läs mer, duk, SVG och 3D WebGL-motorn är alla framträdande i små gnistor av kreativitet som banar vägen till ett snyggare och mer interaktivt Internet.

En av de bästa sakerna kring Chrome Experiments är att webbplatsen uppmuntrar till att lära 4 TEST-samtal om kreativitet, inspiration och passion 4 måste se TED-samtal om kreativitet, inspiration och passionskreativitet. Inspiration. Passion. Det här är alla begrepp som vi är mycket medvetna om, men inte många av oss kan precis ange deras källa. Var kommer kreativitet från? Vad är det som orsakar en ... Läs mer vid sidan av upptäckten, så när du har spelat med ett projekt finns det en bra chans att du kommer att kunna lära dig lite om hur det är gjort - och i vissa fall ge det en gå själv.

Det finns hundratals leksaker att spela med på Chrome Experiments webbplats och för att komma igång, här är några av de bästa.

Webbläsarkrav

Eftersom det här är en Chrome-fokuserad webbplats som drivs av Google, är alla experimenten avsedda att fungera i sin Chrome-webbläsare. Det betyder att du borde ha lite problem med att köra någon av dem om du laddar ner eller uppdaterar till den senaste stabila versionen av Chrome, även om andra moderna webbläsare ska fungera också.

Bara försök inte göra något av det här på IE6 Om du fortfarande använder IE6 Du är ett problem [Yttrande] Om du fortfarande använder IE6 Du är ett problem [Yttrande] IE6 var det bästa av det bästa när det kom nypressad ur Microsofts mjukvarufabrik. På grund av det kunde man uppnå rekordet 95% webbläsares marknadsandel på höjden av ... Läs mer, okej?

3D-moln

Dessa moln är inte sanna 3D - som författaren Jaume Sanchez påpekar - men föreställ dig om din webbplats eller till och med skrivbordsbakgrund genererade vackra 3D-liknande moln med ingenting annat än CSS och lite JavaScript. Det är uppenbart att vi inte är långt ifrån den här scenen som den här demonen visar.

Jaume s webbplats är full av andra intressanta experiment som involverar HTML5, samt ett antal handledningar för att hjälpa dig att komma igång med att skapa ditt eget. Om du vill veta hur han gjorde dessa moln så kan du läsa allt om det här.

Svarvverkstad

Mjukare än funktionell, den här WebGL-drivna vredet från Einar Öberg använder mellanslag och muspekare för att återskapa konsten att vrida ved, metall och sten för hand. Einar byggde demo så visa upp en enkel procedurisk shader, men han lade också till några ljud för äkthet.

Medan du inte är en komplett handledning kan du lära dig lite mer om hur det gjordes på författarens blogg.

GPU Partikel Attractors

Ett experiment som involverar partikel effekter och WebGL-motorn, Edouard Coulon har skapat något riktigt vackert du kan manipulera med din mus och mellanslag. Klicka för att locka partiklarna till mitten av skärmen och tryck sedan på mellanslagstangenten för att se dem skjuta utåt igen!

Det finns ingen handledning för den här tyvärr, men jag rekommenderar att du trycker på en miljon partikelläge om datorn kan hantera den. Lägg till en projektor och ett mörkt rum för oändlig roligt!

WebGL-bilar

Tillverkad av AlteredQualia som också författat den fantastiska ro.me interaktiva filmen (som också har presenterats på Chrome Experiments) är WebGL-bilar en 3D-leksak som låter dig styra en Bugatti Veyron och Lamborghini Gallardo från flera kameravinklar.

En sak som är särskilt cool om det här är demonstrationen av rörelseoskärpa, skärpedjup och olika ljusförhållanden. Ok, och barnet i mig älskar att leka med leksaksbilar - vad kan jag säga?

X-Wing

Det här är ett av de reaktionsspel där målet är att flytta målet med musen (eller i det här fallet tangentbordet) för att undvika kommande hinder - förutom att det är bättre än resten eftersom det här innebär en X-Wing och vad ser ut som grävloppet från Star Wars.

Författaren som heter OutsideOfSociety, har många fler WebGL-experiment på sin webbplats.

Min Robot Nation

En fullfunktionell e-handelsfrontfront, utnyttjar My Robot Nation kraften i WebGL så att du kan designa, måla och anpassa din egen leksaksrobot innan du skickar den till dig till ett bestämt pris.

Okej, så du behöver inte köpa roboten för att få sparka av det - men om du spenderar så länge jag försökte göra något som vagt liknar en Robobrain från Fallout Pique Din intresse med dessa Wikis på 4 fiktiva Post-Apocalyptic Worlds Pique Ditt intresse med dessa Wikis på 4 fiktiva post-apokalyptiska världar Har du någonsin hoppat på wikien i din favorit- eller bokserie och sedan föll i en innehållsmättad tidsvärde? Du vet vad jag pratar om - något som det klassiska TVTropes svarta hålet ... Läs mer serier så skulle du önska att du hade. Glöm inte att kolla alla andras skapelser också!

FastKat 2

Annan “Undvik hinder med musen” typ spel, förutom att den här är en uppföljare till den ursprungliga FastKat by Omiod, ett ganska populärt HTML5-spel som du kanske redan har spelat. Uppföljaren är snabbare, hårdare och väldigt beroendeframkallande.

Börja inte spela det när du har jobb att göra ...

Livecodelab

Det slutliga experimentet som presenterades här (av hundratals, det var svårt att välja bara 8) är ganska speciellt eftersom det låter dig manipulera WebGL-objekt med hjälp av kod på flykt. Förutom en uppsättning demonstrationer som du kan spela och spela med finns det en serie handledning för att hjälpa dig att lära dig lite WebGL.

Jag är inte en kodare (jag är hemsk för att komma ihåg ord för att inte tala om funktioner) men även jag tyckte att det var engagerande och lätt att manipulera och fiska runt med WebGL med en bra handledning för att hålla min hand. Om du är intresserad av att ge den här typen av saker en gå men har ingen aning om hur man gör det då är det här ett bra ställe att börja.

Slutsats

Webbplatsen Chrome Experiments är bara en plattform för artister och kodgivare att skicka in sina skapelser, men det tjänar ett stort syfte - att lyfta fram talang och hjälpa till att lära andra om möjligheterna till ny webbteknologi. Det finns även Chrome Experiments som fungerar på din mobil!

Utforska mer om: Google, Google Chrome.