Spill, lær og opplev nye webteknologier med Chrome-eksperimenter

Nettstedet Chrome Experiments er et showcase for alle ting som er nye og spennende når det gjelder webteknologi og nettleserutvikling, med fokus på JavaScript. HTML5 10 nettsteder for å se hva HTML5 handler om 10 nettsteder for å se hva HTML5 handler om Les mer, lerret, SVG og 3D WebGL-motoren alle fremhever i små gnister av kreativitet som baner vei til et vakrere og mer interaktiv Internett.

En av de beste tingene med Chrome Experiments er at nettstedet oppfordrer til å lære 4 Must-See TED-samtalene om kreativitet, inspirasjon og lidenskap. 4 Må se TED-samtaler om kreativitet, inspirasjon og passjonskreativitet. Inspirasjon. Lidenskap. Dette er alle begreper som vi er veldig oppmerksomme på, men ikke mange av oss kan nettopp finne frem til deres kilde. Hvor kommer kreativitet fra? Hva er det som forårsaker en ... Les mer ved siden av funn, så når du har spilt med et prosjekt, er det en god sjanse for at du kan lære litt om hvordan det er gjort - og i noen tilfeller gi det en gå selv.

Det er hundrevis av leker å leke med på Chrome Experiments nettsted og for å komme i gang, her er noen av de beste.

Nettleserkrav

Siden dette er et Chrome-fokusert nettsted som drives av Google, er alle forsøkene ment å fungere i Chrome-nettleseren. Dette betyr at du bør ha lite problemer med å kjøre noen av dem hvis du laster ned eller oppdaterer til den nyeste stabile versjonen av Chrome, selv om andre moderne nettlesere også skal jobbe.

Bare ikke prøv å gjøre noe av dette på IE6 Hvis du fortsatt bruker IE6 Du er et problem [Opinion] Hvis du fortsatt bruker IE6, er du et problem [Opinion] IE6 var det beste av det beste da det kom ferskpresset ut av Microsofts programvarefabrik. På grunn av det var det i stand til å oppnå rekord 95% nettleser markedsandel på høyden av ... Les mer, okay?

3D Clouds

Disse skyene er ikke ekte 3D - som forfatteren Jaume Sanchez peker på - men forestill deg om nettstedet ditt eller til og med skrivebordsbakgrunnen genererte ganske, 3D-lignende skyer med ingenting annet enn CSS og litt JavaScript. Vel åpenbart er vi ikke langt unna det stadiet som denne demonstrasjonen viser.

Jaume sin side er full av andre interessante eksperimenter som involverer HTML5, samt massevis av opplæringsprogrammer for å hjelpe deg med å komme i gang med å lage din egen. Hvis du vil vite hvordan han gjorde disse skyene, så kan du lese alt om det her.

Lathe Workshop

Mer moro enn funksjonell, bruker denne WebGL-drevne dreiebenken fra Einar Öberg mellomromstasten og musepekeren til å gjenskape kunsten å skifte tre, metall og stein for hånd. Einar bygget demoen, så vis ut en enkel prosessorisk, men han la også til noen lyder for ekthet.

Selv om du ikke er en komplett opplæring, kan du lære litt mer om hvordan det ble gjort på forfatterens blogg.

GPU Particle Attractors

Et eksperiment med partikkeleffekter og WebGL-motoren, Edouard Coulon, har skapt noe virkelig vakkert du kan manipulere med musen og mellomromstasten. Klikk for å tiltrekke partiklene til midten av skjermen, og trykk deretter på mellomromstasten for å se dem skyte utover igjen!

Det er ingen veiledning for dette, dessverre, selv om jeg vil anbefale å prøve en million partikkelmodus hvis datamaskinen din kan håndtere den. Legg til en projektor og et mørkt rom for uendelig moro!

WebGL-biler

Laget av AlteredQualia som også forfattet den fantastiske ro.me interaktive filmen (som også er omtalt i Chrome Experiments), er WebGL-biler et 3D-leketøy som lar deg styre en Bugatti Veyron og Lamborghini Gallardo fra flere kameravinkler.

En ting som er spesielt kult om dette er demonstrasjon av bevegelsesskarphet, dybdeskarphet og forskjellige lysforhold. Ok, og barnet i meg elsker å leke med leketøybiler - hva kan jeg si?

X-Wing

Dette er et av disse reaksjonsspillene hvor målet er å flytte målet med musen (eller i dette tilfellet tastaturet også) for å unngå motgående hindringer - bortsett fra at det er bedre enn resten fordi dette innebærer en X-Wing og hva ser ut som grøften løp fra Star Wars.

Forfatteren som går etter navnet OutsideOfSociety, har mange flere WebGL-eksperimenter på sitt nettsted.

Min Robot Nation

My Robot Nation utnytter kraften til WebGL, slik at du kan designe, male og tilpasse din egen leketøyrobot før du sender den til en bestemt pris.

Ok, så du trenger ikke å kjøpe roboten for å få et spark ut av det - men hvis du bruker så lenge jeg prøvde å lage noe som svakt ligner en Robobrain fra Fallout Pique Din interesse med disse Wikis på 4 fiktive Post-Apocalyptic Worlds Pique Din Interesse Med Disse Wikis På 4 Fiktive Post-Apokalyptiske Verdener Har du noen gang hoppet på wiki av favorittprogrammet ditt eller bokserien, og så falt inn i en innholdsmetert tidsverden? Du vet hva jeg snakker om - noe som det klassiske TVTropes svarthullet ... Les mer serier, så vil du ønske du hadde det. Ikke glem å sjekke ut alle andres kreasjoner også!

FastKat 2

En annen “unngå hindringene med musen” type spill, bortsett fra dette er et oppfølger til den opprinnelige FastKat av Omiod, et ganske populært HTML5-spill du kanskje allerede har spilt. Oppfølgeren er raskere, vanskeligere og svært vanedannende.

Bare ikke begynn å spille det når du har jobb å gjøre ...

Livecodelab

Det endelige eksperimentet som presenteres her (av hundrevis, det var tøft å velge bare 8) er ganske spesielt da det lar deg manipulere WebGL-objekter ved hjelp av kode på fly. I tillegg til et sett med demoer som skal gawp på og leke med, er det en rekke opplæringsprogrammer for å hjelpe deg med å lære litt WebGL.

Jeg er ikke en koder (jeg er forferdelig ved å huske ord enn si funksjoner), men selv jeg fant det engasjerende og litt empowering å manipulere og flappe med WebGL med en flott opplæring for å holde hånden min. Hvis du er interessert i å gi denne typen ting en tur, men har ingen anelse om hvordan du gjør det så er dette et flott sted å starte.

Konklusjon

Nettstedet Chrome Experiments er bare en plattform for kunstnere og kodere å sende inn sine kreasjoner til, men det tjener en stor hensikt - å markere talent og bidra til å lære andre om mulighetene for ny webteknologi. Det er enda Chrome-eksperimenter som fungerer på mobilen din!

Utforsk mer om: Google, Google Chrome.