Three.js comes with many materials built in. All these materials drawn in WebGL utilize shaders. Shaders are small programs that run on the GPU written in GLSL. We can create our own custom materials in…
Tag: web
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…
Tiny Javascript Libraries
I used to do a lot of flash banner ads. Banner ads have tight requirements around file size so as not to bloat the hosting page’s download. With banner ads migrating to HTML this is…
Evolution of the Web: SXSW Interactive 2015
I was fortunate to have the opportunity to speak at SXSW Interactive again this year. My talk, the Evolution of the Web, covered how the web has changed and where it seems to be heading.…
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…
Richer Web Experiences
An article of mine was recently published in Web Designer Depot, discussing a few topics I’ve been covering in recent talks about how to make richer web experiences. It’s just a brief overview, but you…
Animate SVG with the Flash Timeline
Here’s an introduction video to Snap.SVG Animator, allowing you to publish animated SVG from the Flash Animation tool. Scalable Vector Graphics (SVG) is a powerful tool in the web developer’s arsenal. But web creators have…