Click here for realtime animation.
The original program is here, in the example directory of three.js, from which I only modified in small details.
If you look closely, you will notice that something is wrong with shadow casting.
HTML5 and Browsers
Checking for HTML5 video tags with mp4 and ogg files, and for WebGL and three.js.
The browsers are, form left to right, Chrome, Firefox, and Safari.
Three.js
Click here for a realtime demonstration.
I suppose I first used three.js three years ago. Lots of things must have changed.
Cycles Render Engine (2)
Render samples is set to 2,500, but still has lots of noise.
Render Samples: Number of paths to trace for each pixel in the final render. As more samples are taken, the solution becomes less noisy and more accurate.
http://www.blender.org/manual/render/cycles/settings/integrator.html
Cycles Render Engine
Cycles is a ray tracing renderer optionally used in Blender. The white dots are noise due to the limited computational power.
Please CLICK the images to see with their original sizes.
Different displays have different characteristics, such as gammas, so the impression, especially concerning brilliantness, may differ depending on your display.
Blender Animation
There is some room for improvement on color matching.
Blender
I do not use Blender very often, because OpenGL and WebGL are tools good enough for most of my purposes.
AngularJS and WordPress (2)
These two happen to work. I prefer to put script tags in each post, because not all my posts will need the scripts.
AngularJS and WordPress
You need some minor tricks to use AngularJS with WordPress.
The directive, ng-repeat, is used as an example. See the line 225.
