Recent Blogs Posts

Another WebGL experiment with Three.js Real world sky dome lighting and shading: http://www.vill.ee/rig
Not really finished (nothing ever is) but working features so far are:

• Physically Based Atmosphere shader
• Irradiance bake (using three.js IcosahedronGeometry for sampling directions)
• Blurry reflections
• Real world sun positioning with Google Maps
• Cloud cover from Google Maps Weather Layer
• ...

And things I'm hoping to add

• Google Maps WebGL buildings (possible?)
• Moon and accurate stars
• Fog, Rain, Snow from Google Weather
• Cloud animation from Google Weather wind direction
• Cloud lighting
• Proper irradiance sampling
• Sun directional light hack needs proper sampling too
• Upload source code somewhere useful but currently can be sourced from vill.ee/rig/full.html

Notes:

• Bug in Three.js. When normal maps in use, cube reflection map coordinates are wrong. World normals are replaced with view normals and thats incorrect.
• Only works in Chrome for some reason

Libraries and source codes used:
Three.js, Atmosphere Shader, snoise, SunCalc, dat.gui, Google Maps, jQuery, Raphaël

Updated 05-07-2014 at 01:06 PM by Artur

Tags: glsl, webgl

Categories

‎ Technical