9 More Mind-Blowing WebGL Demos

ByDavid Walsh onJuly 30, 2013

  • 15
    • 15

Firefox OS:n, asm.js:n ja selaimen suorituskykyparannusten myötä kanvaasit- ja webGL-tekniikat avaavat uusien mahdollisuuksien maailmaan. Esittelin 9 Mind-Blowing Canvas -demoa ja nostin sen sitten tasoa 9 Mind-Blowing WebGL -demolla, mutta haluan ylittää ne tällä postauksella. Löysin vielä yhdeksän mielettömämpää WebGL-demoa, joita sinun ei kannata jättää väliin. Nauti!

WebGL Water

Tämä uskomaton demo on niin sujuva kuin voit uskoa. Nosta ja pudota pallo veteen nähdäksesi realistista, kaunista veden roiskumista. Voit myös vain klikata vettä nähdäksesi sen aaltoilevan. Olen täysin ällistynyt siitä, miten realistinen ja sulava animaatio on tässä erinomaisessa WebGL-demossa. Unreal.

Fizzy Cam

Fizzy Cam käyttää koneesi web-kameraa näyttääkseen kuvasi, mutta tuhansien liikkuvien palikoiden peittämänä, mikä antaa hauskan ja taiteellisen tunnelman näyttöön. Laatikot liikkuvat liikkeen mukana, joten liiku demoa käyttäessäsi ja ihmettele, miten luova tämä WebGL-demo on.

Blossom

Blossom-demo animoi puun lehtiä. Se kuulostaa yksinkertaiselta, mutta tässä WebGL-herkussa on jotain hyvin realistista; lehdet näyttävät niin aidoilta ja virtaavat niin luonnollisesti, että et voi olla katsomatta. Kutsu minua pehmeäksi, mutta minusta tämä animaatio on uskomattoman kaunis.

Teach Me to Fly

Teach Me to Fly on hauska peli, jossa hahmosi lentää ilmassa ja sinun tehtäväsi on ohjata häntä rakennusten ympäri. Ohjaus on yksinkertainen, peli on yksinkertainen ja silti se on erittäin hauska ja haastava pelata. 3D-rakennukset näyttävät erinomaisilta ja ohjaus on kohdallaan.

Visualeyezer

Tässä demoversiossa on valtava silmä, joka seuraa kursoriasi ympäri ruutua ja sykkii ja vaihtaa väriä musiikin soidessa. Häiritsevää? Vähän. Vaikuttavaa? Ehdottomasti. Yksityiskohtaisuus silmän vähemmän ilmeisissä osissa on se, mikä todella kiinnitti huomioni — sujuva, sileä ja johdonmukainen.

Nucleal

Nucleal on toinen partikkelipohjainen animaatio, mutta tämä ylittää muut. Valitse käytettävien partikkelien määrä (eli kuinka paahteiseksi haluat prosessorisi tulevan) ja vedä/pidä kiinni animaation ympärillä nähdäksesi eri näkökulmia. Hiukkaset animoituvat myös at ja käyrät hämmästyttävän sulavasti.

Interaktiivinen maapallo

Tämä interaktiivinen maapallo on hämmästyttävän reaktiivinen ja käytännöllinen. Kun vedät/vedät maapalloa ympäri, tietomerkinnät näkyvät sujuvasti. Maapallon ympärillä pyörivät, animoituvat pallot lisäävät myös upeaa visuaalista näyttävyyttä.

Google Maps Cube

Google Maps Cube on peli, jossa pyörität kursoria kuution ympärillä ja kallistat kuutiota tiettyyn suuntaan, jotta saat pallon määränpäähän kartalla. Tämä on mielenkiintoinen, luova Google Mapsin käyttö ja erittäin hyvin toteutettu.

Ellie Goulding’s Lights

Tämä demo on ehkä kaikkein vaikuttavin, mutta joudun esittelemään sen viimeisenä peitelläkseni häpeääni siitä, että pidän todella paljon tästä…kappaleesta. Ai niin, mutta demo. Tämä demo on erinomainen, jossa on valoja…paljon valoja. Kun musiikki soi taustalla, navigoit valonsäteellä valojen kukkuloiden läpi. Kun painat hiirtä alaspäin, valonsäde kiihtyy. Kun demo jatkuu, animaatioon tulee yhä enemmän valoja ja värejä. En voi suositella tätä demoa tarpeeksi.

Minusta nämä yhdeksän demoa ovat järkyttäviä ja mahdollisesti parempia kuin alkuperäiset yhdeksän. Animaattoreiden tekemä hieno työ on kunnioitusta herättävää ja valtavan kunnianhimoista. Toivottavasti pyritte suuruuteen nähtyänne nämä massiiviset demot!

Vastaa

Sähköpostiosoitettasi ei julkaista.