Spill, lær og opplev ny nettteknologi med Chrome-eksperimenter

Annonse

De Chrome-eksperimenter nettstedet er et utstillingsvindu for alt nytt og spennende når det kommer til nettteknologi og nettleserfremskritt, med fokus på JavaScript. HTML5 10 nettsteder for å se hva HTML5 handler om Les mer , canvas, SVG og 3D WebGL-motoren er alle fremtredende i små gnister av kreativitet som baner vei for et penere og mer interaktivt Internett.

Noe av det beste med Chrome Experiments er at nettstedet oppmuntrer til læring 4 TED-foredrag om kreativitet, inspirasjon og lidenskap du må seKreativitet. Inspirasjon. Lidenskap. Dette er alle konsepter som vi er veldig klar over, men det er ikke mange av oss som kan identifisere kilden nøyaktig. Hvor kommer kreativiteten fra? Hva er det som forårsaker... Les mer ved siden av oppdagelse, så når du først har lekt med et prosjekt, er det en god sjanse for at du vil kunne lære litt om hvordan det gjøres – og i noen tilfeller prøve det selv.

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

Nettleserkrav

Siden dette er et Chrome-fokusert nettsted drevet av Google, er alle eksperimentene ment å fungere i Chrome-nettleseren deres. Dette betyr at du skal ha små problemer med å kjøre noen av dem hvis du laster ned eller oppdaterer til siste stabile versjon av Chrome, selv om andre moderne nettlesere også burde fungere.

Bare ikke prøv å gjøre noe av dette IE6 Hvis du fortsatt bruker IE6, er du et problem [Opinion]IE6 var den beste av de beste da den kom ferskpresset ut fra Microsofts programvarefabrikk. På grunn av det var den i stand til å oppnå rekorden 95% nettlesermarkedsandel på høyden av ... Les mer , greit?

Disse skyene er ikke ekte 3D – som forfatter Jaume Sanchez påpeker – men forestill deg om nettstedet ditt eller til og med skrivebordsbakgrunnen genererte pene, 3D-lignende skyer ved bruk av ikke annet enn CSS og litt JavaScript. Vi er tydeligvis ikke langt unna det stadiet som denne demoen viser.

Jaumes nettsted er full av andre interessante eksperimenter som involverer HTML5, i tillegg til massevis av opplæringsprogrammer for å hjelpe deg med å komme i gang med å lage din egen. Hvis du vil vite hvordan han laget disse skyene, kan du lese alt om det her.

Mer moro enn funksjonell, denne WebGL-drevne dreiebenken fra Einar Öberg bruker mellomromstasten og musepekeren til å gjenskape kunsten å dreie tre, metall og stein for hånd. Einar bygde demoen så vis frem en enkel prosedyremessig shader, men han la også til noen få lyder for autentisitet.

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

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

Det er dessverre ingen opplæring for denne, men jeg vil anbefale å prøve én million partikler-modus hvis datamaskinen din kan håndtere det. Legg til en projektor og et mørkt rom for uendelig moro!

Laget av AlteredQualia som også har skrevet den fantastiske ro.me interaktiv film (som også er vist på Chrome Experiments), WebGL cars er et 3D-leketøy som lar deg kontrollere en Bugatti Veyron og Lamborghini Gallardo fra flere kameravinkler.

En ting som er spesielt kult med dette er demonstrasjonen av bevegelsesuskarphet, dybdeskarphet og forskjellige lysforhold. Ok, og ungen i meg elsker å leke med lekebiler – hva kan jeg si?

Dette er et av de reaksjonsspillene der målet er å flytte målet med musen (eller i dette tilfellet også tastaturet) i et forsøk på å unngå møtende hindringer – bortsett fra at den er bedre enn resten fordi denne involverer en X-Wing og det som ser ut som skyttergraven fra Star Kriger.

Forfatteren som går under navnet OutsideOfSociety har mange flere WebGL-eksperimenter på gang nettsted.

My Robot Nation er et fullt funksjonelt e-handelsfront-end og utnytter kraften til WebGL for å tillate deg det design, mal og tilpass din egen lekerobot før du får den sendt til deg for et sett pris.

Ok, så du trenger ikke kjøpe roboten for å få et kick ut av den – men hvis du bruker så lang tid som jeg gjorde på å prøve å lage noe som vagt ligner en Robobrain fra Falle ut Vekk interessen din med disse wikiene på 4 fiktive post-apokalyptiske verdenerHar du noen gang hoppet på wikien til favorittprogrammet eller bokserien din, og deretter falt i en innholdsmettet tidssprang? Du vet hva jeg snakker om - noe sånt som det klassiske TVTropes-svarthullet... Les mer serie, så skulle du ønske du hadde. Ikke glem å sjekke ut alle andres kreasjoner også!

Et annet spill av typen "unngå hindringene med musen", bortsett fra at dette er en oppfølger til originalen FastKat av Omiod, et ganske populært HTML5-spill du kanskje allerede har spilt. Oppfølgeren er raskere, vanskeligere og veldig vanedannende.

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

Det siste eksperimentet som vises her (av hundrevis, det var vanskelig å velge bare 8) er ganske spesielt ettersom det lar deg manipulere WebGL-objekter ved hjelp av kode mens du er på farten. I tillegg til et sett med demoer du kan se på og leke med, finnes det en rekke opplæringsprogrammer som hjelper deg med å lære WebGL.

Jeg er ikke en koder (jeg er forferdelig til å huske ord enn si funksjoner), men selv jeg fant det engasjerende og litt styrkende til å manipulere og fikle rundt med WebGL med en flott opplæring for å holde meg hånd. Hvis du er interessert i å prøve denne typen ting, men ikke aner hvordan du gjør det, er dette et flott sted å starte.

Konklusjon

Chrome Experiments-nettstedet er bare en plattform for artister og programmerere å sende inn sine kreasjoner, men det tjener en stor hensikt – å fremheve talent og hjelpe til med å lære andre om mulighetene til nye nettteknologier. Det er til og med Chrome-eksperimenter som fungerer på mobilen din!