Redați, aflați și experimentați noi tehnologii Web cu experimente Chrome

Site-ul Experimente Chrome este o vitrină pentru toate lucrurile noi și interesante atunci când vine vorba de tehnologiile web și de progresele browserului, cu accent pe JavaScript. Site-urile HTML5 10 pentru a vedea ce HTML5 are toate cele 10 site-uri web pentru a vedea ce HTML5 are totul despre Citește mai mult, panza, SVG și motorul 3D WebGL apar toate proeminent în mici scânteiere de creativitate care deschid calea spre un Internet mai frumos și mai interactiv.

Unul dintre cele mai bune lucruri despre Experimentele Chrome este că site-ul încurajează învățarea 4 Trebuie să vezi discuțiile TED privind creativitatea, inspirația și pasiunea 4 Trebuie să vezi discuțiile TED privind creativitatea, inspirația și creativitatea pasională. Inspirație. Pasiune. Acestea sunt toate concepte despre care suntem foarte conștienți, dar nu mulți dintre noi își pot identifica cu precizie sursa. De unde provine creativitatea? Ce este ceea ce cauzează ... Citește mai mult alături de descoperire, așa că odată ce ai jucat cu un proiect, există șanse mari să poți învăța un pic despre cum se face - și, în unele cazuri, dă-i drumul.

Există sute de jucării pe care să se joace pe site-ul web al Experimentelor Chrome și pentru a începe să începeți, aici sunt câteva dintre cele mai bune.

Cerințe pentru browser

Deoarece acesta este un site Web concentrat pe Chrome, rulat de Google, toate experimentele sunt menite să funcționeze în browserul Chrome. Acest lucru înseamnă că ar trebui să aveți mici probleme când rulează oricare dintre ele dacă descărcați sau actualizați ultima versiune stabilă a Chrome, deși ar trebui să funcționeze și alte browsere moderne.

Doar nu incercati sa faceti vreunul din aceste lucruri pe IE6 Daca inca folositi IE6 Sunteti o problema [Opinie] Daca folositi IE6 inca sunteti o problema [Opinie] IE6 a fost cel mai bun dintre cei mai buni atunci cand a fost proaspăt stors din fabrica de software a Microsoft. Din acest motiv, a reușit să atingă cota de piață de 95% a browserului la înălțimea ... Citește mai mult, bine?

Nori 3D

Aceste nori nu sunt adevărate 3D - după cum arată autorul Jaume Sanchez - dar imaginați-vă dacă site-ul dvs. sau fundalul desktopului a generat destul de nori 3D, folosind doar CSS și un pic de JavaScript. Evident, nu suntem departe de scena asta, așa cum arată acest demo.

Site-ul lui Jaume este plin de alte experimente interesante care implică HTML5, precum și o mulțime de tutoriale pentru a vă ajuta să începeți să vă creați propria dvs. Dacă doriți să știți cum a făcut aceste nori, atunci puteți citi totul aici.

Atelier de șlefuit

Mai distractiv decât funcțional, acest strung cu motor WebGL de la Einar Öberg utilizează bara de spațiu și indicatorul mouse-ului pentru a recrea arta de a transforma manual lemnul, metalul și piatra. Einar a construit demo-ul astfel încât să arate un simplu shader procedural, dar a adăugat și câteva sunete pentru autenticitate.

Deși nu este un tutorial complet, puteți afla mai multe despre modul în care a fost făcut pe blogul autorului.

GPU Particle Attractors

Un experiment care implică efectele particulelor și motorul WebGL, Edouard Coulon a creat ceva cu adevărat frumos pe care îl puteți manipula cu mouse-ul și cu bara de spațiu. Faceți clic pentru a atrage particulele în centrul ecranului, apoi apăsați pe bara de spațiu pentru a le urmări să trageți în afară din nou!

Nu există un tutorial pentru acest lucru, din păcate, deși aș recomanda încercarea modului de milion de particule dacă computerul se poate descurca. Adăugați un proiector și o cameră întunecată pentru distracție nesfârșită!

WebGL Cars

Făcut de AlteredQualia, care a creat, de asemenea, filmul interactiv ro.me (care a fost prezentat și în experimentele Chrome), mașinile WebGL sunt o jucărie 3D care vă permite să controlați un Bugatti Veyron și Lamborghini Gallardo din mai multe unghiuri ale camerei.

Un lucru deosebit de interesant în acest sens îl reprezintă demonstrarea mișcării de mișcare, a profunzimii câmpului și a diferitelor condiții de iluminare. Ok, și copilul din mine iubește să se joace cu mașini de jucărie - ce pot să spun?

X-Wing

Acesta este unul din acele jocuri de reacție în care obiectivul este să mutați țintă cu mouse-ul (sau, în acest caz, și cu tastatura) în încercarea de a evita obstacolele pe care le întâmpină - cu excepția faptului că este mai bine decât restul, deoarece acesta implică un X-Wing și ce seamănă cu șanțul de la Star Wars.

Autorul care merge sub numele OutsideOfSociety are mult mai multe experimente WebGL care se întâmplă pe site-ul său.

Națiunea robotului meu

Un front-end de comerț electronic pe deplin funcțional, My Robot Nation folosește puterea WebGL pentru a vă permite să vă proiectați, să vopsiți și să vă personalizați robotul dvs. de jucărie foarte personal înainte de a fi expediat către dvs. pentru un preț stabilit.

Ok, deci nu trebuie să cumperi robotul pentru a obține o lovitură din el - dar dacă petreceți atâta timp cât am încercat să fac ceva care seamănă vag cu un Robobrain de la Fallout Pique Interesul tău cu aceste Wikis On 4 Fictional Post-Apocaliptic Lumea Pique dvs. de interes cu aceste Wikis pe 4 fictive Post-apocaliptice Lumi Ați sărit vreodată pe wiki de serii dvs. preferate sau serie de cărți, și apoi a căzut într-un timp de conținut saturate warp? Stii despre ce vorbesc - ceva de genul asta TVTropes black-hole ... Citeste mai multe serii, atunci vei dori sa ai. Nu uitați să verificați și creațiile tuturor celorlalți!

FastKat 2

O alta “evita obstacolele cu mouse-ul” tip de joc, cu excepția faptului că aceasta este o continuare a versiunii inițiale FastKat de Omiod, un joc destul de popular HTML5 pe care probabil l-ați jucat deja. Continuarea este mai rapidă, mai dificilă și foarte dependentă.

Doar nu începe să-l joci când ai de lucru ...

Livecodelab

Experimentul final prezentat aici (de sute, a fost greu de ales doar 8) este destul de special, deoarece vă permite să manipulați obiecte WebGL folosind codul pe-the-fly. Pe lângă un set de demo-uri care pot fi folosite pentru a juca, există o serie de tutoriale care vă ajută să învățați unele WebGL-uri.

Eu nu sunt un coder (eu sunt teribil la amintirea cuvintelor să nu mai vorbim de funcții), dar chiar am găsit-o angajarea și ușor împuternicirea de a manipula și trăi în jurul cu WebGL cu un tutorial mare pentru a ține mâna mea. Dacă sunteți interesat să vă dați un astfel de lucru, dar nu aveți nicio idee cum să faceți acest lucru, atunci acesta este un loc minunat pentru a începe.

Concluzie

Site-ul Web Experimente Chrome este doar o platformă pentru artiști și coderi pentru a-și prezenta creațiile, dar are un scop important - de a evidenția talentul și de ai ajuta pe ceilalți să predea posibilitățile noilor tehnologii web. Există chiar și Experimente Chrome care funcționează pe telefonul tău mobil!

Explorați mai multe despre: Google, Google Chrome.