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

Ilmari Heikkinen

Voici quelques démos sympas de WebGL et de l'API Web Audio que j'ai pu voir au cours des deux dernières semaines.

La visionneuse de bateaux en ligne EVE Online est une superbe application de visualisation de bateaux conçue avec WebGL. C'est une très bonne façon de présenter des œuvres d'art dans l'univers du jeu.

La page d'exemples de l'API Web Audio contient plusieurs exemples accrocheurs sur la façon de procéder au traitement audio à l'aide de cette API. WebGL City est l'une des démonstrations accessibles sur la page des exemples. Il s'agit d'une petite démonstration d'un hélicoptère volant autour d'une ville de nuit. L'hélicoptère (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 spatial des API Web Audio pour faire un panoramique sur le son de l'hélicoptère d'un haut-parleur à l'autre.

Des personnes audacieuses ont implémenté un jeu du serpent à l'aide d'un seul nuanceur de fragments WebGL sur le bac à sable GLSL. Je suis sidérée.

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 à partir 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 utilise dans MineCrafts. Il communique bien les différences de taille. Par exemple, en observant l'Australie et la calotte glaciaire de l'Antarctique, on constate que la glace continentale a plusieurs kilomètres d'épaisseur.

Midem Music Machine est une démonstration musicale amusante de M.doob et Paul Lamere. C'est une sorte de boîte à musique dans laquelle des balles rebondissent sur des morceaux. CreativeJS a déjà un bon écrit, regardez-le.

Pour poursuivre sur le thème de la visualisation de la musique par ordinateur, j'ai récemment parcouru cette page sur le bytebeat, une forme de musique générée par une formule de code minimaliste. La page renvoie vers une visualisation WebGL de la musique. Gregg Tavares a pris l'idée et a créé un bytebeat sandbox pour créer et partager vos propres morceaux de bytebeat directement depuis le navigateur.