Présentation de la démonstration de WebGL et de l'API Web Audio

Ilmari Heikkinen

Voici quelques démonstrations intéressantes concernant WebGL et l'API Web Audio que j'ai pu voir au cours des deux dernières semaines.

La visionneuse de vaisseau en ligne EVE est une superbe application de visualisation de vaisseaux en ligne conçue avec WebGL. C'est une très belle façon de présenter les œuvres d'art de l'univers du jeu.

API Web Audio contient plusieurs exemples de traitement audio à l'aide de cet outil. WebGL City est l'une des démonstrations accessibles sur la page des exemples. Cette petite démonstration représente un hélicoptère volant dans un paysage urbain de nuit. L'hélicoptère (pour désactiver la musique en appuyant sur "m", activer le son de l'hélicoptère en appuyant sur "n") utilise les fonctionnalités de son spatialisé des API Web Audio pour faire un panoramique du son de l'hélicoptère d'une enceinte à l'autre.

Certains esprits entreprenants ont implémenté un jeu de serpent avec rien d'autre qu'un nuanceur de fragments WebGL dans le bac à sable GLSL. Je suis sidéré.

Le big bang peut ressembler à n'importe quelle autre animation de particules WebGL, mais la simulation de particules est en fait exécutée sur le GPU. Le simulateur est un nuanceur de fragments qui lit les positions précédentes des particules d'une texture et écrit les nouvelles positions dans une texture FBO.

Blocky Earth récupère les données de Google Earth et les extrait. Elle communique bien les différences de taille. Par exemple, en observant l'Australie et la calotte glaciaire de l'Antarctique, vous pouvez constater que l'épaisseur de la glace continentale est de plusieurs kilomètres.

La Midem Music Machine est une démo musicale amusante de M.Doob et Paul Lamere. C'est une sorte de boîte à musique qui actionne une balle avec des balles rebondissantes. sans problème. Jetez un œil à CreativeJS, qui comporte un bon commentaire.

Pour continuer sur le thème de la visualisation musicale par ordinateur, j'ai récemment consulté cette page sur le bytebeat, une forme de musique générée par une formule de code minimaliste. La page contient des liens vers une superbe visualisation WebGL de la musique. Gregg Tavares a suivi cette idée en créant un bac à sable bytebeat pour créer et partager vos propres morceaux de bytebeat directement depuis le navigateur.