Chris 2pha Brown. Drupal developer Brisbane Australia

Chris Brown

Drupal, Javascript, Three.js, 3D

website blog

three.js stuff

image for Three.js easy round / circular particles

Today I came across a question on stackoverflow asking how to make round particles in Three.js (Three.js - give particles round form). I have seen questions like this a few times and the answers always seem to be to load an image and use it as a texture. People seem to forget that you can use a canvas as a texture map and you can draw pretty much what ever you want on a canvas. I have demonstrated.....

image for Three.js car paint shader - recreating the Radeon 9700 demo

Recently while experimenting with three.js shader materials I stumbled across RenderMonkey. It is old software that is no longer supported and the description on the website says: "RenderMonkey is a rich shader development environment for both programmers and artists that facilitates the collaborative creation of real-time shader effects." As I was going through the different shader examples that.....

image for Three.js standard materials vertex and fragment shaders reference

When playing around and experimenting with Three.js ShaderMaterial I often want to take a look at how the standard Three.js materials are done. Looking through the code or constantly outputting the shaders in the javascript console is a pain in the arse. I though I would post them here for future reference and in case anyone else was interested. NOTE: These were output from Three.js version 70.....

image for Experimenting with Three.js shaders and the ShaderMaterial

Lately when using Three.js I have needed some very specific material qualities that the built in Three.js materials did not allow for so I have started experimenting with the Three.ShaderMaterial. This material allows you to write you own GLSL shaders for Three.js. My hope is that I can get a good understanding of GLSL and implement some of my own shaders and materials in Three.js even with my.....

image for Using Three.js with jsfiddle

Using Three.js in a fiddle on the site jsfiddle.net is really quite easy but I keep coming across people having trouble with it. So here are a couple of tips when trying to set up a Three.js scene in a fiddleIncluding the Three.js sourceWhen creating a fiddle to use Three.js the most important part is including the Three.js library itself. You can select to include Three.js from the "Framework and.....

image for Useful Three.js Links

Here is a list of useful Three.js links, mainly for my own reference but other may find it useful too. Three.js homepage Three.js documentation Three.js Google+ Tutorials Intro to WegGL with Three.js Articles The Hobbit Experience - a Good article to read up on three.js performance optimisations Demos Three.js examples stemkoski.github.io callumprentice.github.io/