WebGL is een van de mogelijke technologieën voor het web van de toekomst waarbij het internet niet alleen zal worden gemaakt door statische sites, maar ook door interactieve 3D-toepassingen . WebGL is een technologie die momenteel wordt gepromoot door Google en Mozilla en die de mogelijkheid van Javascript uitbreidt om 3D-afbeeldingen te genereren zonder plug-ins. In deze showcase zien we de beste 30 experimentele sites die met WebGL zijn ontwikkeld en die allemaal te klikken en te zien zijn, omdat ze in veel gevallen spectaculair zijn !
Om deze sites te openen, is de Google Chrome- browser of de nieuwste versie van Firefox of Safari vereist ; voorlopig zijn ze niet zichtbaar met Internet Explorer.
Elk van deze sites is, na het openen ervan, de moeite waard om ze in volledig scherm te zien door op de F11- toets op het toetsenbord te drukken.
LEES OOK: Beste Flash- en HTML5-sites, de mooiste, geanimeerde en interactieve
1) Interactieve video's
- 3 Dreams Of Black is een virtuele wereld opgebouwd uit tekeningen en animaties die met elkaar verweven zijn in interactieve 3D-reeksen.
- Acquarium is een echt aquarium waar een onderwateromgeving wordt nagebootst. De demo biedt 3D-vismodellen met hoogwaardige texturen, animaties, pixel-shaders en alles wat je nodig hebt om het beeld absoluut realistisch te maken. In het linkermenu kun je de camera wijzigen en het aantal vissen verhogen.
- Attractors Trip is een interactieve demo waarbij je een trip in hyperspace in 3D kunt ervaren. Je kunt versnellen met de pijlen op het toetsenbord op en neer en de rotatie veranderen met links en rechts.
- Kwal is de kwal die op een wetenschappelijke en realistische manier is gereproduceerd.
- Wobble Dance is een prachtige video waarin een gezicht beweegt met een zeer verontrustende muziek.
- Cirque De Soleil die dansen en zingen in een interactieve video is een "Chrome-experiment" dat wordt gepromoot door Google.
- De video voor de film van de Great and Powerful Wizard of Oz was een interactieve applicatie in HTML5, in het Italiaans, ontwikkeld door Disney en Google.
2) Auto's Drie prachtige sites zijn opgedragen aan liefhebbers van racewagens en Formule 1 Ferrari.
- In HelloRacer kun je een Ferrari rijden die getrouw in 3D is gereproduceerd, met behulp van de pijlen en de beweging ervan volgt zoals in een videogame.
- Een andere 3D-site is ook gewijd aan auto's: Material Cars waar de modellen van de Lamborghini Gallardo, Bugatti Veyron, Ferrari F50 en Chevrolet Camaro- auto's worden gereproduceerd en u kunt ook de kleur kiezen.
- De derde site is WebGL Cars, waar het mogelijk is om twee raceauto's te besturen die in 3D zijn bekeken met verschillende hoeken. De ene machine wordt aangedreven met pijlen, de andere met WASD-toetsen; door op B te drukken zet je het snelheidseffect terwijl je met N de Nachtweergave kunt instellen.
3) Creatie
- Collectibles Printer is een webapplicatie waar je een 3D menselijke figuur kunt creëren door middel van een simpele editor.
Het lijdt geen twijfel dat WebGL kan worden gebruikt om webapplicaties te ontwikkelen, en deze 3D-figuurontwerper zal je laten glimlachen met zijn leuke componenten en soepele gebruikerservaring.
Uiteindelijk kun je je creatie delen met een link.
- Google Web Lab is een reeks online experimenten, waaronder het beste van het orkest waar u een interactieve sequencer kunt spelen. Het is direct verbonden met het London Science Museum. Er is ook de Data Tracer om naar afbeeldingen in de wereld te zoeken, Teleporter, om webcams in andere landen te zien en Sketchbots om je gezicht te zien.
- Sketch is een schoolbord waar je met de muis kunt tekenen; elk ontwerp kan 360 graden worden gedraaid.
Andere leuke creatiesites staan in het artikel Abstracte kunst en schilderijen en tekeningen maken op internet
4) Online games in WebGL - Pacman met een subjectief beeld FPS is prachtig, het is het Pac Man-spel in 3D dat zelfs op de Playstation nog nooit is uitgebracht!
TankWorld is een schietspel met verschillende kaarten om te verkennen en verschillende niveaus om te spelen.
- Playmapscube is het spel waar je een bal in een Google Maps-kubus kunt rollen die ik een paar maanden geleden noemde, in het artikel over games gebaseerd op Google Maps, dat zich afspeelt in de echte wereld.
5) Fotomanipulatie - Rutt-Etra-Izer is een webapplicatie waar je een foto kunt uploaden en in 3D kunt bekijken met een heel bijzonder effect. Om de afbeelding op te slaan, kunt u op de S-toets drukken, terwijl u aan de rechterkant de weergave kunt aanpassen door de verschillende parameters te verplaatsen.
- WebGl-filter is een echte interactieve webfotobewerkingsapp waarmee u een foto kunt uploaden en de verschillende parameters kunt verplaatsen om verschillende effecten toe te passen en afbeeldingen te bewerken.
5) Twitter
Ultranoir is een 3D-animatievideo die kan worden geïntegreerd met Twitter.
Je kunt een hashtag specificeren, misschien wel de meest genoemde in Twitter van vandaag, is om de verschillende Tweets te lezen die worden uitgevoerd door vliegende objecten, vliegtuigen, ruimteschepen, allemaal gekruid met romantische muziek en een ontspannen sfeer.
Door de muis te bewegen en te klikken, kunt u de weergave wijzigen.
6) Google Chrome Experiments is de Google WebGL-experimentenpagina, waaronder: - BookCase WebGL is een virtuele boekwinkel waar u door 10.000 boekomslagen van Google Boeken kunt bladeren.
Je kunt ook zoeken op onderwerp, een 3D-model openen en boeken downloaden op je mobiele telefoon met de QR-code.
Helaas worden alleen boeken in het Engels verzameld.
- Google Gravity is een leuke manier om op Google te zoeken, waarbij de stukjes van de pagina op de grond vallen.
Google Gravity is een van de beste grappen van Google.
- Ballenbad waar je met ballen kunt spelen.
- Met WordFlights kunt u de routes van alle hoofdvliegtuigen bekijken en ze filteren op bedrijf.
- StreetView StereoGraphic is een webapplicatie waarbij aan de ene kant Google Maps staat en aan de andere kant Google StreetView waarbij de straten worden gezien alsof ze in een glazen bol zitten.
- Toki Toki is een klok gemaakt met scrollen op de website.
Ten slotte herinner ik me dat je de WebGL-afbeeldingen ook op Google Maps kunt activeren.
