30 WebGL eksperimenti, kas ir tikai Wow!
Lūk, jūsu acīs nāk liels rīks ar lieliem solījumiem. Tas ir ātrs un gluds. Tas padara 3D, un ar integrāciju tas atdzīvina, uzmini, kas tas ir? HTML5? CSS3? Nē, to sauc par WebGL, programmatūras bibliotēku, kas paplašina JavaScript iespējas, lai radītu interaktīvu 3D grafiku, un jā, bez spraudņiem!
Šajā vitrīnā mēs negribam parādīt jums parastās lietas. Mēs vēlamies jums parādīt 30 WebGL eksperimentss, ko profesionāli izstrādātāji ir rūpīgi izstrādājuši, lai jūs varētu liecināt par WebGL patieso varu, kas ir ne tikai iedvesmojošs, bet arī ļauj jums ieskatīties, kā varētu izskatīties tīmekļa nākotne. Pārlēkt nākotnē pēc klikšķa!
Ļoti ieteicams skatīt šos demonstrējumus, izmantojot jaunāko programmas Google Chrome izstrādātāja versiju. Lielākā daļa demo atbalsta Firefox, Google Chrome un Safari jaunāko versiju.
3 Melnā sapņi
Google Datu mākslas komandas autors, 3 „Dreams of Black” piedāvā trīs sapņu pasauli, kas veidota, apvienojot bagātīgus 2D zīmējumus un animācijas, kas ir savstarpēji saistītas ar interaktīvām 3D sekvencēm. Pārbaudiet brīnumus par brīnišķīgu pieredzi!
Animācijas apjoma daļiņas
Tas ir patiešām mākslinieciski animēti dzīvnieki, kurus veido 3D daļiņas, izmantojot pludiņš tekstūras un rāmja bufera objektus. Vairāk pārsteigums, ja pārvietojat peli!
Akvārijs
Simulē zemūdens vidi? Tā nav problēma WebGL. Demo attēloti 3D modeļi ar augstas kvalitātes tekstūru, ainas animāciju, pikseļu ēnas animāciju, atstarojumiem, refrakciju un caustiku, tikai viss, lai izveidotu reālu zemūdens ainas!
Azatioprīns
Iespējams, visvairāk episkā WebGL demo, pietiekami teica. Cepures gals autors Jochen Wilhelmy.
Piesaistītāju brauciens
Ja vēlaties izbaudīt 3D, tas ir labākais demo jums, arī meditējiet ar milzīgo WebGL grafikas skaistumu, izmantojot Martin Hopalong formulu.
Medūzas
“Procedūras modelēšana veikta ar Side FX Houdini. Eksportēts ar Python eksportētāju json formātā. Tekstūra krāsota, izmantojot Autodesk Mudbox. Animēts ar virsotnes ēnotāju.”
Chrysaora
Tā nav regulāra animācijas demonstrācija, bet tajā ir dinamiski imitēti skeleti, daļēja servera puses simulācija un sinhronizācija ar WebSocket, kameru vērsta daļiņu sistēma, tilpuma gaismas efekts un Vladimir Vukićević mjs matricas bibliotēka. Īsāk sakot, pārsteidzošs eksperiments ar sarežģītiem darbiem.
HelloRacer
Iepazīstinām ar augstas klases interaktīvo automobiļu simulāciju, ko jums piedāvāja tikai HelloEnjoy.
Materiāli: Automašīnas
Bugatti Veyron, Lamborghini Gallardo, Ferrari F50 un Chevrolet Camaro jūsu pārlūkprogrammā. Izvēlieties savu braucienu un izbaudiet skatu. Heck, jūs pat varat izvēlēties savas krāsas.
WebGL automašīnas
„Need for Speed” sērijas nākotne būs tīmekļa pārlūkprogrammā. Pārāk ambicioza? Protams, ne tad, ja esat apmeklējis šīs automašīnas, kas tiek piedāvātas ar dinamiskām kuba kartēm, ēnu kartēm un pēcapstrādes efektiem.
Mana robota nācija
Nu, ja skaitlis nav jūsu mīļākais, tad mēģiniet veidot vēsu un burvīgu robotu un izrādīt savu draugu! Jūs pat varat tērēt savus dolārus, lai padarītu to par reālu darījumu.
Pacmaze
Kā par 3D Pac-Man spēli? Grafiskais un spēle ir jauki, un vissvarīgāk tas ir jautri!
Sarkans šaušanas kapuce
Tagad šeit ir gudrs ... vai asiņains. Šī ir nekas cits kā interesanta spēle, lai parādītu WebGL iespējas, kad tā ir kļuvusi par lejupejošo šāvēja spēli. Protams, jautri un jautri.
TankWorld
Jūs domājat, ka tā ir patīkama tvertnes šāvēja spēle ar ieročiem, ko izmantot, un kartes, lai izpētītu, un dažos līmeņos jūs pat varat saņemt helikopteru, lai izpētītu pasauli! Tas ir patiešām vairāk nekā tikai parasta spēle, un grafika izskatās ērta!
Pulpo
Labākais piemērs tam, kā vienkāršas grafikas un animācijas var iespaidot cilvēkus, kad tie ir izdarīti pareizi.
Virsma
Iepazīstieties ar virsmu, elegantu un iedvesmojošu Paul Lewis eksperimentu. Demo var ne tikai mainīt izmēru, elastību, automātisko orbītu, stiepļu karkasu un raindrops, bet arī velciet un nometiet savus attēlus tajā, lai izjustu efektu citādi.
Foto daļiņas
Vienkārši nometiet savu iecienītāko attēlu šajā demonstrācijā un izbaudiet to, ka tas eksplodē tonnas daļiņu un mijiedarbojas ar kādu magnētismu. Eksperiments ir četru tehnoloģiju apvienojums: HTML5's Drag and Drop, File API, Canvas un WebGL.
Rutt-Etra-Izer
Rutt-Etra-Izer ir klasiskās Rutt-Etra video sintezatora WebGL emulācija. Demo ļauj ievietot savus attēlus un manipulēt ar tiem. Ar šo saturu 2D attēls var pat izskatīties kā 3D!
Šausmīgā deja
Vienkāršs, bet ievērojams demo, kas parāda, cik lieli WebGL var būt, ar anizotropu gaišāku ēnotāju un negodīgu virsotnes deformāciju.
Ultranoir
Vēl viens lielisks eksperiments, kas parāda WebGL potenciālu. Nouvelle Vague piedāvā poētisku un interaktīvu reāllaika 3D pieredzi, kas balstīta uz čivināt, un tas, ko jūs redzēsiet, būs tweets, kas tiek veikti ar dažādiem lidojošiem objektiem. Protams, māksliniecisks veids, kā izbaudīt tweets.
Undulating Monkey
“Šoreiz es tikai gribēju veikt testu, lai noskaidrotu, cik daudz virsotņu pozīciju un normālu es varētu atjaunināt tieši JavaScript. Izrādās, ka 2000 ir tikai labi :) Es arī pievienojos mazliet vides kartēšanai. Un dīvainība. Vienmēr pievienojiet dīvainību.”
Video FX
Iespaidīgs app, ko veic Daniel Pettersson, kas ļauj jums piemērot vairāku vienlaicīgu pēcapstrādes efektu Happy Feet 2 piekabei. Izmēģiniet un jautri!
Voxels Liquid
Klasiskā 2D ūdens efekta algoritma 3D attēlojums parāda arī to, kā interaktīvā WebGL ir.
WebGL grāmatu skapis
Pārlūkojiet vairāk nekā 10000 grāmatu vākus ar šo WebGL grāmatu skapi, ko izstrādājusi Google datu mākslas komanda. Varat arī meklēt pēc temata, atvērt katra modeļa 3D modeli, noklikšķinot uz tās, un ielādēt grāmatas tālrunī ar QR kodu.
WebGL Globe
Laba Google komandas eksperiments, kas liek jums justies kā jūs nākotnē, ar savu skaisto, eleganto un futūristisko datu vizualizāciju.
Pasaules lidojumi
Vēl viena vizuāli pievilcīga datu vizualizācijas programma, kas vizualizē lielāko aviokompāniju lidojumu maršrutus, izskatās daudzsološa!
WebGL attēlu filtrs
Grafiskā redaktora lietojumprogramma ar WebGL? Tas nekad nav neiespējami. Vislabāk tas ir ātrs un gluds!
WebGL ūdens
“Ūdens baseins, kas veidots ar atstarošanu, refrakciju, caustiku un apkārtējo oklūziju. Baseins tiek modelēts ar augstumu un tajā ir sfēra, kas var mijiedarboties ar ūdens virsmu.”
Pārdomas
Lielākā problēma, ar ko saskārās WebGL, ir varbūt tā drošība. Saskaņā ar Vikipēdijas datiem Amerikas Savienoto Valstu ārkārtas gatavības komanda (US-CERT) sniedza brīdinājumu, ka WebGL satur vairākus iespējamus drošības jautājumus, kas var novest pie patvaļīgas koda izpildes, pakalpojumu atteikšanas un pat starpdomēnu uzbrukumiem. Tas nozīmē ļoti, ļoti daudz vietnes īpašniekam.
Tomēr Khronos grupa, kas ietver Mozilla un Google, ir ierosinājusi iespējamos risinājumus un turpmāko attīstības pieeju, lai stiprinātu drošību pret iespējamiem draudiem drošībai. Cerams, ka problēmas var tikt samazinātas un pat atrisinātas nākotnē, jo WebGL ir tik daudz iespēju, kā to demonstrē talantīgi un profesionāli izstrādātāji.!
Ļaujiet mums zināt, kurš eksperiments jūs pārsteidz visvairāk, un, protams, izstāstiet mums, ja jums tas ir!
Vairāk saistītu ziņu:
- HTML5 tīmekļa vietne: 48 potenciālās Flash-nogalināšanas demonstrācijas
- HTML5 tīmekļa vietne: 15 papildu eksperimenti
- Iedvesmojošas CSS3 animācijas demonstrācijas
