Archive for the ‘WebGL’ Category

WebGL Scroll Spiral

Today we want to show you some shader art made with WebGL. The idea is to create a decorative background effect by twisting images and hexagonal grid patterns smoothly on page scroll. The effect aims to be as light as possible on desktops or mobile dev...

Building Gorgeous 3D Maps with eegeo.js and Leaflet

eegeo.js is an open source 3D maps API built on top of Leaflet, the popular mapping library. There are many mapping libraries that allow you to embed or build simple, 2D maps. Notably Google Maps, Bing Maps, HERE, Mapbox and OpenStreetMap. Popular mapp...

Building a Game with Three.js, ReactJS and WebGL

Posted on: No Comments
I'm making a game titled "Charisma The Chameleon." It's built with React, Three.js and WebGL. This is an introduction to how these technologies work together using react-three-renderer (abbreviated R3R). Check out A Beginner's Guide to WebGL and Gettin...

Building a Game with Three.js, ReactJS and WebGL

Posted on: No Comments
I'm making a game titled "Charisma The Chameleon." It's built with React, Three.js and WebGL. This is an introduction to how these technologies work together using react-three-renderer (abbreviated R3R). Check out A Beginner's Guide to WebGL and Gettin...

Building A Cross-Platform WebGL Game With Babylon.js

Posted on: No Comments
  Here’s a challenge for you: what about building a 3D game over the weekend? Babylon.js is a JavaScript framework for building 3D games with HTML5, WebGL and Web Audio, built by yours truly and the Babylon.js team. To celebrate the new ver...

Animated Heat Distortion Effects with WebGL

View demo Download source Today we want to show you how to create some realistic looking heat haze distortion effects using fragment shaders in WebGL. The idea is to add a subtle animated distortion to a static image a...

A Comparison of Animation Technologies

The question I am asked most frequently: what animation tool do you recommend? Having worked with a slew of them, I can tell you there is no right answer. It's a complicated question and complicated answer. This post serves to clarify what to use, and ...

A-Frame: The Easiest Way to Bring VR to the Web Today

Posted on: No Comments
Web developers around the world don't need to go out and learn entirely new languages or a game engine like Unity or Unreal Engine to start developing virtual reality. There are various ways to start experimenting with VR on the web today and the A-Fra...

Quick Read: The WebVR 1.0 API Draft Proposal

Virtual reality has come a quite long way since Oculus Rift entered the stage a few years ago, opening up a whole new range of possibilities to experience digital content. Although its use cases were blurry and undefined, it gained huge traction which ...