en Anglais

Web MIDI: Music and Show Control in the Browser

6 octobre 2015 Jean-Philippe Côté

Earlier this year, Google released Chrome 43. This release marked the official introduction of an amazing new feature: MIDI in the browser! The magnitude of this news for fans of physical computing cannot be overstated. This means you can a) control external MIDI devices from JavaScript and b) use MIDI devices to control what’s happening in your web browser. I almost cried… And the best part is: it actually works!

Lire l'article
en Anglais

NW.js & Electron Compared

30 août 2015 Jean-Philippe Côté

If you wish to create a native desktop application from web technologies, the open source world offers two main choices: NW.js (formerly node-webkit) and Electron (formerly atom-shell). Deciding which one to go with is not so obvious. That is precisely why I created the comparison chart found in this article. Hopefully, it will help you choose the right tool to build your next physical computing project.

Lire l'article

Utiliser les capteurs Phidgets avec JavaScript

4 août 2015 Jean-Philippe Côté

Lors du développement d’un projet d’interactivité tangible, il est généralement nécessaire de récupérer des données provenant du monde réel. Par exemple, on peut vouloir obtenir la distance à laquelle se trouve un objet, la quantité de vibration, la position GPS, l’illumination de la pièce, la pression d’air, la force appliquée à un bouton, etc. Comment est-il possible de récupérer de telles informations dans un projet de physical computing développé en JavaScript ? Une des façons les plus simples, est d’utiliser un capteur de la compagnie Phidgets Inc. Ce tutoriel vous expliquera comment.

Lire l'article

Interactivité tangible en JavaScript: une introduction

15 mai 2015 Jean-Philippe Côté

Vous êtes prêts à tirer parti de vos connaissances en JavaScript pour créer votre premier projet d’interactivité tangible ? Vous êtes à la bonne place.

Cet article trace un portrait général de ce qui peut être fait dans le monde du physical computing à l’aide de JavaScript et des technologies du web. Il vous dirigera aussi vers plusieurs outils, bibliothèques, cadres de travail, appareils et tutoriels qui vous aideront à commencer. Allons-y!

Lire l'article

Créer une application de bureau native avec NW.js

18 mars 2015 Jean-Philippe Côté

Pour débuter dans le monde de l’interactivité tangible avec JavaScript, il pourrait être suffisant de mettre une page web en plein écran et d’expérimenter à partir de là. Or, un projet de physical computing aura souvent besoin de plus, beaucoup plus. Par exemple, si vous souhaitez récupérer l’information  provenant de capteurs ou encore contrôler des appareils externes, il vous faudra plus que du HTML/CSS/JavaScript de base. Si seulement c’était possible d’avoir accès à tous ses modules de Node.js à partir de mon application web… Et bien, c’est possible. Dites bonjour à NW.js.

Lire l'article

Interrupteurs, émulateurs & JavaScript

12 février 2015 Jean-Philippe Côté

Une façon simple de se lancer dans le monde de l’interactivité tangible est d’utiliser le capteur à sa plus simple expression: l’interrupteur. Peut-être pensez-vous qu’utilisez un interrupteur pour percevoir le monde est plutôt ennuyeux ? Détrompez-vous. Dans cet article, nous verrons comment on peut utiliser ces bons vieux interrupteurs sur la plateforme web et, surtout, que ceux-ci peuvent donner des résultats forts intéressants.

Lire l'article

S’emparer de tout l’écran!

13 janvier 2015 Jean-Philippe Côté

Dans une majorité de projets d’interactivité tangible utilisant une sortie vidéo, il est souhaitable d’avoir un contrôle intégral de ce qui est affiché à l’écran. Dans un environnement web, cela veut dire basculer en plein écran de façon à ce que les éléments d’interface-usager du fureteur et du système soient complètement masqués. Comment peut-on faire cela ?

Lire l'article

awe.js

Awe.js utilise le protocole WebRTC, le WebGL et l’API de capteur pour rendre disponible la réalité augmentée à la plateforme web. La bibliothèque permet de créer et gérer des objets 3D, d’ajouter des flux audio et vidéo et de gérer la réception de données provenant de capteurs.

Visiter le site du projet

WebMidi

La bibliothèque WebMidi vous aidera à dompter l’API Web MIDI de la norme HTML5. Elle vous laissera envoyer et recevoir des messages MIDI facilement. Elle vous laissera contrôler des instruments à l’aide de fonctions simples (playNote, sendPitchBend, etc.) et vous permettra de réagir à des signaux MIDI à l’aide d’écouteurs d’événements (noteon, pitchbend, controlchange, etc.).

Visiter le site du projet

Babylon.js

Babylon.js est un cadre de travail complet pour la création de jeux 3D via HTML5, WebGL et l’API Web Audio.

Visiter le site du projet