Artur

  1. Real world sky dome


    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 Add / Edit Tags
    Categories
    Technical