Gioca, impara e vivi le nuove tecnologie Web con gli esperimenti di Chrome

Il sito Web Chrome Experiments è una vetrina per tutte le novità e le novità relative alle tecnologie Web e ai progressi del browser, con particolare attenzione per JavaScript. HTML5 10 siti Web per vedere cosa HTML5 è tutto su 10 siti Web per vedere che cos'è HTML5 Tutto su Leggi di più, canvas, SVG e il motore 3D WebGL sono tutti prominenti in piccole scintille di creatività che stanno aprendo la strada ad una Internet più carina e interattiva.

Una delle cose migliori di Chrome Experiments è che il sito incoraggia l'apprendimento 4 Talk TED imperdibili su creatività, ispirazione e passione 4 discorsi TED imperdibili su creatività, ispirazione e creatività della passione. Ispirazione. Passione. Questi sono tutti concetti di cui siamo molto consapevoli, ma non molti di noi possono individuare con precisione la loro fonte. Da dove viene la creatività? Cos'è che causa un ... Leggi di più insieme alla scoperta, quindi una volta che hai giocato con un progetto ci sono buone possibilità che tu possa imparare un po 'su come è fatto - e in alcuni casi provarlo tu stesso.

Ci sono centinaia di giocattoli con cui giocare sul sito web di Chrome Experiments e per iniziare, ecco alcuni dei migliori.

Requisiti del browser

Poiché si tratta di un sito Web basato su Chrome gestito da Google, tutti gli esperimenti sono pensati per funzionare nel browser Chrome. Ciò significa che dovresti avere pochi problemi nell'esecuzione di uno di essi se scarichi o esegui l'aggiornamento all'ultima versione stabile di Chrome, anche se anche altri browser moderni dovrebbero funzionare.

Basta non provare a fare nulla di tutto questo su IE6 Se stai ancora usando IE6 sei un problema [parere] Se stai ancora usando IE6 sei un problema [parere] IE6 è stato il meglio del meglio quando è appena uscito dalla fabbrica di software di Microsoft. Per questo motivo è stato in grado di raggiungere il record del 95% di quota di mercato dei browser al culmine del ... Read More, okay?

Nuvole 3D

Queste nuvole non sono vere 3D - come fa notare l'autore Jaume Sanchez - ma immagina se il tuo sito Web o persino lo sfondo del desktop generassero nuvole piuttosto simili a 3D che utilizzavano nient'altro che CSS e un po 'di JavaScript. Evidentemente non siamo lontani da quel palco come dimostra questo demo.

Il sito di Jaume è pieno di altri interessanti esperimenti che coinvolgono HTML5, oltre a un sacco di tutorial per aiutarti a iniziare a crearne uno tuo. Se vuoi sapere come ha creato queste nuvole, puoi leggere tutto qui.

Laboratorio di tornio

Più divertente che funzionale, questo tornio con motore WebGL di Einar Öberg utilizza la barra spaziatrice e il puntatore del mouse per ricreare l'arte di trasformare a mano legno, metallo e pietra. Einar ha costruito la demo in modo da mostrare un semplice shader procedurale, ma ha anche aggiunto alcuni suoni per l'autenticità.

Anche se non è un tutorial completo, puoi imparare un po 'di più su come è stato fatto sul blog dell'autore.

Attrattori di particelle GPU

Un esperimento che coinvolge effetti particellari e il motore WebGL, Edouard Coulon ha creato qualcosa di veramente bello che puoi manipolare con il mouse e la barra spaziatrice. Clicca per attirare le particelle al centro dello schermo e poi colpisci la barra spaziatrice per vederle sparare di nuovo verso l'esterno!

Sfortunatamente non esiste un tutorial per questo, anche se consiglio di provare la modalità da un milione di particelle se il tuo computer è in grado di gestirlo. Aggiungi un proiettore e una stanza buia per un divertimento senza fine!

Automobili WebGL

Realizzato da AlteredQualia, autore anche del fantastico film interattivo ro.me (anch'esso pubblicato su Chrome Experiments), le auto WebGL sono un giocattolo 3D che ti permette di controllare una Bugatti Veyron e una Lamborghini Gallardo da più angolazioni.

Una cosa particolarmente interessante è la dimostrazione di motion blur, profondità di campo e diverse condizioni di illuminazione. Ok, e il bambino in me ama giocare con le macchinine - cosa posso dire?

X-Wing

Questo è uno di quei giochi di reazione in cui lo scopo è quello di muovere il bersaglio con il mouse (o anche in questo caso la tastiera) nel tentativo di evitare ostacoli in arrivo - eccetto che è meglio del resto perché questo coinvolge un X-Wing e cosa assomiglia alla corsa di trincea di Star Wars.

L'autore che va sotto il nome OutsideOfSociety ha molti più esperimenti WebGL in corso sul suo sito web.

My Robot Nation

Un front-end di e-commerce completamente funzionale, My Robot Nation sfrutta la potenza di WebGL per consentire all'utente di progettare, dipingere e personalizzare il proprio robot giocattolo prima di averlo spedito per un prezzo fisso.

Ok, quindi non devi comprare il robot per farti divertire - ma se spendi tutto il tempo che ho provato a creare qualcosa che assomiglia vagamente a un Robobrain di Fallout Pique, il tuo interesse con questi wiki su 4 finzione I mondi post-apocalittici stuzzicano il tuo interesse con questi wiki su 4 mondi post-apocalittici fittizi Hai mai saltato sul wiki della tua serie preferita di libri o show, per poi cadere in una distorsione temporale saturo di contenuti? Sai di cosa sto parlando - qualcosa di simile al classico buco nero di TVTropes ... Leggi di più serie allora ti augurerai di averlo. Non dimenticare di dare un'occhiata alle creazioni di tutti gli altri!

FastKat 2

Un altro “evitare gli ostacoli con il mouse” type game, tranne che questo è il seguito del FastKat originale di Omiod, un gioco HTML5 abbastanza popolare che potresti aver già giocato. Il seguito è più veloce, difficile e molto avvincente.

Non iniziare a giocare quando hai del lavoro da fare ...

Livecodelab

L'esperimento finale presentato qui (di centinaia, è stato difficile sceglierne solo 8) è piuttosto speciale in quanto consente di manipolare gli oggetti WebGL utilizzando il codice al volo. Oltre a una serie di dimostrazioni su cui giocare e giocare, ci sono una serie di tutorial per aiutarti ad imparare alcuni WebGL.

Non sono un programmatore (sono terribile nel ricordare le parole e tanto meno le funzioni) ma anche io l'ho trovato coinvolgente e leggermente abilitante a manipolare e giocherellare con WebGL con un ottimo tutorial per tenermi la mano. Se sei interessato a dare questo genere di cose, ma non hai idea di come farlo, allora questo è un ottimo punto di partenza.

Conclusione

Il sito web Chrome Experiments è semplicemente una piattaforma per artisti e programmatori per inviare le loro creazioni, ma ha un grande scopo: mettere in risalto talenti e aiutare ad insegnare agli altri le possibilità offerte dalle nuove tecnologie web. Esistono persino gli esperimenti di Chrome che funzionano sul tuo dispositivo mobile!

Scopri di più su: Google, Google Chrome.