Let’s set up a basic scene in Three.js. The first thing you need to do is include the Three.js library. You can download it at threejs.org. You can also use the CDN url from cdnjs…
Tag: webgl
Three.js Geometry
Geometry defines the shape of the objects we draw in Three.js. Geometry is made up of a collection of vertices and often faces which combine three vertices into a triangle face. You can create your…
Three.js Materials
Materials determine how the surface of our geometry is drawn in Three.js. If the Geometry is our skeleton, defining the shape, then the Material is our skin. There are a variety of different types of…
Three.js Lights and Cameras
Lights can really make the difference between a seemingly flat scene and a visual masterpiece. Think of any photo-realistic painting or photograph and then imagine it with poor lighting and the impact is just not…
Three.js Post Processing
Post-Processing is the addition of image effects or filters to your entire scene. This can change the feel of your scene and simulate interesting visual effects. Some examples are applying a sepia tone, or adding…
Three.js Loading Models
In my post on Geometry in Three.js I discussed the different types of primitives we have available. Primitives are a powerful tool but creating 3D objects with only primitives and code can only get you…
Three.js Models Update
In my post on Loading Models in Three.js I was using version 79. Three.js is now at version 100 and some changes have been made to how models are loaded. In this video I describe…
Custom Filters with Pixi.js using GLSL Shaders
NOTE: This applies to Pixi v3 Pixi.js is Mat Groves’ lightning fast 2D rendering engine for the web utilizing WebGL or 2D Canvas. When used with WebGL it supports filters, which are basically a simple…
Augmented Reality, Virtual Reality and the Web
The industry has been excited about the idea of Virtual Reality brought into the spotlight through innovative headsets like the Oculus Rift. Where by wearing a pair of goggles you can transport to a digital…
HTML5 Dev Conf “Web + Wow”
I spoke at HTML5DevConf last October. My talk was called “Web + Wow” and explored the web as rich medium and different techniques people can use for some interesting effects. You can find the synopsis…