WebVR allows you to distribute your content to the widest audience possible, whatever the headset, whatever the platform. In this tutorial, you’ll learn how to build the below WebVR experience, running cross-platforms, where I’m moving[…]
Category: Tutorial
Creating an extension for all browsers: Edge, Chrome, Firefox, Opera, Brave and Vivaldi
We’re going to see in this article how to create a JavaScript extension that works across all modern browsers using the very same code base. Indeed, the Chrome extension model based on HTML, CSS &[…]
Tutorial: creating a small 8-bit responsive drum machine using Web Audio, SVG & multi-touches
Through this small tutorial, I’m going to share some tips I’ve recently used to build a fun demo for the //BUILD Tour. The idea was to create this small 8-bit drum machine with 8-bit sounds[…]
Debugging your HTML5 on Xbox One / MS Edge with the Xbox Windows Store app and Vorlon.js
Starting yesterday, a new update is available on Xbox One. I really love the new dashboard and the Xbox 360 backward compatibility as a gamer. But as a web developer, I’m more than happy to[…]
Creating fun & immersive audio experiences with Web Audio
Today, thanks to the power of the Web Audio API, you can create immersive audio experiences directly in the browser. No need for any plug-in to create amazing experiences. I’d like to share with you[…]
Unifying touch and mouse: how Pointer Events will make cross-browsers touch support easy
I often get questions from developers like, “with so many touch-enabled devices on phones and tablets, where do I start?” and “what is the easiest way to build for touch-input?” Short answer: “It’s complex.” Surely[…]
Testing & debugging your WebGL & HTML5 experiences on Android & Windows Phone thanks to the Visual Studio free emulators
With the recent availability of Visual Studio 2015 RTM came the free Visual Studio Emulator for Android. Let’s see how to test your WebGL experiences on these very fast Android emulators. As a reminder, I’ve[…]
Understanding collisions & physics by building a cool WebGL Babylon.js demo with Oimo.js
Through this tutorial, we’re going to learn the basics of collisions, physics & bounding boxes by playing with the WebGL Babylon.js engine and a physics engine companion named oimo.js. Here’s the demo we’re going to[…]
Enhance your JavaScript debugging life using IE11, Chrome, Opera & Firefox source map support
As a JavaScript developer, I’m sure you’ve already been falling into this scenario. Something goes wrong with the production version of your code. Debugging it directly from the production server is a nightmare. Simply because[…]