8 năm trước cách đây · c2a6020526
--- a/Playground/frame.html
+++ b/Playground/frame.html
@@ -69,7 +69,7 @@
 
				 </head>

			
 
				 

			
 
				 <body>

			
 
				-    <canvas touch-action="none" id="renderCanvas"></canvas>

			
 
				+    <canvas touch-action="none" id="renderCanvas" tabindex="1"></canvas>

			
 
				 

			
 
				     <span class="label" id="fpsLabel">FPS</span>

			
 
				 

			
@@ -77,7 +77,7 @@
 
				     <a class="link" id="link" href="#" target="_blank">Edit</a>

			
 
				 

			
 
				     <script src="https://code.jquery.com/jquery.js"></script>

			
 
				-    <script src="/js/frame.js"></script>

			
 
				+    <script src="js/frame.js"></script>

			
 
				 </body>

			
 
				 

			
 
				 </html>
			
--- a/Playground/index-local.html
+++ b/Playground/index-local.html
@@ -16,8 +16,8 @@
 
				     <!--Monaco-->

			
 
				     <script src="node_modules/monaco-editor/min/vs/loader.js"></script>

			
 
				     <!-- Babylon.js -->

			
 
				-    <script src="https://babylonjs.azurewebsites.net/cannon.js"></script>

			
 
				-    <script src="https://babylonjs.azurewebsites.net/Oimo.js"></script>

			
 
				+    <script src="https://preview.babylonjs.com/cannon.js"></script>

			
 
				+    <script src="https://preview.babylonjs.com/Oimo.js"></script>

			
 
				     <script src="../tools/DevLoader/BabylonLoader.js"></script>

			
 
				 

			
 
				     <link href="css/index.css" rel="stylesheet" />

			
--- a/Playground/js/frame.js
+++ b/Playground/js/frame.js
@@ -3,8 +3,20 @@
 
				     var currentSnippetToken;

			
 
				     var engine;

			
 
				     var fpsLabel = document.getElementById("fpsLabel");

			
 
				+    var refreshAnchor = document.getElementById("refresh");

			
 
				+    var linkAnchor = document.getElementById("link");

			
 
				     var scripts;

			
 
				     var zipCode;

			
 
				+

			
 
				+    if (location.href.toLowerCase().indexOf("noui") > -1) {

			
 
				+        fpsLabel.style.visibility = "hidden";

			
 
				+        fpsLabel.style.display = "none";

			
 
				+        refreshAnchor.style.visibility = "hidden";

			
 
				+        refreshAnchor.style.display = "none";

			
 
				+        linkAnchor.style.visibility = "hidden";

			
 
				+        linkAnchor.style.display = "none";

			
 
				+    }

			
 
				+

			
 
				     BABYLON.Engine.ShadersRepository = "/src/Shaders/";

			
 
				     var loadScript = function (scriptURL, title) {

			
 
				         var xhr = new XMLHttpRequest();

			
@@ -50,7 +62,6 @@
 
				 

			
 
				             var canvas = document.getElementById("renderCanvas");

			
 
				             engine = new BABYLON.Engine(canvas, true, {stencil: true});

			
 
				-            engine.renderEvenInBackground = false;

			
 
				             BABYLON.Camera.ForceAttachControlToAlwaysPreventDefault = true;

			
 
				 

			
 
				             engine.runRenderLoop(function () {

			
--- a/Playground/js/index.js
+++ b/Playground/js/index.js
@@ -153,8 +153,10 @@
 
				                                 index = parseInt(query);

			
 
				                                 if (!isNaN(index)) {

			
 
				                                     loadScriptFromIndex(index);

			
 
				-                                } else {

			
 
				+                                } else if (query.indexOf("=") === -1) {

			
 
				                                     loadScript("scripts/" + query + ".js", query);

			
 
				+                                } else {

			
 
				+                                    loadScript("scripts/basic scene.js", "Basic scene");

			
 
				                                 }

			
 
				                             } else {

			
 
				                                 loadScript("scripts/basic scene.js", "Basic scene");

			
@@ -183,6 +185,9 @@
 
				         }

			
 
				 

			
 
				         var createNewScript = function () {

			
 
				+            // check if checked is on

			
 
				+            let iCanClear = checkSafeMode("Are you sure you want to create a new playground?");

			
 
				+            if (!iCanClear) return;

			
 
				             location.hash = "";

			
 
				             currentSnippetToken = null;

			
 
				             currentSnippetTitle = null;

			
@@ -196,6 +201,9 @@
 
				         }

			
 
				 

			
 
				         var clear = function () {

			
 
				+            // check if checked is on

			
 
				+            let iCanClear = checkSafeMode("Are you sure you want to clear the playground?");

			
 
				+            if (!iCanClear) return;

			
 
				             location.hash = "";

			
 
				             currentSnippetToken = null;

			
 
				             jsEditor.setValue('');

			
@@ -203,6 +211,21 @@
 
				             jsEditor.focus();

			
 
				         }

			
 
				 

			
 
				+        var checkSafeMode = function (message) {

			
 
				+            var safeToggle = document.getElementById("safemodeToggle1600");

			
 
				+            if (safeToggle.classList.contains('checked')) {

			
 
				+                let confirm = window.confirm(message);

			
 
				+                if (!confirm) {

			
 
				+                    return false;

			
 
				+                } else {

			
 
				+                    document.getElementById("safemodeToggle1600").classList.toggle('checked');

			
 
				+                    return true;

			
 
				+                }

			
 
				+            } else {

			
 
				+                return true;

			
 
				+            }

			
 
				+        }

			
 
				+

			
 
				         var showError = function (errorMessage, errorEvent) {

			
 
				             var errorContent =

			
 
				                 '<div class="alert alert-error"><button type="button" class="close" data-dismiss="alert">&times;</button>';

			
@@ -287,14 +310,14 @@
 
				                 var showDebugLayer = false;

			
 
				                 var initialTabIndex = 0;

			
 
				 

			
 
				-                if(document.getElementsByClassName('insp-wrapper').length > 0){                  

			
 
				-                    for(var i = 0; i < engine.scenes.length; i++){

			
 
				-                        if(engine.scenes[i]._debugLayer){

			
 
				+                if (document.getElementsByClassName('insp-wrapper').length > 0) {

			
 
				+                    for (var i = 0; i < engine.scenes.length; i++) {

			
 
				+                        if (engine.scenes[i]._debugLayer) {

			
 
				                             //TODO: once inspector is updated on netlify, use getActiveTabIndex instead of the following loop

			
 
				                             //initialTabIndex = engine.scenes[i]._debugLayer._inspector.getActiveTabIndex();

			
 
				                             var tabs = engine.scenes[i]._debugLayer._inspector._tabbar._tabs;

			
 
				-                            for(var j = 0; j < tabs.length; j++){

			
 
				-                                if(tabs[j].isActive()){

			
 
				+                            for (var j = 0; j < tabs.length; j++) {

			
 
				+                                if (tabs[j].isActive()) {

			
 
				                                     initialTabIndex = j;

			
 
				                                     break;

			
 
				                                 }

			
@@ -303,7 +326,7 @@
 
				                         }

			
 
				                     }

			
 
				                     showInspector = true;

			
 
				-                }else if(document.getElementById('DebugLayer')){

			
 
				+                } else if (document.getElementById('DebugLayer')) {

			
 
				                     showDebugLayer = true;

			
 
				                 }

			
 
				 

			
@@ -388,13 +411,13 @@
 
				                     document.getElementById("statusBar").innerHTML = "";

			
 
				                 });

			
 
				 

			
 
				-                if(scene){

			
 
				-                    if(showInspector){

			
 
				-                        scene.debugLayer.show({initialTab:initialTabIndex});

			
 
				-                        scene.executeWhenReady(function(){

			
 
				+                if (scene) {

			
 
				+                    if (showInspector) {

			
 
				+                        scene.debugLayer.show({ initialTab: initialTabIndex });

			
 
				+                        scene.executeWhenReady(function () {

			
 
				                             scene.debugLayer._inspector.refresh();

			
 
				                         })

			
 
				-                    }else if(showDebugLayer){

			
 
				+                    } else if (showDebugLayer) {

			
 
				                         scene.debugLayer.show();

			
 
				                     }

			
 
				                 }

			
@@ -594,7 +617,7 @@
 
				 

			
 
				         // Fullscreen

			
 
				         document.getElementById("renderCanvas").addEventListener("webkitfullscreenchange", function () {

			
 
				-            if(document.webkitIsFullScreen) goFullPage();

			
 
				+            if (document.webkitIsFullScreen) goFullPage();

			
 
				             else exitFullPage();

			
 
				         }, false);

			
 
				 

			
@@ -617,11 +640,11 @@
 
				         var editorGoFullscreen = function () {

			
 
				             var editorDiv = document.getElementById("jsEditor");

			
 
				             if (editorDiv.requestFullscreen) {

			
 
				-            editorDiv.requestFullscreen();

			
 
				+                editorDiv.requestFullscreen();

			
 
				             } else if (editorDiv.mozRequestFullScreen) {

			
 
				-            editorDiv.mozRequestFullScreen();

			
 
				+                editorDiv.mozRequestFullScreen();

			
 
				             } else if (editorDiv.webkitRequestFullscreen) {

			
 
				-            editorDiv.webkitRequestFullscreen();

			
 
				+                editorDiv.webkitRequestFullscreen();

			
 
				             }

			
 
				 

			
 
				         }

			
--- a/Playground/scripts/scripts.txt
+++ b/Playground/scripts/scripts.txt
@@ -27,4 +27,5 @@ volumetric Light Scattering
 
				 refraction and Reflection

			
 
				 pbr

			
 
				 instanced bones

			
 
				-pointer events handling
			
 
				+pointer events handling

			
 
				+webvr
			
--- a/Playground/scripts/webvr.js
+++ b/Playground/scripts/webvr.js
@@ -0,0 +1,35 @@
 
				+var createScene = function () {

			
 
				+

			
 
				+    // This creates a basic Babylon Scene object (non-mesh)

			
 
				+    var scene = new BABYLON.Scene(engine);

			
 
				+    scene.createDefaultVRExperience();

			
 
				+

			
 
				+    // This creates a light, aiming 0,1,0 - to the sky (non-mesh)

			
 
				+    var light = new BABYLON.HemisphericLight("light1", new BABYLON.Vector3(0, 1, 0), scene);

			
 
				+

			
 
				+    // Default intensity is 1. Let's dim the light a small amount

			
 
				+    light.intensity = 0.7;

			
 
				+

			
 
				+    // Create some spheres at the default eye level (2m)

			
 
				+    createSphereBox(scene, 2, 2);

			
 
				+    createSphereBox(scene, 3, 2);

			
 
				+        

			
 
				+    // Our built-in 'ground' shape. Params: name, width, depth, subdivs, scene

			
 
				+    var ground = BABYLON.Mesh.CreateGround("ground1", 6, 6, 2, scene);

			
 
				+

			
 
				+    return scene;

			
 
				+};

			
 
				+

			
 
				+function createSphereBox(scene, distance, height) {    

			
 
				+    createSphere(scene,  distance, height,  distance);

			
 
				+    createSphere(scene,  distance, height, -distance);

			
 
				+    createSphere(scene, -distance, height,  distance);

			
 
				+    createSphere(scene, -distance, height, -distance);    

			
 
				+}

			
 
				+function createSphere(scene, x, y, z) {

			
 
				+    // Our built-in 'sphere' shape. Params: name, subdivs, size, scene

			
 
				+    var sphere = BABYLON.Mesh.CreateSphere("sphere1", 4, 0.4, scene);

			
 
				+    sphere.position.x = x;

			
 
				+    sphere.position.y = y;

			
 
				+    sphere.position.z = z;

			
 
				+}
			
--- a/Tools/Gulp/config.json
+++ b/Tools/Gulp/config.json
--- a/Tools/Gulp/gulp-addDtsExport.js
+++ b/Tools/Gulp/gulp-addDtsExport.js
@@ -1,12 +1,25 @@
 
				 var gutil = require('gulp-util');
			
 
				 var through = require('through2');
			
 
				 
			
 
				-module.exports = function (varName) {
			
 
				+module.exports = function (varName, moduleName, subModule, extendsRoot) {
			
 
				     return through.obj(function (file, enc, cb) {
			
 
				 
			
 
				+        let exportText = "BABYLON";
			
 
				+        if (subModule && !extendsRoot) {
			
 
				+            exportText += '.' + varName;
			
 
				+        }
			
 
				+
			
 
				         var moduleExportsAddition =
			
 
				- //           '\nexport as namespace ' + varName + ';\n' +
			
 
				-            '\nexport = ' + varName + ';\n';
			
 
				+            `${subModule ? '/// <reference types="babylonjs"/>' : ''}
			
 
				+
			
 
				+declare module '${moduleName}' { 
			
 
				+    export = ${exportText}; 
			
 
				+}
			
 
				+`;
			
 
				+
			
 
				+        //'export = ' + (subModule ? 'BABYLON.' : '') + varName + ';\n';// +
			
 
				+        //'export as namespace ' + varName + ';\n\n';
			
 
				+
			
 
				 
			
 
				         if (file.isNull()) {
			
 
				             cb(null, file);
			
@@ -19,7 +32,7 @@ module.exports = function (varName) {
 
				         }
			
 
				 
			
 
				         try {
			
 
				-            file.contents = new Buffer(String(file.contents) + moduleExportsAddition);
			
 
				+            file.contents = new Buffer(moduleExportsAddition + String(file.contents));
			
 
				             this.push(file);
			
 
				 
			
 
				         } catch (err) {
			
--- a/Tools/Gulp/gulp-addModuleExports.js
+++ b/Tools/Gulp/gulp-addModuleExports.js
@@ -1,16 +1,39 @@
 
				 var gutil = require('gulp-util');

			
 
				 var through = require('through2');

			
 
				 

			
 
				-module.exports = function (varName) {

			
 
				+module.exports = function (varName, subModule, extendsRoot) {

			
 
				     return through.obj(function (file, enc, cb) {

			
 
				 

			
 
				-        var moduleExportsAddition =

			
 
				-          '\nif (((typeof window != "undefined" && window.module) || (typeof module != "undefined")) && typeof module.exports != "undefined") {\n' +

			
 
				-          '    module.exports = ' + varName + ';\n' +

			
 
				-          '};\n';

			
 
				+        var optionalRequire = 'var BABYLON = BABYLON || (typeof require !== \'undefined\' && require("babylonjs"));\n'

			
 
				+

			
 
				+        function moduleExportAddition(varName) {

			
 
				+

			
 
				+            let basicInit = `root["BABYLON"]${(subModule && !extendsRoot) ? '["' + varName + '"]' : ''} = factory();`;

			
 
				+            /*if (extendsRoot) {

			
 
				+                basicInit = `__extends(root["BABYLON"], factory()); `

			
 
				+            }*/

			
 
				+

			
 
				+            return `\n\n(function universalModuleDefinition(root, factory) {

			
 
				+                if (root && root["BABYLON"]) {

			
 
				+                    return;

			
 
				+                }

			
 
				+    if(typeof exports === 'object' && typeof module === 'object')

			
 
				+        module.exports = factory();

			
 
				+    else if(typeof define === 'function' && define.amd)

			
 
				+        define([], factory);

			
 
				+    else if(typeof exports === 'object')

			
 
				+        exports["${varName}"] = factory();

			
 
				+    else {

			
 
				+        ${basicInit}

			
 
				+    }

			
 
				+})(this, function() {

			
 
				+    return BABYLON${(subModule && !extendsRoot) ? '.' + varName : ''};

			
 
				+});

			
 
				+`;

			
 
				+        }

			
 
				 

			
 
				         var extendsAddition =

			
 
				-        `var __extends = (this && this.__extends) || (function () {

			
 
				+            `var __extends = (this && this.__extends) || (function () {

			
 
				             var extendStatics = Object.setPrototypeOf ||

			
 
				                 ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||

			
 
				                 function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };

			
@@ -23,12 +46,12 @@ module.exports = function (varName) {
 
				         `;

			
 
				 

			
 
				         var decorateAddition =

			
 
				-        'var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n' +

			
 
				+            'var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n' +

			
 
				             'var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n' +

			
 
				             'if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);\n' +

			
 
				             'else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n' +

			
 
				             'return c > 3 && r && Object.defineProperty(target, key, r), r;\n' +

			
 
				-        '};\n';

			
 
				+            '};\n';

			
 
				 

			
 
				         if (file.isNull()) {

			
 
				             cb(null, file);

			
@@ -41,7 +64,8 @@ module.exports = function (varName) {
 
				         }

			
 
				 

			
 
				         try {

			
 
				-            file.contents = new Buffer(decorateAddition.concat(new Buffer(extendsAddition.concat(String(file.contents)).concat(moduleExportsAddition))));

			
 
				+            let pretext = subModule ? optionalRequire : '';

			
 
				+            file.contents = new Buffer(pretext.concat(decorateAddition).concat(new Buffer(extendsAddition.concat(String(file.contents)).concat(moduleExportAddition(varName)))));

			
 
				             this.push(file);

			
 
				 

			
 
				         } catch (err) {

			
@@ -50,4 +74,3 @@ module.exports = function (varName) {
 
				         cb();

			
 
				     });

			
 
				 };

			
 
				-

			
--- a/Tools/Gulp/gulpfile.js
+++ b/Tools/Gulp/gulpfile.js
@@ -234,7 +234,7 @@ gulp.task('typescript-compile', function () {
 
				             .pipe(gulp.dest(config.build.outputDirectory)),
			
 
				         tsResult.dts
			
 
				             .pipe(concat(config.build.declarationModuleFilename))
			
 
				-            .pipe(addDtsExport("BABYLON"))
			
 
				+            .pipe(addDtsExport("BABYLON", "babylonjs"))
			
 
				             .pipe(gulp.dest(config.build.outputDirectory)),
			
 
				         tsResult.js
			
 
				             .pipe(sourcemaps.write("./",
			
@@ -256,7 +256,47 @@ var buildExternalLibraries = function (settings) {
 
				         return buildExternalLibrary(library, settings, false);
			
 
				     });
			
 
				 
			
 
				-    return merge2(tasks);
			
 
				+    let mergedTasks = merge2(tasks);
			
 
				+
			
 
				+    if (settings.build.buildAsModule) {
			
 
				+        mergedTasks.on('end', function () {
			
 
				+            //generate js file list
			
 
				+            let files = settings.libraries.filter(function (lib) {
			
 
				+                return !lib.doNotIncludeInBundle;
			
 
				+            }).map(function (lib) {
			
 
				+                return config.build.outputDirectory + settings.build.distOutputDirectory + lib.output;
			
 
				+            });
			
 
				+
			
 
				+            var outputDirectory = config.build.outputDirectory + settings.build.distOutputDirectory;
			
 
				+
			
 
				+            let srcTask = gulp.src(files)
			
 
				+                .pipe(concat(settings.build.outputFilename + '.js'))
			
 
				+                .pipe(replace(extendsSearchRegex, ""))
			
 
				+                .pipe(replace(decorateSearchRegex, ""))
			
 
				+                .pipe(replace(referenceSearchRegex, ""))
			
 
				+                .pipe(addModuleExports(settings.build.moduleDeclaration, true, settings.build.extendsRoot))
			
 
				+                .pipe(gulp.dest(outputDirectory))
			
 
				+                .pipe(cleants())
			
 
				+                .pipe(rename({ extname: ".min.js" }))
			
 
				+                .pipe(uglify())
			
 
				+                .pipe(optimisejs())
			
 
				+                .pipe(gulp.dest(outputDirectory));
			
 
				+
			
 
				+            let dtsFiles = files.map(function (filename) {
			
 
				+                return filename.replace(".js", ".d.ts");
			
 
				+            });
			
 
				+
			
 
				+            let dtsTask = gulp.src(dtsFiles)
			
 
				+                .pipe(concat(settings.build.outputFilename + '.module.d.ts'))
			
 
				+                .pipe(replace(referenceSearchRegex, ""))
			
 
				+                .pipe(addDtsExport(settings.build.moduleDeclaration, settings.build.moduleName, true, settings.build.extendsRoot))
			
 
				+                .pipe(gulp.dest(outputDirectory));
			
 
				+
			
 
				+            return merge2([srcTask, dtsTask]);
			
 
				+        });
			
 
				+    }
			
 
				+
			
 
				+    return mergedTasks;
			
 
				 }
			
 
				 
			
 
				 var buildExternalLibrary = function (library, settings, watch) {
			
@@ -274,13 +314,13 @@ var buildExternalLibrary = function (library, settings, watch) {
 
				         .pipe(appendSrcToVariable("BABYLON.Effect.ShadersStore", shadersName, library.output + '.fx'))
			
 
				         .pipe(gulp.dest(settings.build.srcOutputDirectory));
			
 
				 
			
 
				-    var dev = tsProcess.js.pipe(sourcemaps.write("./", {
			
 
				-        includeContent: false,
			
 
				-        sourceRoot: (filePath) => {
			
 
				-            return '';
			
 
				-        }
			
 
				-    }))
			
 
				-        .pipe(gulp.dest(settings.build.srcOutputDirectory));
			
 
				+    var dev = tsProcess.js
			
 
				+        .pipe(sourcemaps.write("./", {
			
 
				+            includeContent: false,
			
 
				+            sourceRoot: (filePath) => {
			
 
				+                return '';
			
 
				+            }
			
 
				+        })).pipe(gulp.dest(settings.build.srcOutputDirectory));
			
 
				 
			
 
				     var outputDirectory = config.build.outputDirectory + settings.build.distOutputDirectory;
			
 
				     var css = gulp.src(library.sassFiles || [])
			
@@ -292,29 +332,39 @@ var buildExternalLibrary = function (library, settings, watch) {
 
				         return merge2([shader, includeShader, dev, css]);
			
 
				     }
			
 
				     else {
			
 
				-        if (library.bundle) {
			
 
				+        /*if (library.bundle) {
			
 
				             // Don't remove extends and decorate functions
			
 
				             var code = merge2([tsProcess.js, shader, includeShader])
			
 
				-                .pipe(concat(library.output))
			
 
				-                .pipe(gulp.dest(outputDirectory))
			
 
				+                .pipe(concat(library.output));
			
 
				+
			
 
				+            if (library.buildAsModule) {
			
 
				+                code = code.pipe(addModuleExports(library.moduleDeclaration, true))
			
 
				+            }
			
 
				+
			
 
				+            code.pipe(gulp.dest(outputDirectory))
			
 
				                 .pipe(cleants())
			
 
				                 .pipe(rename({ extname: ".min.js" }))
			
 
				                 .pipe(uglify())
			
 
				                 .pipe(optimisejs())
			
 
				                 .pipe(gulp.dest(outputDirectory));
			
 
				-        } else {
			
 
				-            var code = merge2([tsProcess.js, shader, includeShader])
			
 
				-                .pipe(concat(library.output))
			
 
				-                .pipe(gulp.dest(outputDirectory))
			
 
				-                .pipe(cleants())
			
 
				-                .pipe(replace(extendsSearchRegex, ""))
			
 
				+        } else {*/
			
 
				+        var code = merge2([tsProcess.js, shader, includeShader])
			
 
				+            .pipe(concat(library.output))
			
 
				+
			
 
				+        if (library.buildAsModule) {
			
 
				+            code = code.pipe(replace(extendsSearchRegex, ""))
			
 
				                 .pipe(replace(decorateSearchRegex, ""))
			
 
				-                .pipe(rename({ extname: ".min.js" }))
			
 
				-                .pipe(uglify())
			
 
				-                .pipe(optimisejs())
			
 
				-                .pipe(gulp.dest(outputDirectory));
			
 
				+                .pipe(addModuleExports(library.moduleDeclaration, true, library.extendsRoot))
			
 
				         }
			
 
				 
			
 
				+        code = code.pipe(gulp.dest(outputDirectory))
			
 
				+            .pipe(cleants())
			
 
				+            .pipe(rename({ extname: ".min.js" }))
			
 
				+            .pipe(uglify())
			
 
				+            .pipe(optimisejs())
			
 
				+            .pipe(gulp.dest(outputDirectory));
			
 
				+        /*}*/
			
 
				+
			
 
				         var dts = tsProcess.dts
			
 
				             .pipe(concat(library.output))
			
 
				             .pipe(replace(referenceSearchRegex, ""))
			
@@ -325,10 +375,11 @@ var buildExternalLibrary = function (library, settings, watch) {
 
				 
			
 
				         if (library.buildAsModule) {
			
 
				             var dts2 = tsProcess.dts
			
 
				-            .pipe(concat(library.output))
			
 
				-            .pipe(addDtsExport(library.moduleDeclaration))
			
 
				-            .pipe(rename({ extname: ".module.d.ts" }))
			
 
				-            .pipe(gulp.dest(outputDirectory));
			
 
				+                .pipe(concat(library.output))
			
 
				+                .pipe(replace(referenceSearchRegex, ""))
			
 
				+                .pipe(addDtsExport(library.moduleDeclaration, library.moduleName, true, library.extendsRoot))
			
 
				+                .pipe(rename({ extname: ".module.d.ts" }))
			
 
				+                .pipe(gulp.dest(outputDirectory));
			
 
				             waitAll = merge2([dev, code, css, dts, dts2]);
			
 
				         } else {
			
 
				             waitAll = merge2([dev, code, css, dts]);
			
@@ -447,6 +498,7 @@ gulp.task('deployLocalDev', function () {
 
				  */
			
 
				 gulp.task('webserver', function () {
			
 
				     gulp.src('../../.').pipe(webserver({
			
 
				+        host: '0.0.0.0',
			
 
				         port: 1338,
			
 
				         livereload: false
			
 
				     }));
			
--- a/Tools/Publisher/index.js
+++ b/Tools/Publisher/index.js
@@ -0,0 +1,62 @@
 
				+let prompt = require('prompt');

			
 
				+let shelljs = require('shelljs');

			
 
				+let fs = require('fs');

			
 
				+

			
 
				+let basePath = '../../dist/preview release';

			
 
				+

			
 
				+// This can be changed when we have a new major release.

			
 
				+let minimumDependency = '>=3.1.0-alpha';

			
 
				+

			
 
				+let packages = [

			
 
				+    {

			
 
				+        name: 'core',

			
 
				+        path: '../../'

			
 
				+    },

			
 
				+    {

			
 
				+        name: 'gui',

			
 
				+        path: basePath + '/gui/'

			
 
				+    },

			
 
				+    {

			
 
				+        name: 'materials',

			
 
				+        path: basePath + '/materialsLibrary/'

			
 
				+    },

			
 
				+    {

			
 
				+        name: 'postProcess',

			
 
				+        path: basePath + '/postProcessesLibrary/'

			
 
				+    },

			
 
				+    {

			
 
				+        name: 'loaders',

			
 
				+        path: basePath + '/loaders/'

			
 
				+    },

			
 
				+    {

			
 
				+        name: 'serializers',

			
 
				+        path: basePath + '/serializers/'

			
 
				+    },

			
 
				+    {

			
 
				+        name: 'proceduralTextures',

			
 
				+        path: basePath + '/proceduralTexturesLibrary/'

			
 
				+    }

			
 
				+];

			
 
				+

			
 
				+//check if logged in

			
 
				+let loginCheck = shelljs.exec('npm whoami');

			
 
				+

			
 
				+if (loginCheck.code === 0) {

			
 
				+    prompt.start();

			
 
				+

			
 
				+    prompt.get(['version'], function (err, result) {

			
 
				+        let version = result.version;

			
 
				+        packages.forEach((package) => {

			
 
				+            let packageJson = require(package.path + 'package.json');

			
 
				+            packageJson.version = version;

			
 
				+            if (packageJson.peerDependencies) packageJson.peerDependencies.babylonjs = minimumDependency;

			
 
				+            fs.writeFileSync(package.path + 'package.json', JSON.stringify(packageJson, null, 4));

			
 
				+            console.log('Publishing ' + package.name + " from " + package.path);

			
 
				+            //publish the respected package

			
 
				+            shelljs.exec('npm publish \"' + package.path + "\"");

			
 
				+        });

			
 
				+    });

			
 
				+} else {

			
 
				+    console.log('not logged in.');

			
 
				+}

			
 
				+

			
--- a/Tools/Publisher/package.json
+++ b/Tools/Publisher/package.json
@@ -0,0 +1,15 @@
 
				+{
			
 
				+  "name": "banylonjs-publisher",
			
 
				+  "version": "1.0.0",
			
 
				+  "description": "Publishing babylon's packages automatically",
			
 
				+  "main": "index.js",
			
 
				+  "scripts": {
			
 
				+    "test": "echo \"Error: no test specified\" && exit 1"
			
 
				+  },
			
 
				+  "author": "Raanan Weber",
			
 
				+  "license": "ISC",
			
 
				+  "dependencies": {
			
 
				+    "prompt": "^1.0.0",
			
 
				+    "shelljs": "^0.7.8"
			
 
				+  }
			
 
				+}
			
--- a/release/babylon.d.ts
+++ b/release/babylon.d.ts
--- a/release/babylon.js
+++ b/release/babylon.js
--- a/release/babylon.max.js
+++ b/release/babylon.max.js
--- a/release/babylon.module.d.ts
+++ b/release/babylon.module.d.ts
--- a/release/babylon.worker.js
+++ b/release/babylon.worker.js
--- a/release/customConfigurations/minimalGLTFViewer/babylon.d.ts
+++ b/release/customConfigurations/minimalGLTFViewer/babylon.d.ts
--- a/release/customConfigurations/minimalGLTFViewer/babylon.js
+++ b/release/customConfigurations/minimalGLTFViewer/babylon.js
--- a/release/customConfigurations/minimalGLTFViewer/babylon.max.js
+++ b/release/customConfigurations/minimalGLTFViewer/babylon.max.js
--- a/release/customConfigurations/minimalGLTFViewer/babylon.module.d.ts
+++ b/release/customConfigurations/minimalGLTFViewer/babylon.module.d.ts
--- a/release/gui/babylon.gui.d.ts
+++ b/release/gui/babylon.gui.d.ts
@@ -48,6 +48,7 @@ declare module BABYLON.GUI {
 
				         private _doPicking(x, y, type);
			
 
				         attach(): void;
			
 
				         attachToMesh(mesh: AbstractMesh, supportPointerMove?: boolean): void;
			
 
				+        private _manageFocus();
			
 
				         private _attachToOnPointerOut(scene);
			
 
				         static CreateForMesh(mesh: AbstractMesh, width?: number, height?: number, supportPointerMove?: boolean): AdvancedDynamicTexture;
			
 
				         static CreateFullscreenUI(name: string, foreground?: boolean, scene?: Scene): AdvancedDynamicTexture;
			
@@ -127,6 +128,7 @@ declare module BABYLON.GUI {
 
				         _host: AdvancedDynamicTexture;
			
 
				         _currentMeasure: Measure;
			
 
				         private _fontFamily;
			
 
				+        private _fontStyle;
			
 
				         private _fontSize;
			
 
				         private _font;
			
 
				         _width: ValueAndUnit;
			
@@ -213,6 +215,7 @@ declare module BABYLON.GUI {
 
				         width: string | number;
			
 
				         height: string | number;
			
 
				         fontFamily: string;
			
 
				+        fontStyle: string;
			
 
				         fontSize: string | number;
			
 
				         color: string;
			
 
				         zIndex: number;
			
@@ -599,8 +602,10 @@ declare module BABYLON.GUI {
 
				     class InputText extends Control implements IFocusableControl {
			
 
				         name: string;
			
 
				         private _text;
			
 
				+        private _placeholderText;
			
 
				         private _background;
			
 
				         private _focusedBackground;
			
 
				+        private _placeholderColor;
			
 
				         private _thickness;
			
 
				         private _margin;
			
 
				         private _autoStretchWidth;
			
@@ -620,6 +625,8 @@ declare module BABYLON.GUI {
 
				         thickness: number;
			
 
				         focusedBackground: string;
			
 
				         background: string;
			
 
				+        placeholderColor: string;
			
 
				+        placeholderText: string;
			
 
				         text: string;
			
 
				         constructor(name?: string, text?: string);
			
 
				         onBlur(): void;
			
--- a/release/gui/babylon.gui.js
+++ b/release/gui/babylon.gui.js
@@ -1,14 +1,22 @@
 
				-/// <reference path="../../dist/preview release/babylon.d.ts"/>
			
 
				+var BABYLON = BABYLON || (typeof require !== 'undefined' && require("babylonjs"));
			
 
				+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
			
 
				+var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
			
 
				+if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
			
 
				+else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
			
 
				+return c > 3 && r && Object.defineProperty(target, key, r), r;
			
 
				+};
			
 
				 var __extends = (this && this.__extends) || (function () {
			
 
				-    var extendStatics = Object.setPrototypeOf ||
			
 
				-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
			
 
				-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
			
 
				-    return function (d, b) {
			
 
				-        extendStatics(d, b);
			
 
				-        function __() { this.constructor = d; }
			
 
				-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
			
 
				-    };
			
 
				-})();
			
 
				+            var extendStatics = Object.setPrototypeOf ||
			
 
				+                ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
			
 
				+                function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
			
 
				+            return function (d, b) {
			
 
				+                extendStatics(d, b);
			
 
				+                function __() { this.constructor = d; }
			
 
				+                d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
			
 
				+            };
			
 
				+        })();
			
 
				+        /// <reference path="../../dist/preview release/babylon.d.ts"/>
			
 
				+
			
 
				 var BABYLON;
			
 
				 (function (BABYLON) {
			
 
				     var GUI;
			
@@ -125,7 +133,7 @@ var BABYLON;
 
				                     return this._focusedControl;
			
 
				                 },
			
 
				                 set: function (control) {
			
 
				-                    if (this._focusedControl === control) {
			
 
				+                    if (this._focusedControl == control) {
			
 
				                         return;
			
 
				                     }
			
 
				                     if (!this._focusedControl) {
			
@@ -291,15 +299,7 @@ var BABYLON;
 
				                         this._lastControlOver = null;
			
 
				                     }
			
 
				                 }
			
 
				-                // Focus management
			
 
				-                if (this._focusedControl) {
			
 
				-                    if (this._focusedControl !== this._lastPickedControl) {
			
 
				-                        if (this._lastPickedControl.isFocusInvisible) {
			
 
				-                            return;
			
 
				-                        }
			
 
				-                        this.focusedControl = null;
			
 
				-                    }
			
 
				-                }
			
 
				+                this._manageFocus();
			
 
				             };
			
 
				             AdvancedDynamicTexture.prototype.attach = function () {
			
 
				                 var _this = this;
			
@@ -341,6 +341,7 @@ var BABYLON;
 
				                             _this._lastControlDown.forcePointerUp();
			
 
				                         }
			
 
				                         _this._lastControlDown = null;
			
 
				+                        _this.focusedControl = null;
			
 
				                     }
			
 
				                     else if (pi.type === BABYLON.PointerEventTypes.POINTERMOVE) {
			
 
				                         if (_this._lastControlOver) {
			
@@ -352,6 +353,17 @@ var BABYLON;
 
				                 mesh.enablePointerMoveEvents = supportPointerMove;
			
 
				                 this._attachToOnPointerOut(scene);
			
 
				             };
			
 
				+            AdvancedDynamicTexture.prototype._manageFocus = function () {
			
 
				+                // Focus management
			
 
				+                if (this._focusedControl) {
			
 
				+                    if (this._focusedControl !== this._lastPickedControl) {
			
 
				+                        if (this._lastPickedControl.isFocusInvisible) {
			
 
				+                            return;
			
 
				+                        }
			
 
				+                        this.focusedControl = null;
			
 
				+                    }
			
 
				+                }
			
 
				+            };
			
 
				             AdvancedDynamicTexture.prototype._attachToOnPointerOut = function (scene) {
			
 
				                 var _this = this;
			
 
				                 this._canvasPointerOutObserver = scene.getEngine().onCanvasPointerOutObservable.add(function () {
			
@@ -699,6 +711,7 @@ var BABYLON;
 
				                 this._zIndex = 0;
			
 
				                 this._currentMeasure = GUI.Measure.Empty();
			
 
				                 this._fontFamily = "Arial";
			
 
				+                this._fontStyle = "";
			
 
				                 this._fontSize = new GUI.ValueAndUnit(18, GUI.ValueAndUnit.UNITMODE_PIXEL, false);
			
 
				                 this._width = new GUI.ValueAndUnit(1, GUI.ValueAndUnit.UNITMODE_PERCENTAGE, false);
			
 
				                 this._height = new GUI.ValueAndUnit(1, GUI.ValueAndUnit.UNITMODE_PERCENTAGE, false);
			
@@ -934,6 +947,20 @@ var BABYLON;
 
				                 enumerable: true,
			
 
				                 configurable: true
			
 
				             });
			
 
				+            Object.defineProperty(Control.prototype, "fontStyle", {
			
 
				+                get: function () {
			
 
				+                    return this._fontStyle;
			
 
				+                },
			
 
				+                set: function (value) {
			
 
				+                    if (this._fontStyle === value) {
			
 
				+                        return;
			
 
				+                    }
			
 
				+                    this._fontStyle = value;
			
 
				+                    this._fontSet = true;
			
 
				+                },
			
 
				+                enumerable: true,
			
 
				+                configurable: true
			
 
				+            });
			
 
				             Object.defineProperty(Control.prototype, "fontSize", {
			
 
				                 get: function () {
			
 
				                     return this._fontSize.toString(this._host);
			
@@ -1484,7 +1511,7 @@ var BABYLON;
 
				                 if (!this._font && !this._fontSet) {
			
 
				                     return;
			
 
				                 }
			
 
				-                this._font = this._fontSize.getValue(this._host) + "px " + this._fontFamily;
			
 
				+                this._font = this._fontStyle + " " + this._fontSize.getValue(this._host) + "px " + this._fontFamily;
			
 
				                 this._fontOffset = Control._GetFontOffset(this._font);
			
 
				             };
			
 
				             Control.prototype.dispose = function () {
			
@@ -1620,16 +1647,7 @@ var BABYLON;
 
				 //# sourceMappingURL=control.js.map
			
 
				 
			
 
				 /// <reference path="../../../dist/preview release/babylon.d.ts"/>
			
 
				-var __extends = (this && this.__extends) || (function () {
			
 
				-    var extendStatics = Object.setPrototypeOf ||
			
 
				-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
			
 
				-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
			
 
				-    return function (d, b) {
			
 
				-        extendStatics(d, b);
			
 
				-        function __() { this.constructor = d; }
			
 
				-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
			
 
				-    };
			
 
				-})();
			
 
				+
			
 
				 var BABYLON;
			
 
				 (function (BABYLON) {
			
 
				     var GUI;
			
@@ -1800,16 +1818,7 @@ var BABYLON;
 
				 //# sourceMappingURL=container.js.map
			
 
				 
			
 
				 /// <reference path="../../../dist/preview release/babylon.d.ts"/>
			
 
				-var __extends = (this && this.__extends) || (function () {
			
 
				-    var extendStatics = Object.setPrototypeOf ||
			
 
				-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
			
 
				-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
			
 
				-    return function (d, b) {
			
 
				-        extendStatics(d, b);
			
 
				-        function __() { this.constructor = d; }
			
 
				-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
			
 
				-    };
			
 
				-})();
			
 
				+
			
 
				 var BABYLON;
			
 
				 (function (BABYLON) {
			
 
				     var GUI;
			
@@ -1951,16 +1960,7 @@ var BABYLON;
 
				 //# sourceMappingURL=stackPanel.js.map
			
 
				 
			
 
				 /// <reference path="../../../dist/preview release/babylon.d.ts"/>
			
 
				-var __extends = (this && this.__extends) || (function () {
			
 
				-    var extendStatics = Object.setPrototypeOf ||
			
 
				-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
			
 
				-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
			
 
				-    return function (d, b) {
			
 
				-        extendStatics(d, b);
			
 
				-        function __() { this.constructor = d; }
			
 
				-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
			
 
				-    };
			
 
				-})();
			
 
				+
			
 
				 var BABYLON;
			
 
				 (function (BABYLON) {
			
 
				     var GUI;
			
@@ -2076,16 +2076,7 @@ var BABYLON;
 
				 //# sourceMappingURL=rectangle.js.map
			
 
				 
			
 
				 /// <reference path="../../../dist/preview release/babylon.d.ts"/>
			
 
				-var __extends = (this && this.__extends) || (function () {
			
 
				-    var extendStatics = Object.setPrototypeOf ||
			
 
				-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
			
 
				-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
			
 
				-    return function (d, b) {
			
 
				-        extendStatics(d, b);
			
 
				-        function __() { this.constructor = d; }
			
 
				-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
			
 
				-    };
			
 
				-})();
			
 
				+
			
 
				 var BABYLON;
			
 
				 (function (BABYLON) {
			
 
				     var GUI;
			
@@ -2151,16 +2142,7 @@ var BABYLON;
 
				 //# sourceMappingURL=ellipse.js.map
			
 
				 
			
 
				 /// <reference path="../../../dist/preview release/babylon.d.ts"/>
			
 
				-var __extends = (this && this.__extends) || (function () {
			
 
				-    var extendStatics = Object.setPrototypeOf ||
			
 
				-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
			
 
				-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
			
 
				-    return function (d, b) {
			
 
				-        extendStatics(d, b);
			
 
				-        function __() { this.constructor = d; }
			
 
				-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
			
 
				-    };
			
 
				-})();
			
 
				+
			
 
				 var BABYLON;
			
 
				 (function (BABYLON) {
			
 
				     var GUI;
			
@@ -2360,16 +2342,7 @@ var BABYLON;
 
				 //# sourceMappingURL=line.js.map
			
 
				 
			
 
				 /// <reference path="../../../dist/preview release/babylon.d.ts"/>
			
 
				-var __extends = (this && this.__extends) || (function () {
			
 
				-    var extendStatics = Object.setPrototypeOf ||
			
 
				-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
			
 
				-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
			
 
				-    return function (d, b) {
			
 
				-        extendStatics(d, b);
			
 
				-        function __() { this.constructor = d; }
			
 
				-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
			
 
				-    };
			
 
				-})();
			
 
				+
			
 
				 var BABYLON;
			
 
				 (function (BABYLON) {
			
 
				     var GUI;
			
@@ -2564,16 +2537,7 @@ var BABYLON;
 
				 //# sourceMappingURL=slider.js.map
			
 
				 
			
 
				 /// <reference path="../../../dist/preview release/babylon.d.ts"/>
			
 
				-var __extends = (this && this.__extends) || (function () {
			
 
				-    var extendStatics = Object.setPrototypeOf ||
			
 
				-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
			
 
				-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
			
 
				-    return function (d, b) {
			
 
				-        extendStatics(d, b);
			
 
				-        function __() { this.constructor = d; }
			
 
				-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
			
 
				-    };
			
 
				-})();
			
 
				+
			
 
				 var BABYLON;
			
 
				 (function (BABYLON) {
			
 
				     var GUI;
			
@@ -2689,16 +2653,7 @@ var BABYLON;
 
				 //# sourceMappingURL=checkBox.js.map
			
 
				 
			
 
				 /// <reference path="../../../dist/preview release/babylon.d.ts"/>
			
 
				-var __extends = (this && this.__extends) || (function () {
			
 
				-    var extendStatics = Object.setPrototypeOf ||
			
 
				-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
			
 
				-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
			
 
				-    return function (d, b) {
			
 
				-        extendStatics(d, b);
			
 
				-        function __() { this.constructor = d; }
			
 
				-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
			
 
				-    };
			
 
				-})();
			
 
				+
			
 
				 var BABYLON;
			
 
				 (function (BABYLON) {
			
 
				     var GUI;
			
@@ -2835,16 +2790,7 @@ var BABYLON;
 
				 //# sourceMappingURL=radioButton.js.map
			
 
				 
			
 
				 /// <reference path="../../../dist/preview release/babylon.d.ts"/>
			
 
				-var __extends = (this && this.__extends) || (function () {
			
 
				-    var extendStatics = Object.setPrototypeOf ||
			
 
				-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
			
 
				-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
			
 
				-    return function (d, b) {
			
 
				-        extendStatics(d, b);
			
 
				-        function __() { this.constructor = d; }
			
 
				-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
			
 
				-    };
			
 
				-})();
			
 
				+
			
 
				 var BABYLON;
			
 
				 (function (BABYLON) {
			
 
				     var GUI;
			
@@ -3021,16 +2967,7 @@ var BABYLON;
 
				 //# sourceMappingURL=textBlock.js.map
			
 
				 
			
 
				 /// <reference path="../../../dist/preview release/babylon.d.ts"/>
			
 
				-var __extends = (this && this.__extends) || (function () {
			
 
				-    var extendStatics = Object.setPrototypeOf ||
			
 
				-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
			
 
				-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
			
 
				-    return function (d, b) {
			
 
				-        extendStatics(d, b);
			
 
				-        function __() { this.constructor = d; }
			
 
				-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
			
 
				-    };
			
 
				-})();
			
 
				+
			
 
				 var DOMImage = Image;
			
 
				 var BABYLON;
			
 
				 (function (BABYLON) {
			
@@ -3273,16 +3210,7 @@ var BABYLON;
 
				 //# sourceMappingURL=image.js.map
			
 
				 
			
 
				 /// <reference path="../../../dist/preview release/babylon.d.ts"/>
			
 
				-var __extends = (this && this.__extends) || (function () {
			
 
				-    var extendStatics = Object.setPrototypeOf ||
			
 
				-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
			
 
				-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
			
 
				-    return function (d, b) {
			
 
				-        extendStatics(d, b);
			
 
				-        function __() { this.constructor = d; }
			
 
				-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
			
 
				-    };
			
 
				-})();
			
 
				+
			
 
				 var BABYLON;
			
 
				 (function (BABYLON) {
			
 
				     var GUI;
			
@@ -3398,16 +3326,7 @@ var BABYLON;
 
				 //# sourceMappingURL=button.js.map
			
 
				 
			
 
				 /// <reference path="../../../dist/preview release/babylon.d.ts"/>
			
 
				-var __extends = (this && this.__extends) || (function () {
			
 
				-    var extendStatics = Object.setPrototypeOf ||
			
 
				-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
			
 
				-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
			
 
				-    return function (d, b) {
			
 
				-        extendStatics(d, b);
			
 
				-        function __() { this.constructor = d; }
			
 
				-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
			
 
				-    };
			
 
				-})();
			
 
				+
			
 
				 var BABYLON;
			
 
				 (function (BABYLON) {
			
 
				     var GUI;
			
@@ -3753,16 +3672,7 @@ var BABYLON;
 
				 })(BABYLON || (BABYLON = {}));
			
 
				 
			
 
				 /// <reference path="../../../dist/preview release/babylon.d.ts"/>
			
 
				-var __extends = (this && this.__extends) || (function () {
			
 
				-    var extendStatics = Object.setPrototypeOf ||
			
 
				-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
			
 
				-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
			
 
				-    return function (d, b) {
			
 
				-        extendStatics(d, b);
			
 
				-        function __() { this.constructor = d; }
			
 
				-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
			
 
				-    };
			
 
				-})();
			
 
				+
			
 
				 var BABYLON;
			
 
				 (function (BABYLON) {
			
 
				     var GUI;
			
@@ -3774,8 +3684,10 @@ var BABYLON;
 
				                 var _this = _super.call(this, name) || this;
			
 
				                 _this.name = name;
			
 
				                 _this._text = "";
			
 
				+                _this._placeholderText = "";
			
 
				                 _this._background = "black";
			
 
				                 _this._focusedBackground = "black";
			
 
				+                _this._placeholderColor = "gray";
			
 
				                 _this._thickness = 1;
			
 
				                 _this._margin = new GUI.ValueAndUnit(10, GUI.ValueAndUnit.UNITMODE_PIXEL);
			
 
				                 _this._autoStretchWidth = true;
			
@@ -3876,6 +3788,34 @@ var BABYLON;
 
				                 enumerable: true,
			
 
				                 configurable: true
			
 
				             });
			
 
				+            Object.defineProperty(InputText.prototype, "placeholderColor", {
			
 
				+                get: function () {
			
 
				+                    return this._placeholderColor;
			
 
				+                },
			
 
				+                set: function (value) {
			
 
				+                    if (this._placeholderColor === value) {
			
 
				+                        return;
			
 
				+                    }
			
 
				+                    this._placeholderColor = value;
			
 
				+                    this._markAsDirty();
			
 
				+                },
			
 
				+                enumerable: true,
			
 
				+                configurable: true
			
 
				+            });
			
 
				+            Object.defineProperty(InputText.prototype, "placeholderText", {
			
 
				+                get: function () {
			
 
				+                    return this._placeholderText;
			
 
				+                },
			
 
				+                set: function (value) {
			
 
				+                    if (this._placeholderText === value) {
			
 
				+                        return;
			
 
				+                    }
			
 
				+                    this._placeholderText = value;
			
 
				+                    this._markAsDirty();
			
 
				+                },
			
 
				+                enumerable: true,
			
 
				+                configurable: true
			
 
				+            });
			
 
				             Object.defineProperty(InputText.prototype, "text", {
			
 
				                 get: function () {
			
 
				                     return this._text;
			
@@ -4012,7 +3952,14 @@ var BABYLON;
 
				                     if (this.color) {
			
 
				                         context.fillStyle = this.color;
			
 
				                     }
			
 
				-                    var textWidth = context.measureText(this._text).width;
			
 
				+                    var text = this._text;
			
 
				+                    if (!this._isFocused && !this._text && this._placeholderText) {
			
 
				+                        text = this._placeholderText;
			
 
				+                        if (this._placeholderColor) {
			
 
				+                            context.fillStyle = this._placeholderColor;
			
 
				+                        }
			
 
				+                    }
			
 
				+                    var textWidth = context.measureText(text).width;
			
 
				                     var marginWidth = this._margin.getValueInPixel(this._host, parentMeasure.width) * 2;
			
 
				                     if (this._autoStretchWidth) {
			
 
				                         this.width = Math.min(this._maxWidth.getValueInPixel(this._host, parentMeasure.width), textWidth + marginWidth) + "px";
			
@@ -4032,7 +3979,7 @@ var BABYLON;
 
				                     else {
			
 
				                         this._scrollLeft = clipTextLeft;
			
 
				                     }
			
 
				-                    context.fillText(this._text, this._scrollLeft, this._currentMeasure.top + rootY);
			
 
				+                    context.fillText(text, this._scrollLeft, this._currentMeasure.top + rootY);
			
 
				                     // Cursor
			
 
				                     if (this._isFocused) {
			
 
				                         if (!this._blinkIsEven) {
			
@@ -4092,16 +4039,7 @@ var BABYLON;
 
				 })(BABYLON || (BABYLON = {}));
			
 
				 
			
 
				 /// <reference path="../../../dist/preview release/babylon.d.ts"/>
			
 
				-var __extends = (this && this.__extends) || (function () {
			
 
				-    var extendStatics = Object.setPrototypeOf ||
			
 
				-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
			
 
				-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
			
 
				-    return function (d, b) {
			
 
				-        extendStatics(d, b);
			
 
				-        function __() { this.constructor = d; }
			
 
				-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
			
 
				-    };
			
 
				-})();
			
 
				+
			
 
				 var BABYLON;
			
 
				 (function (BABYLON) {
			
 
				     var GUI;
			
@@ -4215,3 +4153,21 @@ var BABYLON;
 
				         GUI.VirtualKeyboard = VirtualKeyboard;
			
 
				     })(GUI = BABYLON.GUI || (BABYLON.GUI = {}));
			
 
				 })(BABYLON || (BABYLON = {}));
			
 
				+
			
 
				+
			
 
				+(function universalModuleDefinition(root, factory) {
			
 
				+                if (root && root["BABYLON"]) {
			
 
				+                    return;
			
 
				+                }
			
 
				+    if(typeof exports === 'object' && typeof module === 'object')
			
 
				+        module.exports = factory();
			
 
				+    else if(typeof define === 'function' && define.amd)
			
 
				+        define([], factory);
			
 
				+    else if(typeof exports === 'object')
			
 
				+        exports["GUI"] = factory();
			
 
				+    else {
			
 
				+        root["BABYLON"]["GUI"] = factory();
			
 
				+    }
			
 
				+})(this, function() {
			
 
				+    return BABYLON.GUI;
			
 
				+});
			
--- a/release/gui/babylon.gui.min.js
+++ b/release/gui/babylon.gui.min.js
--- a/release/gui/babylon.gui.module.d.ts
+++ b/release/gui/babylon.gui.module.d.ts
@@ -1,4 +1,9 @@
 
				-/// <reference path="../../dist/preview release/babylon.d.ts" />
			
 
				+/// <reference types="babylonjs"/>
			
 
				+
			
 
				+declare module 'babylonjs-gui' { 
			
 
				+    export = BABYLON.GUI; 
			
 
				+}
			
 
				+
			
 
				 declare module BABYLON.GUI {
			
 
				     interface IFocusableControl {
			
 
				         onFocus(): void;
			
@@ -48,13 +53,14 @@ declare module BABYLON.GUI {
 
				         private _doPicking(x, y, type);
			
 
				         attach(): void;
			
 
				         attachToMesh(mesh: AbstractMesh, supportPointerMove?: boolean): void;
			
 
				+        private _manageFocus();
			
 
				         private _attachToOnPointerOut(scene);
			
 
				         static CreateForMesh(mesh: AbstractMesh, width?: number, height?: number, supportPointerMove?: boolean): AdvancedDynamicTexture;
			
 
				         static CreateFullscreenUI(name: string, foreground?: boolean, scene?: Scene): AdvancedDynamicTexture;
			
 
				     }
			
 
				 }
			
 
				 
			
 
				-/// <reference path="../../dist/preview release/babylon.d.ts" />
			
 
				+
			
 
				 declare module BABYLON.GUI {
			
 
				     class Measure {
			
 
				         left: number;
			
@@ -68,7 +74,7 @@ declare module BABYLON.GUI {
 
				     }
			
 
				 }
			
 
				 
			
 
				-/// <reference path="../../dist/preview release/babylon.d.ts" />
			
 
				+
			
 
				 declare module BABYLON.GUI {
			
 
				     class Matrix2D {
			
 
				         m: Float32Array;
			
@@ -93,7 +99,7 @@ declare module BABYLON.GUI {
 
				     }
			
 
				 }
			
 
				 
			
 
				-/// <reference path="../../dist/preview release/babylon.d.ts" />
			
 
				+
			
 
				 declare module BABYLON.GUI {
			
 
				     class ValueAndUnit {
			
 
				         unit: number;
			
@@ -116,7 +122,7 @@ declare module BABYLON.GUI {
 
				     }
			
 
				 }
			
 
				 
			
 
				-/// <reference path="../../../dist/preview release/babylon.d.ts" />
			
 
				+
			
 
				 declare module BABYLON.GUI {
			
 
				     class Control {
			
 
				         name: string;
			
@@ -127,6 +133,7 @@ declare module BABYLON.GUI {
 
				         _host: AdvancedDynamicTexture;
			
 
				         _currentMeasure: Measure;
			
 
				         private _fontFamily;
			
 
				+        private _fontStyle;
			
 
				         private _fontSize;
			
 
				         private _font;
			
 
				         _width: ValueAndUnit;
			
@@ -213,6 +220,7 @@ declare module BABYLON.GUI {
 
				         width: string | number;
			
 
				         height: string | number;
			
 
				         fontFamily: string;
			
 
				+        fontStyle: string;
			
 
				         fontSize: string | number;
			
 
				         color: string;
			
 
				         zIndex: number;
			
@@ -286,7 +294,7 @@ declare module BABYLON.GUI {
 
				     }
			
 
				 }
			
 
				 
			
 
				-/// <reference path="../../../dist/preview release/babylon.d.ts" />
			
 
				+
			
 
				 declare module BABYLON.GUI {
			
 
				     class Container extends Control {
			
 
				         name: string;
			
@@ -315,7 +323,7 @@ declare module BABYLON.GUI {
 
				     }
			
 
				 }
			
 
				 
			
 
				-/// <reference path="../../../dist/preview release/babylon.d.ts" />
			
 
				+
			
 
				 declare module BABYLON.GUI {
			
 
				     class StackPanel extends Container {
			
 
				         name: string;
			
@@ -333,7 +341,7 @@ declare module BABYLON.GUI {
 
				     }
			
 
				 }
			
 
				 
			
 
				-/// <reference path="../../../dist/preview release/babylon.d.ts" />
			
 
				+
			
 
				 declare module BABYLON.GUI {
			
 
				     class Rectangle extends Container {
			
 
				         name: string;
			
@@ -350,7 +358,7 @@ declare module BABYLON.GUI {
 
				     }
			
 
				 }
			
 
				 
			
 
				-/// <reference path="../../../dist/preview release/babylon.d.ts" />
			
 
				+
			
 
				 declare module BABYLON.GUI {
			
 
				     class Ellipse extends Container {
			
 
				         name: string;
			
@@ -364,7 +372,7 @@ declare module BABYLON.GUI {
 
				     }
			
 
				 }
			
 
				 
			
 
				-/// <reference path="../../../dist/preview release/babylon.d.ts" />
			
 
				+
			
 
				 declare module BABYLON.GUI {
			
 
				     class Line extends Control {
			
 
				         name: string;
			
@@ -397,7 +405,7 @@ declare module BABYLON.GUI {
 
				     }
			
 
				 }
			
 
				 
			
 
				-/// <reference path="../../../dist/preview release/babylon.d.ts" />
			
 
				+
			
 
				 declare module BABYLON.GUI {
			
 
				     class Slider extends Control {
			
 
				         name: string;
			
@@ -427,7 +435,7 @@ declare module BABYLON.GUI {
 
				     }
			
 
				 }
			
 
				 
			
 
				-/// <reference path="../../../dist/preview release/babylon.d.ts" />
			
 
				+
			
 
				 declare module BABYLON.GUI {
			
 
				     class Checkbox extends Control {
			
 
				         name: string;
			
@@ -447,7 +455,7 @@ declare module BABYLON.GUI {
 
				     }
			
 
				 }
			
 
				 
			
 
				-/// <reference path="../../../dist/preview release/babylon.d.ts" />
			
 
				+
			
 
				 declare module BABYLON.GUI {
			
 
				     class RadioButton extends Control {
			
 
				         name: string;
			
@@ -468,7 +476,7 @@ declare module BABYLON.GUI {
 
				     }
			
 
				 }
			
 
				 
			
 
				-/// <reference path="../../../dist/preview release/babylon.d.ts" />
			
 
				+
			
 
				 declare module BABYLON.GUI {
			
 
				     class TextBlock extends Control {
			
 
				         name: string;
			
@@ -494,7 +502,7 @@ declare module BABYLON.GUI {
 
				     }
			
 
				 }
			
 
				 
			
 
				-/// <reference path="../../../dist/preview release/babylon.d.ts" />
			
 
				+
			
 
				 declare var DOMImage: new (width?: number, height?: number) => HTMLImageElement;
			
 
				 declare module BABYLON.GUI {
			
 
				     class Image extends Control {
			
@@ -534,7 +542,7 @@ declare module BABYLON.GUI {
 
				     }
			
 
				 }
			
 
				 
			
 
				-/// <reference path="../../../dist/preview release/babylon.d.ts" />
			
 
				+
			
 
				 declare module BABYLON.GUI {
			
 
				     class Button extends Rectangle {
			
 
				         name: string;
			
@@ -555,7 +563,7 @@ declare module BABYLON.GUI {
 
				     }
			
 
				 }
			
 
				 
			
 
				-/// <reference path="../../../dist/preview release/babylon.d.ts" />
			
 
				+
			
 
				 declare module BABYLON.GUI {
			
 
				     class ColorPicker extends Control {
			
 
				         name: string;
			
@@ -594,13 +602,15 @@ declare module BABYLON.GUI {
 
				     }
			
 
				 }
			
 
				 
			
 
				-/// <reference path="../../../dist/preview release/babylon.d.ts" />
			
 
				+
			
 
				 declare module BABYLON.GUI {
			
 
				     class InputText extends Control implements IFocusableControl {
			
 
				         name: string;
			
 
				         private _text;
			
 
				+        private _placeholderText;
			
 
				         private _background;
			
 
				         private _focusedBackground;
			
 
				+        private _placeholderColor;
			
 
				         private _thickness;
			
 
				         private _margin;
			
 
				         private _autoStretchWidth;
			
@@ -620,6 +630,8 @@ declare module BABYLON.GUI {
 
				         thickness: number;
			
 
				         focusedBackground: string;
			
 
				         background: string;
			
 
				+        placeholderColor: string;
			
 
				+        placeholderText: string;
			
 
				         text: string;
			
 
				         constructor(name?: string, text?: string);
			
 
				         onBlur(): void;
			
@@ -634,7 +646,7 @@ declare module BABYLON.GUI {
 
				     }
			
 
				 }
			
 
				 
			
 
				-/// <reference path="../../../dist/preview release/babylon.d.ts" />
			
 
				+
			
 
				 declare module BABYLON.GUI {
			
 
				     class KeyPropertySet {
			
 
				         width?: string;
			
@@ -669,5 +681,3 @@ declare module BABYLON.GUI {
 
				         static CreateDefaultLayout(): VirtualKeyboard;
			
 
				     }
			
 
				 }
			
 
				-
			
 
				-export = BABYLON.GUI;
			
--- a/release/gui/package.json
+++ b/release/gui/package.json
@@ -1,38 +1,37 @@
 
				 {
			
 
				-  "author": {
			
 
				-    "name": "David CATUHE"
			
 
				-  },
			
 
				-  "name": "babylonjs-gui",
			
 
				-  "description": "The Babylon.js GUI library is an extension you can use to generate interactive user interface. It is build on top of the DynamicTexture.",
			
 
				-  "version": "3.1.0-alpha1.3",
			
 
				-  "repository": {
			
 
				-    "type": "git",
			
 
				-    "url": "https://github.com/BabylonJS/Babylon.js.git"
			
 
				-  },
			
 
				-  "main": "babylon.gui.js",
			
 
				-  "files": [
			
 
				-    "babylon.gui.js",
			
 
				-    "babylon.gui.min.js",
			
 
				-    "babylon.gui.d.ts",
			
 
				-    "babylon.gui.module.d.ts",
			
 
				-
			
 
				-    "package.json"
			
 
				-  ],
			
 
				-  "typings": "babylon.gui.module.d.ts",
			
 
				-  "keywords": [
			
 
				-    "3D",
			
 
				-    "javascript",
			
 
				-    "html5",
			
 
				-    "webgl",
			
 
				-    "gui"
			
 
				-  ],
			
 
				-  "license": "Apache-2.0",
			
 
				-  "dependencies": {
			
 
				-    "babylonjs": "3.1.0-alpha1"
			
 
				-  },
			
 
				-  "engines": {
			
 
				-    "node": "*"
			
 
				-  },
			
 
				-  "_id": "babylonjs-gui@3.1.0-alpha1",
			
 
				-  "_from": "babylonjs-gui@"
			
 
				-}
			
 
				+    "author": {
			
 
				+        "name": "David CATUHE"
			
 
				+    },
			
 
				+    "name": "babylonjs-gui",
			
 
				+    "description": "The Babylon.js GUI library is an extension you can use to generate interactive user interface. It is build on top of the DynamicTexture.",
			
 
				+    "version": "3.1.0-alpha3.4",
			
 
				+    "repository": {
			
 
				+        "type": "git",
			
 
				+        "url": "https://github.com/BabylonJS/Babylon.js.git"
			
 
				+    },
			
 
				+    "main": "babylon.gui.min.js",
			
 
				+    "files": [
			
 
				+        "babylon.gui.js",
			
 
				+        "babylon.gui.min.js",
			
 
				+        "babylon.gui.d.ts",
			
 
				+        "babylon.gui.module.d.ts",
			
 
				+        "package.json"
			
 
				+    ],
			
 
				+    "typings": "babylon.gui.module.d.ts",
			
 
				+    "keywords": [
			
 
				+        "3D",
			
 
				+        "javascript",
			
 
				+        "html5",
			
 
				+        "webgl",
			
 
				+        "gui"
			
 
				+    ],
			
 
				+    "license": "Apache-2.0",
			
 
				+    "peerDependencies": {
			
 
				+        "babylonjs": ">=3.1.0-alpha"
			
 
				+    },
			
 
				+    "engines": {
			
 
				+        "node": "*"
			
 
				+    },
			
 
				+    "_id": "babylonjs-gui@3.1.0-alpha1",
			
 
				+    "_from": "babylonjs-gui@"
			
 
				+}
			
--- a/release/inspector/babylon.inspector.bundle.js
+++ b/release/inspector/babylon.inspector.bundle.js
--- a/release/inspector/babylon.inspector.css
+++ b/release/inspector/babylon.inspector.css
@@ -26,6 +26,7 @@
 
				       cursor: ew-resize; }
			
 
				   .insp-wrapper .insp-right-panel {
			
 
				     width: 750px;
			
 
				+    overflow-y: auto;
			
 
				     display: flex;
			
 
				     flex-direction: column;
			
 
				     flex-shrink: 0; }
			
@@ -84,7 +85,8 @@
 
				     .insp-wrapper .treeTool.active {
			
 
				       color: #5db0d7; }
			
 
				   .insp-wrapper .tab-panel {
			
 
				-    height: 100%; }
			
 
				+    height: 100%;
			
 
				+    overflow-y: auto; }
			
 
				     .insp-wrapper .tab-panel.searchable {
			
 
				       height: calc(100% - 30px - 10px); }
			
 
				     .insp-wrapper .tab-panel .texture-image {
			
--- a/release/inspector/babylon.inspector.d.ts
+++ b/release/inspector/babylon.inspector.d.ts
@@ -399,7 +399,6 @@ declare module INSPECTOR {
 
				 
			
 
				 declare module INSPECTOR {
			
 
				     class LightAdapter extends Adapter implements IToolVisible {
			
 
				-        private static _PROPERTIES;
			
 
				         constructor(obj: BABYLON.Light);
			
 
				         /** Returns the name displayed in the tree */
			
 
				         id(): string;
			
@@ -541,6 +540,16 @@ declare module INSPECTOR {
 
				         private _validateInputHandler;
			
 
				         /** Handler used to validate the input by pressing 'esc' */
			
 
				         private _escapeInputHandler;
			
 
				+        /** Handler used on focus out */
			
 
				+        private _focusOutInputHandler;
			
 
				+        /** Handler used to get mouse position */
			
 
				+        private _onMouseDownHandler;
			
 
				+        private _onMouseDragHandler;
			
 
				+        private _onMouseUpHandler;
			
 
				+        /** Save previous Y mouse position */
			
 
				+        private _prevY;
			
 
				+        /**Save value while slider is on */
			
 
				+        private _preValue;
			
 
				         constructor(prop: Property, parent?: PropertyLine, level?: number);
			
 
				         /**
			
 
				          * Init the input element and al its handler :
			
@@ -553,6 +562,7 @@ declare module INSPECTOR {
 
				          * On escape : removes the input
			
 
				          */
			
 
				         private _validateInput(e);
			
 
				+        validateInput(value: any): void;
			
 
				         /**
			
 
				          * On escape : removes the input
			
 
				          */
			
@@ -605,6 +615,21 @@ declare module INSPECTOR {
 
				          * Add sub properties in case of a complex type
			
 
				          */
			
 
				         private _addDetails();
			
 
				+        /**
			
 
				+         * Refresh mouse position on y axis
			
 
				+         * @param e
			
 
				+         */
			
 
				+        private _onMouseDrag(e);
			
 
				+        /**
			
 
				+         * Save new value from slider
			
 
				+         * @param e
			
 
				+         */
			
 
				+        private _onMouseUp(e);
			
 
				+        /**
			
 
				+         * Start record mouse position
			
 
				+         * @param e
			
 
				+         */
			
 
				+        private _onMouseDown(e);
			
 
				     }
			
 
				 }
			
 
				 
			
@@ -621,6 +646,20 @@ declare module INSPECTOR {
 
				 
			
 
				 declare module INSPECTOR {
			
 
				     /**
			
 
				+     * Represents a html div element.
			
 
				+     * The div is built when an instance of BasicElement is created.
			
 
				+     */
			
 
				+    class ColorPickerElement extends BasicElement {
			
 
				+        protected _input: HTMLInputElement;
			
 
				+        private pline;
			
 
				+        constructor(color: BABYLON.Color4 | BABYLON.Color3, propertyLine: PropertyLine);
			
 
				+        update(color?: BABYLON.Color4 | BABYLON.Color3): void;
			
 
				+        private _toRgba(color);
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+declare module INSPECTOR {
			
 
				+    /**
			
 
				     * Display a very small div. A new canvas is created, with a new Babylon.js scene, containing only the
			
 
				     * cube texture in a cube
			
 
				     */
			
@@ -733,6 +772,10 @@ declare module INSPECTOR {
 
				          * Useful function used to create a div
			
 
				          */
			
 
				         static CreateDiv(className?: string, parent?: HTMLElement): HTMLElement;
			
 
				+        /**
			
 
				+         * Useful function used to create a input
			
 
				+         */
			
 
				+        static CreateInput(className?: string, parent?: HTMLElement): HTMLInputElement;
			
 
				         static CreateElement(element: string, className?: string, parent?: HTMLElement): HTMLElement;
			
 
				         /**
			
 
				          * Removes all children of the given div.
			
@@ -744,6 +787,11 @@ declare module INSPECTOR {
 
				         static Css(elem: HTMLElement, cssAttribute: string): string;
			
 
				         static LoadScript(): void;
			
 
				         static IsSystemName(name: string): boolean;
			
 
				+        /**
			
 
				+         * Return an array of PropertyLine for an obj
			
 
				+         * @param obj
			
 
				+         */
			
 
				+        static GetAllLinesProperties(obj: any): Array<PropertyLine>;
			
 
				     }
			
 
				 }
			
 
				 
			
--- a/release/inspector/babylon.inspector.js
+++ b/release/inspector/babylon.inspector.js
@@ -964,21 +964,7 @@ var INSPECTOR;
 
				         };
			
 
				         /** Returns the list of properties to be displayed for this adapter */
			
 
				         CameraAdapter.prototype.getProperties = function () {
			
 
				-            var propertiesLines = [];
			
 
				-            var camToDisplay = [];
			
 
				-            // The if is there to work with the min version of babylon
			
 
				-            if (this._obj instanceof BABYLON.ArcRotateCamera) {
			
 
				-                camToDisplay = INSPECTOR.PROPERTIES['ArcRotateCamera'].properties;
			
 
				-            }
			
 
				-            else if (this._obj instanceof BABYLON.FreeCamera) {
			
 
				-                camToDisplay = INSPECTOR.PROPERTIES['FreeCamera'].properties;
			
 
				-            }
			
 
				-            for (var _i = 0, camToDisplay_1 = camToDisplay; _i < camToDisplay_1.length; _i++) {
			
 
				-                var dirty = camToDisplay_1[_i];
			
 
				-                var infos = new INSPECTOR.Property(dirty, this._obj);
			
 
				-                propertiesLines.push(new INSPECTOR.PropertyLine(infos));
			
 
				-            }
			
 
				-            return propertiesLines;
			
 
				+            return INSPECTOR.Helpers.GetAllLinesProperties(this._obj);
			
 
				         };
			
 
				         CameraAdapter.prototype.getTools = function () {
			
 
				             var tools = [];
			
@@ -1031,13 +1017,7 @@ var INSPECTOR;
 
				         };
			
 
				         /** Returns the list of properties to be displayed for this adapter */
			
 
				         PhysicsImpostorAdapter.prototype.getProperties = function () {
			
 
				-            var propertiesLines = [];
			
 
				-            for (var _i = 0, _a = INSPECTOR.PROPERTIES['PhysicsImpostor'].properties; _i < _a.length; _i++) {
			
 
				-                var dirty = _a[_i];
			
 
				-                var infos = new INSPECTOR.Property(dirty, this._obj);
			
 
				-                propertiesLines.push(new INSPECTOR.PropertyLine(infos));
			
 
				-            }
			
 
				-            return propertiesLines;
			
 
				+            return INSPECTOR.Helpers.GetAllLinesProperties(this._obj);
			
 
				         };
			
 
				         PhysicsImpostorAdapter.prototype.getTools = function () {
			
 
				             var tools = [];
			
@@ -1094,97 +1074,7 @@ var INSPECTOR;
 
				         };
			
 
				         /** Returns the list of properties to be displayed for this adapter */
			
 
				         GUIAdapter.prototype.getProperties = function () {
			
 
				-            var propertiesLines = [];
			
 
				-            for (var _i = 0, _a = INSPECTOR.PROPERTIES['Control'].properties; _i < _a.length; _i++) {
			
 
				-                var dirty = _a[_i];
			
 
				-                var infos = new INSPECTOR.Property(dirty, this._obj);
			
 
				-                propertiesLines.push(new INSPECTOR.PropertyLine(infos));
			
 
				-            }
			
 
				-            if (this._obj instanceof BABYLON.GUI.Button) {
			
 
				-                for (var _b = 0, _c = INSPECTOR.PROPERTIES['Button'].properties; _b < _c.length; _b++) {
			
 
				-                    var dirty = _c[_b];
			
 
				-                    var infos = new INSPECTOR.Property(dirty, this._obj);
			
 
				-                    propertiesLines.push(new INSPECTOR.PropertyLine(infos));
			
 
				-                }
			
 
				-            }
			
 
				-            if (this._obj instanceof BABYLON.GUI.ColorPicker) {
			
 
				-                for (var _d = 0, _e = INSPECTOR.PROPERTIES['ColorPicker'].properties; _d < _e.length; _d++) {
			
 
				-                    var dirty = _e[_d];
			
 
				-                    var infos = new INSPECTOR.Property(dirty, this._obj);
			
 
				-                    propertiesLines.push(new INSPECTOR.PropertyLine(infos));
			
 
				-                }
			
 
				-            }
			
 
				-            if (this._obj instanceof BABYLON.GUI.Checkbox) {
			
 
				-                for (var _f = 0, _g = INSPECTOR.PROPERTIES['Checkbox'].properties; _f < _g.length; _f++) {
			
 
				-                    var dirty = _g[_f];
			
 
				-                    var infos = new INSPECTOR.Property(dirty, this._obj);
			
 
				-                    propertiesLines.push(new INSPECTOR.PropertyLine(infos));
			
 
				-                }
			
 
				-            }
			
 
				-            if (this._obj instanceof BABYLON.GUI.Ellipse) {
			
 
				-                for (var _h = 0, _j = INSPECTOR.PROPERTIES['Ellipse'].properties; _h < _j.length; _h++) {
			
 
				-                    var dirty = _j[_h];
			
 
				-                    var infos = new INSPECTOR.Property(dirty, this._obj);
			
 
				-                    propertiesLines.push(new INSPECTOR.PropertyLine(infos));
			
 
				-                }
			
 
				-            }
			
 
				-            if (this._obj instanceof BABYLON.GUI.Image) {
			
 
				-                for (var _k = 0, _l = INSPECTOR.PROPERTIES['Image'].properties; _k < _l.length; _k++) {
			
 
				-                    var dirty = _l[_k];
			
 
				-                    var infos = new INSPECTOR.Property(dirty, this._obj);
			
 
				-                    propertiesLines.push(new INSPECTOR.PropertyLine(infos));
			
 
				-                }
			
 
				-            }
			
 
				-            if (this._obj instanceof BABYLON.GUI.Line) {
			
 
				-                for (var _m = 0, _o = INSPECTOR.PROPERTIES['Line'].properties; _m < _o.length; _m++) {
			
 
				-                    var dirty = _o[_m];
			
 
				-                    var infos = new INSPECTOR.Property(dirty, this._obj);
			
 
				-                    propertiesLines.push(new INSPECTOR.PropertyLine(infos));
			
 
				-                }
			
 
				-            }
			
 
				-            if (this._obj instanceof BABYLON.GUI.RadioButton) {
			
 
				-                for (var _p = 0, _q = INSPECTOR.PROPERTIES['RadioButton'].properties; _p < _q.length; _p++) {
			
 
				-                    var dirty = _q[_p];
			
 
				-                    var infos = new INSPECTOR.Property(dirty, this._obj);
			
 
				-                    propertiesLines.push(new INSPECTOR.PropertyLine(infos));
			
 
				-                }
			
 
				-            }
			
 
				-            if (this._obj instanceof BABYLON.GUI.Rectangle) {
			
 
				-                for (var _r = 0, _s = INSPECTOR.PROPERTIES['Rectangle'].properties; _r < _s.length; _r++) {
			
 
				-                    var dirty = _s[_r];
			
 
				-                    var infos = new INSPECTOR.Property(dirty, this._obj);
			
 
				-                    propertiesLines.push(new INSPECTOR.PropertyLine(infos));
			
 
				-                }
			
 
				-            }
			
 
				-            if (this._obj instanceof BABYLON.GUI.Slider) {
			
 
				-                for (var _t = 0, _u = INSPECTOR.PROPERTIES['Slider'].properties; _t < _u.length; _t++) {
			
 
				-                    var dirty = _u[_t];
			
 
				-                    var infos = new INSPECTOR.Property(dirty, this._obj);
			
 
				-                    propertiesLines.push(new INSPECTOR.PropertyLine(infos));
			
 
				-                }
			
 
				-            }
			
 
				-            if (this._obj instanceof BABYLON.GUI.StackPanel) {
			
 
				-                for (var _v = 0, _w = INSPECTOR.PROPERTIES['StackPanel'].properties; _v < _w.length; _v++) {
			
 
				-                    var dirty = _w[_v];
			
 
				-                    var infos = new INSPECTOR.Property(dirty, this._obj);
			
 
				-                    propertiesLines.push(new INSPECTOR.PropertyLine(infos));
			
 
				-                }
			
 
				-            }
			
 
				-            if (this._obj instanceof BABYLON.GUI.TextBlock) {
			
 
				-                for (var _x = 0, _y = INSPECTOR.PROPERTIES['TextBlock'].properties; _x < _y.length; _x++) {
			
 
				-                    var dirty = _y[_x];
			
 
				-                    var infos = new INSPECTOR.Property(dirty, this._obj);
			
 
				-                    propertiesLines.push(new INSPECTOR.PropertyLine(infos));
			
 
				-                }
			
 
				-            }
			
 
				-            if (this._obj instanceof BABYLON.GUI.Container) {
			
 
				-                for (var _z = 0, _0 = INSPECTOR.PROPERTIES['Container'].properties; _z < _0.length; _z++) {
			
 
				-                    var dirty = _0[_z];
			
 
				-                    var infos = new INSPECTOR.Property(dirty, this._obj);
			
 
				-                    propertiesLines.push(new INSPECTOR.PropertyLine(infos));
			
 
				-                }
			
 
				-            }
			
 
				-            return propertiesLines;
			
 
				+            return INSPECTOR.Helpers.GetAllLinesProperties(this._obj);
			
 
				         };
			
 
				         GUIAdapter.prototype.getTools = function () {
			
 
				             var tools = [];
			
@@ -1235,16 +1125,7 @@ var INSPECTOR;
 
				         };
			
 
				         /** Returns the list of properties to be displayed for this adapter */
			
 
				         SoundAdapter.prototype.getProperties = function () {
			
 
				-            var propertiesLines = [];
			
 
				-            var camToDisplay = [];
			
 
				-            // The if is there to work with the min version of babylon
			
 
				-            var soundProperties = INSPECTOR.PROPERTIES['Sound'].properties;
			
 
				-            for (var _i = 0, soundProperties_1 = soundProperties; _i < soundProperties_1.length; _i++) {
			
 
				-                var dirty = soundProperties_1[_i];
			
 
				-                var infos = new INSPECTOR.Property(dirty, this._obj);
			
 
				-                propertiesLines.push(new INSPECTOR.PropertyLine(infos));
			
 
				-            }
			
 
				-            return propertiesLines;
			
 
				+            return INSPECTOR.Helpers.GetAllLinesProperties(this._obj);
			
 
				         };
			
 
				         SoundAdapter.prototype.getTools = function () {
			
 
				             var tools = [];
			
@@ -1346,13 +1227,7 @@ var INSPECTOR;
 
				         };
			
 
				         /** Returns the list of properties to be displayed for this adapter */
			
 
				         LightAdapter.prototype.getProperties = function () {
			
 
				-            var propertiesLines = [];
			
 
				-            for (var _i = 0, _a = LightAdapter._PROPERTIES; _i < _a.length; _i++) {
			
 
				-                var dirty = _a[_i];
			
 
				-                var infos = new INSPECTOR.Property(dirty, this._obj);
			
 
				-                propertiesLines.push(new INSPECTOR.PropertyLine(infos));
			
 
				-            }
			
 
				-            return propertiesLines;
			
 
				+            return INSPECTOR.Helpers.GetAllLinesProperties(this._obj);
			
 
				         };
			
 
				         LightAdapter.prototype.getTools = function () {
			
 
				             var tools = [];
			
@@ -1365,14 +1240,6 @@ var INSPECTOR;
 
				         LightAdapter.prototype.isVisible = function () {
			
 
				             return this._obj.isEnabled();
			
 
				         };
			
 
				-        LightAdapter._PROPERTIES = [
			
 
				-            'position',
			
 
				-            'diffuse',
			
 
				-            'intensity',
			
 
				-            'radius',
			
 
				-            'range',
			
 
				-            'specular'
			
 
				-        ];
			
 
				         return LightAdapter;
			
 
				     }(INSPECTOR.Adapter));
			
 
				     INSPECTOR.LightAdapter = LightAdapter;
			
@@ -1411,21 +1278,7 @@ var INSPECTOR;
 
				         };
			
 
				         /** Returns the list of properties to be displayed for this adapter */
			
 
				         MaterialAdapter.prototype.getProperties = function () {
			
 
				-            var propertiesLines = [];
			
 
				-            var propToDisplay = [];
			
 
				-            // The if is there to work with the min version of babylon
			
 
				-            if (this._obj instanceof BABYLON.StandardMaterial) {
			
 
				-                propToDisplay = INSPECTOR.PROPERTIES['StandardMaterial'].properties;
			
 
				-            }
			
 
				-            else if (this._obj instanceof BABYLON.PBRMaterial) {
			
 
				-                propToDisplay = INSPECTOR.PROPERTIES['PBRMaterial'].properties;
			
 
				-            }
			
 
				-            for (var _i = 0, propToDisplay_1 = propToDisplay; _i < propToDisplay_1.length; _i++) {
			
 
				-                var dirty = propToDisplay_1[_i];
			
 
				-                var infos = new INSPECTOR.Property(dirty, this._obj);
			
 
				-                propertiesLines.push(new INSPECTOR.PropertyLine(infos));
			
 
				-            }
			
 
				-            return propertiesLines;
			
 
				+            return INSPECTOR.Helpers.GetAllLinesProperties(this._obj);
			
 
				         };
			
 
				         /** No tools for a material adapter */
			
 
				         MaterialAdapter.prototype.getTools = function () {
			
@@ -1472,13 +1325,7 @@ var INSPECTOR;
 
				         };
			
 
				         /** Returns the list of properties to be displayed for this adapter */
			
 
				         MeshAdapter.prototype.getProperties = function () {
			
 
				-            var propertiesLines = [];
			
 
				-            for (var _i = 0, _a = INSPECTOR.PROPERTIES['Mesh'].properties; _i < _a.length; _i++) {
			
 
				-                var dirty = _a[_i];
			
 
				-                var infos = new INSPECTOR.Property(dirty, this._obj);
			
 
				-                propertiesLines.push(new INSPECTOR.PropertyLine(infos));
			
 
				-            }
			
 
				-            return propertiesLines;
			
 
				+            return INSPECTOR.Helpers.GetAllLinesProperties(this._obj);
			
 
				         };
			
 
				         MeshAdapter.prototype.getTools = function () {
			
 
				             var tools = [];
			
@@ -1853,6 +1700,7 @@ var INSPECTOR;
 
				                 this._valueDiv.addEventListener('click', this._displayInputHandler);
			
 
				                 this._input.addEventListener('keypress', this._validateInputHandler);
			
 
				                 this._input.addEventListener('keydown', this._escapeInputHandler);
			
 
				+                this._input.addEventListener('focusout', this._focusOutInputHandler);
			
 
				             }
			
 
				             // Add this property to the scheduler
			
 
				             INSPECTOR.Scheduler.getInstance().add(this);
			
@@ -1870,6 +1718,10 @@ var INSPECTOR;
 
				             this._displayInputHandler = this._displayInput.bind(this);
			
 
				             this._validateInputHandler = this._validateInput.bind(this);
			
 
				             this._escapeInputHandler = this._escapeInput.bind(this);
			
 
				+            this._focusOutInputHandler = this.update.bind(this);
			
 
				+            this._onMouseDownHandler = this._onMouseDown.bind(this);
			
 
				+            this._onMouseDragHandler = this._onMouseDrag.bind(this);
			
 
				+            this._onMouseUpHandler = this._onMouseUp.bind(this);
			
 
				         };
			
 
				         /**
			
 
				          * On enter : validates the new value and removes the input
			
@@ -1877,29 +1729,32 @@ var INSPECTOR;
 
				          */
			
 
				         PropertyLine.prototype._validateInput = function (e) {
			
 
				             if (e.keyCode == 13) {
			
 
				-                // Enter : validate the new value
			
 
				-                var newValue = this._input.value;
			
 
				-                this.updateObject();
			
 
				-                if (typeof this._property.value === 'number') {
			
 
				-                    this._property.value = parseFloat(newValue);
			
 
				-                }
			
 
				-                else {
			
 
				-                    this._property.value = newValue;
			
 
				-                }
			
 
				-                // Remove input
			
 
				-                this.update();
			
 
				-                // resume scheduler
			
 
				-                INSPECTOR.Scheduler.getInstance().pause = false;
			
 
				+                this.validateInput(this._input.value);
			
 
				             }
			
 
				             else if (e.keyCode == 27) {
			
 
				                 // Esc : remove input
			
 
				                 this.update();
			
 
				             }
			
 
				         };
			
 
				+        PropertyLine.prototype.validateInput = function (value) {
			
 
				+            this.updateObject();
			
 
				+            if (typeof this._property.value === 'number') {
			
 
				+                this._property.value = parseFloat(value);
			
 
				+            }
			
 
				+            else {
			
 
				+                this._property.value = value;
			
 
				+            }
			
 
				+            // Remove input
			
 
				+            this.update();
			
 
				+            // resume scheduler
			
 
				+            INSPECTOR.Scheduler.getInstance().pause = false;
			
 
				+        };
			
 
				         /**
			
 
				          * On escape : removes the input
			
 
				          */
			
 
				         PropertyLine.prototype._escapeInput = function (e) {
			
 
				+            // Remove focus out handler
			
 
				+            this._input.removeEventListener('focusout', this._focusOutInputHandler);
			
 
				             if (e.keyCode == 27) {
			
 
				                 // Esc : remove input
			
 
				                 this.update();
			
@@ -1925,6 +1780,11 @@ var INSPECTOR;
 
				             this._valueDiv.textContent = "";
			
 
				             this._input.value = valueTxt;
			
 
				             this._valueDiv.appendChild(this._input);
			
 
				+            this._input.focus();
			
 
				+            if (typeof this.value === 'number') {
			
 
				+                this._input.addEventListener('mousedown', this._onMouseDownHandler);
			
 
				+            }
			
 
				+            this._input.addEventListener('focusout', this._focusOutInputHandler);
			
 
				             // Pause the scheduler
			
 
				             INSPECTOR.Scheduler.getInstance().pause = true;
			
 
				         };
			
@@ -1970,7 +1830,8 @@ var INSPECTOR;
 
				         PropertyLine.prototype._createElements = function () {
			
 
				             // Colors
			
 
				             if (this.type == 'Color3' || this.type == 'Color4') {
			
 
				-                this._elements.push(new INSPECTOR.ColorElement(this.value));
			
 
				+                this._elements.push(new INSPECTOR.ColorPickerElement(this.value, this));
			
 
				+                //this._elements.push(new ColorElement(this.value));
			
 
				             }
			
 
				             // Texture
			
 
				             if (this.type == 'Texture') {
			
@@ -2104,6 +1965,33 @@ var INSPECTOR;
 
				                 }
			
 
				             }
			
 
				         };
			
 
				+        /**
			
 
				+         * Refresh mouse position on y axis
			
 
				+         * @param e
			
 
				+         */
			
 
				+        PropertyLine.prototype._onMouseDrag = function (e) {
			
 
				+            var diff = this._prevY - e.clientY;
			
 
				+            this._input.value = (this._preValue + diff).toString();
			
 
				+        };
			
 
				+        /**
			
 
				+         * Save new value from slider
			
 
				+         * @param e
			
 
				+         */
			
 
				+        PropertyLine.prototype._onMouseUp = function (e) {
			
 
				+            window.removeEventListener('mousemove', this._onMouseDragHandler);
			
 
				+            window.removeEventListener('mouseup', this._onMouseUpHandler);
			
 
				+            this._prevY = e.clientY;
			
 
				+        };
			
 
				+        /**
			
 
				+         * Start record mouse position
			
 
				+         * @param e
			
 
				+         */
			
 
				+        PropertyLine.prototype._onMouseDown = function (e) {
			
 
				+            this._prevY = e.clientY;
			
 
				+            this._preValue = this.value;
			
 
				+            window.addEventListener('mousemove', this._onMouseDragHandler);
			
 
				+            window.addEventListener('mouseup', this._onMouseUpHandler);
			
 
				+        };
			
 
				         // Array representing the simple type. All others are considered 'complex'
			
 
				         PropertyLine._SIMPLE_TYPE = ['number', 'string', 'boolean'];
			
 
				         // The number of pixel at each children step
			
@@ -2177,6 +2065,74 @@ var __extends = (this && this.__extends) || (function () {
 
				 var INSPECTOR;
			
 
				 (function (INSPECTOR) {
			
 
				     /**
			
 
				+     * Represents a html div element.
			
 
				+     * The div is built when an instance of BasicElement is created.
			
 
				+     */
			
 
				+    var ColorPickerElement = (function (_super) {
			
 
				+        __extends(ColorPickerElement, _super);
			
 
				+        function ColorPickerElement(color, propertyLine) {
			
 
				+            var _this = _super.call(this) || this;
			
 
				+            var scheduler = INSPECTOR.Scheduler.getInstance();
			
 
				+            _this._div.className = 'color-element';
			
 
				+            _this._div.style.backgroundColor = _this._toRgba(color);
			
 
				+            _this._div.style.top = "5px";
			
 
				+            _this.pline = propertyLine;
			
 
				+            _this._input = INSPECTOR.Helpers.CreateInput();
			
 
				+            _this._input.type = 'color';
			
 
				+            _this._input.style.opacity = "0";
			
 
				+            _this._input.style.width = '10px';
			
 
				+            _this._input.style.height = '15px';
			
 
				+            _this._input.value = color.toHexString();
			
 
				+            _this._input.addEventListener('input', function (e) {
			
 
				+                console.log('Color', _this._input.value, _this.pline);
			
 
				+                _this.pline.validateInput(BABYLON.Color3.FromHexString(_this._input.value));
			
 
				+                scheduler.pause = false;
			
 
				+            });
			
 
				+            _this._div.appendChild(_this._input);
			
 
				+            _this._input.addEventListener('click', function (e) {
			
 
				+                scheduler.pause = true;
			
 
				+            });
			
 
				+            return _this;
			
 
				+        }
			
 
				+        ColorPickerElement.prototype.update = function (color) {
			
 
				+            if (color) {
			
 
				+                this._div.style.backgroundColor = this._toRgba(color);
			
 
				+                this._input.value = color.toHexString();
			
 
				+            }
			
 
				+        };
			
 
				+        ColorPickerElement.prototype._toRgba = function (color) {
			
 
				+            if (color) {
			
 
				+                var r = (color.r * 255) | 0;
			
 
				+                var g = (color.g * 255) | 0;
			
 
				+                var b = (color.b * 255) | 0;
			
 
				+                var a = 1;
			
 
				+                if (color instanceof BABYLON.Color4) {
			
 
				+                    var a_1 = color.a;
			
 
				+                }
			
 
				+                return "rgba(" + r + ", " + g + ", " + b + ", " + a + ")";
			
 
				+            }
			
 
				+            else {
			
 
				+                return '';
			
 
				+            }
			
 
				+        };
			
 
				+        return ColorPickerElement;
			
 
				+    }(INSPECTOR.BasicElement));
			
 
				+    INSPECTOR.ColorPickerElement = ColorPickerElement;
			
 
				+})(INSPECTOR || (INSPECTOR = {}));
			
 
				+
			
 
				+var __extends = (this && this.__extends) || (function () {
			
 
				+    var extendStatics = Object.setPrototypeOf ||
			
 
				+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
			
 
				+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
			
 
				+    return function (d, b) {
			
 
				+        extendStatics(d, b);
			
 
				+        function __() { this.constructor = d; }
			
 
				+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
			
 
				+    };
			
 
				+})();
			
 
				+var INSPECTOR;
			
 
				+(function (INSPECTOR) {
			
 
				+    /**
			
 
				     * Display a very small div. A new canvas is created, with a new Babylon.js scene, containing only the
			
 
				     * cube texture in a cube
			
 
				     */
			
@@ -2539,6 +2495,12 @@ var INSPECTOR;
 
				         Helpers.CreateDiv = function (className, parent) {
			
 
				             return Helpers.CreateElement('div', className, parent);
			
 
				         };
			
 
				+        /**
			
 
				+         * Useful function used to create a input
			
 
				+         */
			
 
				+        Helpers.CreateInput = function (className, parent) {
			
 
				+            return Helpers.CreateElement('input', className, parent);
			
 
				+        };
			
 
				         Helpers.CreateElement = function (element, className, parent) {
			
 
				             var elem = INSPECTOR.Inspector.DOCUMENT.createElement(element);
			
 
				             if (className) {
			
@@ -2595,6 +2557,23 @@ var INSPECTOR;
 
				             }
			
 
				             return name.indexOf("###") === 0 && name.lastIndexOf("###") === (name.length - 3);
			
 
				         };
			
 
				+        /**
			
 
				+         * Return an array of PropertyLine for an obj
			
 
				+         * @param obj
			
 
				+         */
			
 
				+        Helpers.GetAllLinesProperties = function (obj) {
			
 
				+            var propertiesLines = [];
			
 
				+            for (var prop in obj) {
			
 
				+                /**
			
 
				+                 * No private and no function
			
 
				+                 */
			
 
				+                if (prop.substring(0, 1) !== '_' && typeof obj[prop] !== 'function') {
			
 
				+                    var infos = new INSPECTOR.Property(prop, obj);
			
 
				+                    propertiesLines.push(new INSPECTOR.PropertyLine(infos));
			
 
				+                }
			
 
				+            }
			
 
				+            return propertiesLines;
			
 
				+        };
			
 
				         return Helpers;
			
 
				     }());
			
 
				     INSPECTOR.Helpers = Helpers;
			
--- a/release/inspector/babylon.inspector.min.js
+++ b/release/inspector/babylon.inspector.min.js
--- a/release/loaders/babylon.glTF1FileLoader.min.js
+++ b/release/loaders/babylon.glTF1FileLoader.min.js
--- a/release/loaders/babylon.glTF2FileLoader.d.ts
+++ b/release/loaders/babylon.glTF2FileLoader.d.ts
@@ -213,9 +213,9 @@ declare module BABYLON.GLTF2 {
 
				         indices?: number;
			
 
				         material?: number;
			
 
				         mode?: EMeshPrimitiveMode;
			
 
				-        targets?: [{
			
 
				+        targets?: {
			
 
				             [name: string]: number;
			
 
				-        }];
			
 
				+        }[];
			
 
				     }
			
 
				     interface IGLTFMesh extends IGLTFChildRootProperty {
			
 
				         primitives: IGLTFMeshPrimitive[];
			
@@ -234,7 +234,7 @@ declare module BABYLON.GLTF2 {
 
				         index?: number;
			
 
				         parent?: IGLTFNode;
			
 
				         babylonMesh?: Mesh;
			
 
				-        babylonSkinToBones?: {
			
 
				+        babylonBones?: {
			
 
				             [skin: number]: Bone;
			
 
				         };
			
 
				         babylonAnimationTargets?: Node[];
			
@@ -330,15 +330,17 @@ declare module BABYLON.GLTF2 {
 
				         private _showMeshes();
			
 
				         private _startAnimations();
			
 
				         private _loadScene(nodeNames);
			
 
				-        private _loadSkin(node);
			
 
				-        private _updateBone(node, parentNode, skin, inverseBindMatrixData);
			
 
				-        private _createBone(node, skin);
			
 
				-        private _loadMesh(node);
			
 
				-        private _loadMeshData(node, mesh, babylonMesh);
			
 
				+        private _loadNode(node);
			
 
				+        private _loadMesh(node, mesh);
			
 
				         private _loadVertexDataAsync(primitive, onSuccess);
			
 
				         private _createMorphTargets(node, mesh, primitive, babylonMesh);
			
 
				         private _loadMorphTargetsData(mesh, primitive, vertexData, babylonMesh);
			
 
				-        private _loadTransform(node, babylonMesh);
			
 
				+        private _loadTransform(node);
			
 
				+        private _loadSkin(skin);
			
 
				+        private _createBone(node, skin, parent, localMatrix, baseMatrix, index);
			
 
				+        private _loadBones(skin, inverseBindMatrixData);
			
 
				+        private _loadBone(node, skin, inverseBindMatrixData, babylonBones);
			
 
				+        private _getNodeMatrix(node);
			
 
				         private _traverseNodes(indices, action, parentNode?);
			
 
				         private _traverseNode(index, action, parentNode?);
			
 
				         private _loadAnimations();
			
--- a/release/loaders/babylon.glTF2FileLoader.js
+++ b/release/loaders/babylon.glTF2FileLoader.js
@@ -547,85 +547,35 @@ var BABYLON;
 
				                     });
			
 
				                     nodeIndices = filteredNodeIndices;
			
 
				                 }
			
 
				-                this._traverseNodes(nodeIndices, function (node) { return _this._loadSkin(node); });
			
 
				-                this._traverseNodes(nodeIndices, function (node) { return _this._loadMesh(node); });
			
 
				+                this._traverseNodes(nodeIndices, function (node) { return _this._loadNode(node); });
			
 
				             };
			
 
				-            GLTFLoader.prototype._loadSkin = function (node) {
			
 
				-                var _this = this;
			
 
				-                if (node.skin !== undefined) {
			
 
				-                    var skin = this._gltf.skins[node.skin];
			
 
				-                    var skeletonId = "skeleton" + node.skin;
			
 
				-                    skin.babylonSkeleton = new BABYLON.Skeleton(skin.name || skeletonId, skeletonId, this._babylonScene);
			
 
				-                    skin.index = node.skin;
			
 
				-                    for (var i = 0; i < skin.joints.length; i++) {
			
 
				-                        this._createBone(this._gltf.nodes[skin.joints[i]], skin);
			
 
				-                    }
			
 
				-                    if (skin.skeleton === undefined) {
			
 
				-                        // TODO: handle when skeleton is not defined
			
 
				-                        throw new Error("Not implemented");
			
 
				-                    }
			
 
				-                    if (skin.inverseBindMatrices === undefined) {
			
 
				-                        // TODO: handle when inverse bind matrices are not defined
			
 
				-                        throw new Error("Not implemented");
			
 
				-                    }
			
 
				-                    var accessor = this._gltf.accessors[skin.inverseBindMatrices];
			
 
				-                    this._loadAccessorAsync(accessor, function (data) {
			
 
				-                        _this._traverseNode(skin.skeleton, function (node, index, parent) { return _this._updateBone(node, parent, skin, data); });
			
 
				-                    });
			
 
				-                }
			
 
				-                return true;
			
 
				-            };
			
 
				-            GLTFLoader.prototype._updateBone = function (node, parentNode, skin, inverseBindMatrixData) {
			
 
				-                var jointIndex = skin.joints.indexOf(node.index);
			
 
				-                if (jointIndex === -1) {
			
 
				-                    this._createBone(node, skin);
			
 
				-                }
			
 
				-                var babylonBone = node.babylonSkinToBones[skin.index];
			
 
				-                // TODO: explain the math
			
 
				-                var matrix = jointIndex === -1 ? BABYLON.Matrix.Identity() : BABYLON.Matrix.FromArray(inverseBindMatrixData, jointIndex * 16);
			
 
				-                matrix.invertToRef(matrix);
			
 
				-                if (parentNode) {
			
 
				-                    babylonBone.setParent(parentNode.babylonSkinToBones[skin.index], false);
			
 
				-                    matrix.multiplyToRef(babylonBone.getParent().getInvertedAbsoluteTransform(), matrix);
			
 
				-                }
			
 
				-                babylonBone.updateMatrix(matrix);
			
 
				-                return true;
			
 
				-            };
			
 
				-            GLTFLoader.prototype._createBone = function (node, skin) {
			
 
				-                var babylonBone = new BABYLON.Bone(node.name || "bone" + node.index, skin.babylonSkeleton);
			
 
				-                node.babylonSkinToBones = node.babylonSkinToBones || {};
			
 
				-                node.babylonSkinToBones[skin.index] = babylonBone;
			
 
				-                node.babylonAnimationTargets = node.babylonAnimationTargets || [];
			
 
				-                node.babylonAnimationTargets.push(babylonBone);
			
 
				-                return babylonBone;
			
 
				-            };
			
 
				-            GLTFLoader.prototype._loadMesh = function (node) {
			
 
				-                var babylonMesh = new BABYLON.Mesh(node.name || "mesh" + node.index, this._babylonScene);
			
 
				-                babylonMesh.isVisible = false;
			
 
				-                this._loadTransform(node, babylonMesh);
			
 
				+            GLTFLoader.prototype._loadNode = function (node) {
			
 
				+                node.babylonMesh = new BABYLON.Mesh(node.name || "mesh" + node.index, this._babylonScene);
			
 
				+                node.babylonMesh.isVisible = false;
			
 
				+                this._loadTransform(node);
			
 
				                 if (node.mesh !== undefined) {
			
 
				                     var mesh = this._gltf.meshes[node.mesh];
			
 
				-                    this._loadMeshData(node, mesh, babylonMesh);
			
 
				+                    this._loadMesh(node, mesh);
			
 
				                 }
			
 
				-                babylonMesh.parent = node.parent ? node.parent.babylonMesh : null;
			
 
				-                node.babylonMesh = babylonMesh;
			
 
				+                node.babylonMesh.parent = node.parent ? node.parent.babylonMesh : null;
			
 
				                 node.babylonAnimationTargets = node.babylonAnimationTargets || [];
			
 
				                 node.babylonAnimationTargets.push(node.babylonMesh);
			
 
				                 if (node.skin !== undefined) {
			
 
				                     var skin = this._gltf.skins[node.skin];
			
 
				-                    babylonMesh.skeleton = skin.babylonSkeleton;
			
 
				+                    skin.index = node.skin;
			
 
				+                    node.babylonMesh.skeleton = this._loadSkin(skin);
			
 
				                 }
			
 
				                 if (node.camera !== undefined) {
			
 
				                     // TODO: handle cameras
			
 
				                 }
			
 
				                 return true;
			
 
				             };
			
 
				-            GLTFLoader.prototype._loadMeshData = function (node, mesh, babylonMesh) {
			
 
				+            GLTFLoader.prototype._loadMesh = function (node, mesh) {
			
 
				                 var _this = this;
			
 
				-                babylonMesh.name = mesh.name || babylonMesh.name;
			
 
				-                var babylonMultiMaterial = new BABYLON.MultiMaterial(babylonMesh.name, this._babylonScene);
			
 
				-                babylonMesh.material = babylonMultiMaterial;
			
 
				-                var geometry = new BABYLON.Geometry(babylonMesh.name, this._babylonScene, null, false, babylonMesh);
			
 
				+                node.babylonMesh.name = mesh.name || node.babylonMesh.name;
			
 
				+                var babylonMultiMaterial = new BABYLON.MultiMaterial(node.babylonMesh.name, this._babylonScene);
			
 
				+                node.babylonMesh.material = babylonMultiMaterial;
			
 
				+                var geometry = new BABYLON.Geometry(node.babylonMesh.name, this._babylonScene, null, false, node.babylonMesh);
			
 
				                 var vertexData = new BABYLON.VertexData();
			
 
				                 vertexData.positions = [];
			
 
				                 vertexData.indices = [];
			
@@ -638,9 +588,9 @@ var BABYLON;
 
				                         // TODO: handle other primitive modes
			
 
				                         throw new Error("Not implemented");
			
 
				                     }
			
 
				-                    this_1._createMorphTargets(node, mesh, primitive, babylonMesh);
			
 
				+                    this_1._createMorphTargets(node, mesh, primitive, node.babylonMesh);
			
 
				                     this_1._loadVertexDataAsync(primitive, function (subVertexData) {
			
 
				-                        _this._loadMorphTargetsData(mesh, primitive, subVertexData, babylonMesh);
			
 
				+                        _this._loadMorphTargetsData(mesh, primitive, subVertexData, node.babylonMesh);
			
 
				                         subMeshInfos.push({
			
 
				                             materialIndex: i,
			
 
				                             verticesStart: vertexData.positions.length,
			
@@ -659,7 +609,7 @@ var BABYLON;
 
				                                         }
			
 
				                                         if (_this._parent.onBeforeMaterialReadyAsync) {
			
 
				                                             _this.addLoaderPendingData(material);
			
 
				-                                            _this._parent.onBeforeMaterialReadyAsync(babylonMaterial, babylonMesh, babylonMultiMaterial.subMaterials[i] != null, function () {
			
 
				+                                            _this._parent.onBeforeMaterialReadyAsync(babylonMaterial, node.babylonMesh, babylonMultiMaterial.subMaterials[i] != null, function () {
			
 
				                                                 babylonMultiMaterial.subMaterials[i] = babylonMaterial;
			
 
				                                                 _this.removeLoaderPendingData(material);
			
 
				                                             });
			
@@ -677,8 +627,8 @@ var BABYLON;
 
				                             subMeshInfos.forEach(function (info) { return info.loadMaterial(); });
			
 
				                             // TODO: optimize this so that sub meshes can be created without being overwritten after setting vertex data.
			
 
				                             // Sub meshes must be cleared and created after setting vertex data because of mesh._createGlobalSubMesh.
			
 
				-                            babylonMesh.subMeshes = [];
			
 
				-                            subMeshInfos.forEach(function (info) { return new BABYLON.SubMesh(info.materialIndex, info.verticesStart, info.verticesCount, info.indicesStart, info.indicesCount, babylonMesh); });
			
 
				+                            node.babylonMesh.subMeshes = [];
			
 
				+                            subMeshInfos.forEach(function (info) { return new BABYLON.SubMesh(info.materialIndex, info.verticesStart, info.verticesCount, info.indicesStart, info.indicesCount, node.babylonMesh); });
			
 
				                         }
			
 
				                     });
			
 
				                 };
			
@@ -816,7 +766,7 @@ var BABYLON;
 
				                     _loop_3();
			
 
				                 }
			
 
				             };
			
 
				-            GLTFLoader.prototype._loadTransform = function (node, babylonMesh) {
			
 
				+            GLTFLoader.prototype._loadTransform = function (node) {
			
 
				                 var position = BABYLON.Vector3.Zero();
			
 
				                 var rotation = BABYLON.Quaternion.Identity();
			
 
				                 var scaling = BABYLON.Vector3.One();
			
@@ -832,9 +782,64 @@ var BABYLON;
 
				                     if (node.scale)
			
 
				                         scaling = BABYLON.Vector3.FromArray(node.scale);
			
 
				                 }
			
 
				-                babylonMesh.position = position;
			
 
				-                babylonMesh.rotationQuaternion = rotation;
			
 
				-                babylonMesh.scaling = scaling;
			
 
				+                node.babylonMesh.position = position;
			
 
				+                node.babylonMesh.rotationQuaternion = rotation;
			
 
				+                node.babylonMesh.scaling = scaling;
			
 
				+            };
			
 
				+            GLTFLoader.prototype._loadSkin = function (skin) {
			
 
				+                var _this = this;
			
 
				+                var skeletonId = "skeleton" + skin.index;
			
 
				+                skin.babylonSkeleton = new BABYLON.Skeleton(skin.name || skeletonId, skeletonId, this._babylonScene);
			
 
				+                if (skin.inverseBindMatrices === undefined) {
			
 
				+                    this._loadBones(skin, null);
			
 
				+                }
			
 
				+                else {
			
 
				+                    var accessor = this._gltf.accessors[skin.inverseBindMatrices];
			
 
				+                    this._loadAccessorAsync(accessor, function (data) {
			
 
				+                        _this._loadBones(skin, data);
			
 
				+                    });
			
 
				+                }
			
 
				+                return skin.babylonSkeleton;
			
 
				+            };
			
 
				+            GLTFLoader.prototype._createBone = function (node, skin, parent, localMatrix, baseMatrix, index) {
			
 
				+                var babylonBone = new BABYLON.Bone(node.name || "bone" + node.index, skin.babylonSkeleton, parent, localMatrix, null, baseMatrix, index);
			
 
				+                node.babylonBones = node.babylonBones || {};
			
 
				+                node.babylonBones[skin.index] = babylonBone;
			
 
				+                node.babylonAnimationTargets = node.babylonAnimationTargets || [];
			
 
				+                node.babylonAnimationTargets.push(babylonBone);
			
 
				+                return babylonBone;
			
 
				+            };
			
 
				+            GLTFLoader.prototype._loadBones = function (skin, inverseBindMatrixData) {
			
 
				+                var babylonBones = {};
			
 
				+                for (var i = 0; i < skin.joints.length; i++) {
			
 
				+                    var node = this._gltf.nodes[skin.joints[i]];
			
 
				+                    this._loadBone(node, skin, inverseBindMatrixData, babylonBones);
			
 
				+                }
			
 
				+            };
			
 
				+            GLTFLoader.prototype._loadBone = function (node, skin, inverseBindMatrixData, babylonBones) {
			
 
				+                var babylonBone = babylonBones[node.index];
			
 
				+                if (babylonBone) {
			
 
				+                    return babylonBone;
			
 
				+                }
			
 
				+                var boneIndex = skin.joints.indexOf(node.index);
			
 
				+                var baseMatrix = BABYLON.Matrix.Identity();
			
 
				+                if (inverseBindMatrixData && boneIndex !== -1) {
			
 
				+                    baseMatrix = BABYLON.Matrix.FromArray(inverseBindMatrixData, boneIndex * 16);
			
 
				+                    baseMatrix.invertToRef(baseMatrix);
			
 
				+                }
			
 
				+                var babylonParentBone;
			
 
				+                if (node.index != skin.skeleton && node.parent) {
			
 
				+                    babylonParentBone = this._loadBone(node.parent, skin, inverseBindMatrixData, babylonBones);
			
 
				+                    baseMatrix.multiplyToRef(babylonParentBone.getInvertedAbsoluteTransform(), baseMatrix);
			
 
				+                }
			
 
				+                babylonBone = this._createBone(node, skin, babylonParentBone, this._getNodeMatrix(node), baseMatrix, boneIndex);
			
 
				+                babylonBones[node.index] = babylonBone;
			
 
				+                return babylonBone;
			
 
				+            };
			
 
				+            GLTFLoader.prototype._getNodeMatrix = function (node) {
			
 
				+                return node.matrix ?
			
 
				+                    BABYLON.Matrix.FromArray(node.matrix) :
			
 
				+                    BABYLON.Matrix.Compose(node.scale ? BABYLON.Vector3.FromArray(node.scale) : BABYLON.Vector3.One(), node.rotation ? BABYLON.Quaternion.FromArray(node.rotation) : BABYLON.Quaternion.Identity(), node.translation ? BABYLON.Vector3.FromArray(node.translation) : BABYLON.Vector3.Zero());
			
 
				             };
			
 
				             GLTFLoader.prototype._traverseNodes = function (indices, action, parentNode) {
			
 
				                 if (parentNode === void 0) { parentNode = null; }
			
@@ -1258,8 +1263,8 @@ var BABYLON;
 
				                 }
			
 
				                 if (material.normalTexture) {
			
 
				                     babylonMaterial.bumpTexture = this.loadTexture(material.normalTexture);
			
 
				-                    babylonMaterial.invertNormalMapX = true;
			
 
				-                    babylonMaterial.invertNormalMapY = false;
			
 
				+                    babylonMaterial.invertNormalMapX = !this._babylonScene.useRightHandedSystem;
			
 
				+                    babylonMaterial.invertNormalMapY = this._babylonScene.useRightHandedSystem;
			
 
				                     if (material.normalTexture.scale !== undefined) {
			
 
				                         babylonMaterial.bumpTexture.level = material.normalTexture.scale;
			
 
				                     }
			
--- a/release/loaders/babylon.glTF2FileLoader.min.js
+++ b/release/loaders/babylon.glTF2FileLoader.min.js
--- a/release/loaders/babylon.glTFFileLoader.d.ts
+++ b/release/loaders/babylon.glTFFileLoader.d.ts
@@ -709,9 +709,9 @@ declare module BABYLON.GLTF2 {
 
				         indices?: number;
			
 
				         material?: number;
			
 
				         mode?: EMeshPrimitiveMode;
			
 
				-        targets?: [{
			
 
				+        targets?: {
			
 
				             [name: string]: number;
			
 
				-        }];
			
 
				+        }[];
			
 
				     }
			
 
				     interface IGLTFMesh extends IGLTFChildRootProperty {
			
 
				         primitives: IGLTFMeshPrimitive[];
			
@@ -730,7 +730,7 @@ declare module BABYLON.GLTF2 {
 
				         index?: number;
			
 
				         parent?: IGLTFNode;
			
 
				         babylonMesh?: Mesh;
			
 
				-        babylonSkinToBones?: {
			
 
				+        babylonBones?: {
			
 
				             [skin: number]: Bone;
			
 
				         };
			
 
				         babylonAnimationTargets?: Node[];
			
@@ -826,15 +826,17 @@ declare module BABYLON.GLTF2 {
 
				         private _showMeshes();
			
 
				         private _startAnimations();
			
 
				         private _loadScene(nodeNames);
			
 
				-        private _loadSkin(node);
			
 
				-        private _updateBone(node, parentNode, skin, inverseBindMatrixData);
			
 
				-        private _createBone(node, skin);
			
 
				-        private _loadMesh(node);
			
 
				-        private _loadMeshData(node, mesh, babylonMesh);
			
 
				+        private _loadNode(node);
			
 
				+        private _loadMesh(node, mesh);
			
 
				         private _loadVertexDataAsync(primitive, onSuccess);
			
 
				         private _createMorphTargets(node, mesh, primitive, babylonMesh);
			
 
				         private _loadMorphTargetsData(mesh, primitive, vertexData, babylonMesh);
			
 
				-        private _loadTransform(node, babylonMesh);
			
 
				+        private _loadTransform(node);
			
 
				+        private _loadSkin(skin);
			
 
				+        private _createBone(node, skin, parent, localMatrix, baseMatrix, index);
			
 
				+        private _loadBones(skin, inverseBindMatrixData);
			
 
				+        private _loadBone(node, skin, inverseBindMatrixData, babylonBones);
			
 
				+        private _getNodeMatrix(node);
			
 
				         private _traverseNodes(indices, action, parentNode?);
			
 
				         private _traverseNode(index, action, parentNode?);
			
 
				         private _loadAnimations();
			
--- a/release/loaders/babylon.glTFFileLoader.js
+++ b/release/loaders/babylon.glTFFileLoader.js
@@ -2705,85 +2705,35 @@ var BABYLON;
 
				                     });
			
 
				                     nodeIndices = filteredNodeIndices;
			
 
				                 }
			
 
				-                this._traverseNodes(nodeIndices, function (node) { return _this._loadSkin(node); });
			
 
				-                this._traverseNodes(nodeIndices, function (node) { return _this._loadMesh(node); });
			
 
				+                this._traverseNodes(nodeIndices, function (node) { return _this._loadNode(node); });
			
 
				             };
			
 
				-            GLTFLoader.prototype._loadSkin = function (node) {
			
 
				-                var _this = this;
			
 
				-                if (node.skin !== undefined) {
			
 
				-                    var skin = this._gltf.skins[node.skin];
			
 
				-                    var skeletonId = "skeleton" + node.skin;
			
 
				-                    skin.babylonSkeleton = new BABYLON.Skeleton(skin.name || skeletonId, skeletonId, this._babylonScene);
			
 
				-                    skin.index = node.skin;
			
 
				-                    for (var i = 0; i < skin.joints.length; i++) {
			
 
				-                        this._createBone(this._gltf.nodes[skin.joints[i]], skin);
			
 
				-                    }
			
 
				-                    if (skin.skeleton === undefined) {
			
 
				-                        // TODO: handle when skeleton is not defined
			
 
				-                        throw new Error("Not implemented");
			
 
				-                    }
			
 
				-                    if (skin.inverseBindMatrices === undefined) {
			
 
				-                        // TODO: handle when inverse bind matrices are not defined
			
 
				-                        throw new Error("Not implemented");
			
 
				-                    }
			
 
				-                    var accessor = this._gltf.accessors[skin.inverseBindMatrices];
			
 
				-                    this._loadAccessorAsync(accessor, function (data) {
			
 
				-                        _this._traverseNode(skin.skeleton, function (node, index, parent) { return _this._updateBone(node, parent, skin, data); });
			
 
				-                    });
			
 
				-                }
			
 
				-                return true;
			
 
				-            };
			
 
				-            GLTFLoader.prototype._updateBone = function (node, parentNode, skin, inverseBindMatrixData) {
			
 
				-                var jointIndex = skin.joints.indexOf(node.index);
			
 
				-                if (jointIndex === -1) {
			
 
				-                    this._createBone(node, skin);
			
 
				-                }
			
 
				-                var babylonBone = node.babylonSkinToBones[skin.index];
			
 
				-                // TODO: explain the math
			
 
				-                var matrix = jointIndex === -1 ? BABYLON.Matrix.Identity() : BABYLON.Matrix.FromArray(inverseBindMatrixData, jointIndex * 16);
			
 
				-                matrix.invertToRef(matrix);
			
 
				-                if (parentNode) {
			
 
				-                    babylonBone.setParent(parentNode.babylonSkinToBones[skin.index], false);
			
 
				-                    matrix.multiplyToRef(babylonBone.getParent().getInvertedAbsoluteTransform(), matrix);
			
 
				-                }
			
 
				-                babylonBone.updateMatrix(matrix);
			
 
				-                return true;
			
 
				-            };
			
 
				-            GLTFLoader.prototype._createBone = function (node, skin) {
			
 
				-                var babylonBone = new BABYLON.Bone(node.name || "bone" + node.index, skin.babylonSkeleton);
			
 
				-                node.babylonSkinToBones = node.babylonSkinToBones || {};
			
 
				-                node.babylonSkinToBones[skin.index] = babylonBone;
			
 
				-                node.babylonAnimationTargets = node.babylonAnimationTargets || [];
			
 
				-                node.babylonAnimationTargets.push(babylonBone);
			
 
				-                return babylonBone;
			
 
				-            };
			
 
				-            GLTFLoader.prototype._loadMesh = function (node) {
			
 
				-                var babylonMesh = new BABYLON.Mesh(node.name || "mesh" + node.index, this._babylonScene);
			
 
				-                babylonMesh.isVisible = false;
			
 
				-                this._loadTransform(node, babylonMesh);
			
 
				+            GLTFLoader.prototype._loadNode = function (node) {
			
 
				+                node.babylonMesh = new BABYLON.Mesh(node.name || "mesh" + node.index, this._babylonScene);
			
 
				+                node.babylonMesh.isVisible = false;
			
 
				+                this._loadTransform(node);
			
 
				                 if (node.mesh !== undefined) {
			
 
				                     var mesh = this._gltf.meshes[node.mesh];
			
 
				-                    this._loadMeshData(node, mesh, babylonMesh);
			
 
				+                    this._loadMesh(node, mesh);
			
 
				                 }
			
 
				-                babylonMesh.parent = node.parent ? node.parent.babylonMesh : null;
			
 
				-                node.babylonMesh = babylonMesh;
			
 
				+                node.babylonMesh.parent = node.parent ? node.parent.babylonMesh : null;
			
 
				                 node.babylonAnimationTargets = node.babylonAnimationTargets || [];
			
 
				                 node.babylonAnimationTargets.push(node.babylonMesh);
			
 
				                 if (node.skin !== undefined) {
			
 
				                     var skin = this._gltf.skins[node.skin];
			
 
				-                    babylonMesh.skeleton = skin.babylonSkeleton;
			
 
				+                    skin.index = node.skin;
			
 
				+                    node.babylonMesh.skeleton = this._loadSkin(skin);
			
 
				                 }
			
 
				                 if (node.camera !== undefined) {
			
 
				                     // TODO: handle cameras
			
 
				                 }
			
 
				                 return true;
			
 
				             };
			
 
				-            GLTFLoader.prototype._loadMeshData = function (node, mesh, babylonMesh) {
			
 
				+            GLTFLoader.prototype._loadMesh = function (node, mesh) {
			
 
				                 var _this = this;
			
 
				-                babylonMesh.name = mesh.name || babylonMesh.name;
			
 
				-                var babylonMultiMaterial = new BABYLON.MultiMaterial(babylonMesh.name, this._babylonScene);
			
 
				-                babylonMesh.material = babylonMultiMaterial;
			
 
				-                var geometry = new BABYLON.Geometry(babylonMesh.name, this._babylonScene, null, false, babylonMesh);
			
 
				+                node.babylonMesh.name = mesh.name || node.babylonMesh.name;
			
 
				+                var babylonMultiMaterial = new BABYLON.MultiMaterial(node.babylonMesh.name, this._babylonScene);
			
 
				+                node.babylonMesh.material = babylonMultiMaterial;
			
 
				+                var geometry = new BABYLON.Geometry(node.babylonMesh.name, this._babylonScene, null, false, node.babylonMesh);
			
 
				                 var vertexData = new BABYLON.VertexData();
			
 
				                 vertexData.positions = [];
			
 
				                 vertexData.indices = [];
			
@@ -2796,9 +2746,9 @@ var BABYLON;
 
				                         // TODO: handle other primitive modes
			
 
				                         throw new Error("Not implemented");
			
 
				                     }
			
 
				-                    this_1._createMorphTargets(node, mesh, primitive, babylonMesh);
			
 
				+                    this_1._createMorphTargets(node, mesh, primitive, node.babylonMesh);
			
 
				                     this_1._loadVertexDataAsync(primitive, function (subVertexData) {
			
 
				-                        _this._loadMorphTargetsData(mesh, primitive, subVertexData, babylonMesh);
			
 
				+                        _this._loadMorphTargetsData(mesh, primitive, subVertexData, node.babylonMesh);
			
 
				                         subMeshInfos.push({
			
 
				                             materialIndex: i,
			
 
				                             verticesStart: vertexData.positions.length,
			
@@ -2817,7 +2767,7 @@ var BABYLON;
 
				                                         }
			
 
				                                         if (_this._parent.onBeforeMaterialReadyAsync) {
			
 
				                                             _this.addLoaderPendingData(material);
			
 
				-                                            _this._parent.onBeforeMaterialReadyAsync(babylonMaterial, babylonMesh, babylonMultiMaterial.subMaterials[i] != null, function () {
			
 
				+                                            _this._parent.onBeforeMaterialReadyAsync(babylonMaterial, node.babylonMesh, babylonMultiMaterial.subMaterials[i] != null, function () {
			
 
				                                                 babylonMultiMaterial.subMaterials[i] = babylonMaterial;
			
 
				                                                 _this.removeLoaderPendingData(material);
			
 
				                                             });
			
@@ -2835,8 +2785,8 @@ var BABYLON;
 
				                             subMeshInfos.forEach(function (info) { return info.loadMaterial(); });
			
 
				                             // TODO: optimize this so that sub meshes can be created without being overwritten after setting vertex data.
			
 
				                             // Sub meshes must be cleared and created after setting vertex data because of mesh._createGlobalSubMesh.
			
 
				-                            babylonMesh.subMeshes = [];
			
 
				-                            subMeshInfos.forEach(function (info) { return new BABYLON.SubMesh(info.materialIndex, info.verticesStart, info.verticesCount, info.indicesStart, info.indicesCount, babylonMesh); });
			
 
				+                            node.babylonMesh.subMeshes = [];
			
 
				+                            subMeshInfos.forEach(function (info) { return new BABYLON.SubMesh(info.materialIndex, info.verticesStart, info.verticesCount, info.indicesStart, info.indicesCount, node.babylonMesh); });
			
 
				                         }
			
 
				                     });
			
 
				                 };
			
@@ -2974,7 +2924,7 @@ var BABYLON;
 
				                     _loop_3();
			
 
				                 }
			
 
				             };
			
 
				-            GLTFLoader.prototype._loadTransform = function (node, babylonMesh) {
			
 
				+            GLTFLoader.prototype._loadTransform = function (node) {
			
 
				                 var position = BABYLON.Vector3.Zero();
			
 
				                 var rotation = BABYLON.Quaternion.Identity();
			
 
				                 var scaling = BABYLON.Vector3.One();
			
@@ -2990,9 +2940,64 @@ var BABYLON;
 
				                     if (node.scale)
			
 
				                         scaling = BABYLON.Vector3.FromArray(node.scale);
			
 
				                 }
			
 
				-                babylonMesh.position = position;
			
 
				-                babylonMesh.rotationQuaternion = rotation;
			
 
				-                babylonMesh.scaling = scaling;
			
 
				+                node.babylonMesh.position = position;
			
 
				+                node.babylonMesh.rotationQuaternion = rotation;
			
 
				+                node.babylonMesh.scaling = scaling;
			
 
				+            };
			
 
				+            GLTFLoader.prototype._loadSkin = function (skin) {
			
 
				+                var _this = this;
			
 
				+                var skeletonId = "skeleton" + skin.index;
			
 
				+                skin.babylonSkeleton = new BABYLON.Skeleton(skin.name || skeletonId, skeletonId, this._babylonScene);
			
 
				+                if (skin.inverseBindMatrices === undefined) {
			
 
				+                    this._loadBones(skin, null);
			
 
				+                }
			
 
				+                else {
			
 
				+                    var accessor = this._gltf.accessors[skin.inverseBindMatrices];
			
 
				+                    this._loadAccessorAsync(accessor, function (data) {
			
 
				+                        _this._loadBones(skin, data);
			
 
				+                    });
			
 
				+                }
			
 
				+                return skin.babylonSkeleton;
			
 
				+            };
			
 
				+            GLTFLoader.prototype._createBone = function (node, skin, parent, localMatrix, baseMatrix, index) {
			
 
				+                var babylonBone = new BABYLON.Bone(node.name || "bone" + node.index, skin.babylonSkeleton, parent, localMatrix, null, baseMatrix, index);
			
 
				+                node.babylonBones = node.babylonBones || {};
			
 
				+                node.babylonBones[skin.index] = babylonBone;
			
 
				+                node.babylonAnimationTargets = node.babylonAnimationTargets || [];
			
 
				+                node.babylonAnimationTargets.push(babylonBone);
			
 
				+                return babylonBone;
			
 
				+            };
			
 
				+            GLTFLoader.prototype._loadBones = function (skin, inverseBindMatrixData) {
			
 
				+                var babylonBones = {};
			
 
				+                for (var i = 0; i < skin.joints.length; i++) {
			
 
				+                    var node = this._gltf.nodes[skin.joints[i]];
			
 
				+                    this._loadBone(node, skin, inverseBindMatrixData, babylonBones);
			
 
				+                }
			
 
				+            };
			
 
				+            GLTFLoader.prototype._loadBone = function (node, skin, inverseBindMatrixData, babylonBones) {
			
 
				+                var babylonBone = babylonBones[node.index];
			
 
				+                if (babylonBone) {
			
 
				+                    return babylonBone;
			
 
				+                }
			
 
				+                var boneIndex = skin.joints.indexOf(node.index);
			
 
				+                var baseMatrix = BABYLON.Matrix.Identity();
			
 
				+                if (inverseBindMatrixData && boneIndex !== -1) {
			
 
				+                    baseMatrix = BABYLON.Matrix.FromArray(inverseBindMatrixData, boneIndex * 16);
			
 
				+                    baseMatrix.invertToRef(baseMatrix);
			
 
				+                }
			
 
				+                var babylonParentBone;
			
 
				+                if (node.index != skin.skeleton && node.parent) {
			
 
				+                    babylonParentBone = this._loadBone(node.parent, skin, inverseBindMatrixData, babylonBones);
			
 
				+                    baseMatrix.multiplyToRef(babylonParentBone.getInvertedAbsoluteTransform(), baseMatrix);
			
 
				+                }
			
 
				+                babylonBone = this._createBone(node, skin, babylonParentBone, this._getNodeMatrix(node), baseMatrix, boneIndex);
			
 
				+                babylonBones[node.index] = babylonBone;
			
 
				+                return babylonBone;
			
 
				+            };
			
 
				+            GLTFLoader.prototype._getNodeMatrix = function (node) {
			
 
				+                return node.matrix ?
			
 
				+                    BABYLON.Matrix.FromArray(node.matrix) :
			
 
				+                    BABYLON.Matrix.Compose(node.scale ? BABYLON.Vector3.FromArray(node.scale) : BABYLON.Vector3.One(), node.rotation ? BABYLON.Quaternion.FromArray(node.rotation) : BABYLON.Quaternion.Identity(), node.translation ? BABYLON.Vector3.FromArray(node.translation) : BABYLON.Vector3.Zero());
			
 
				             };
			
 
				             GLTFLoader.prototype._traverseNodes = function (indices, action, parentNode) {
			
 
				                 if (parentNode === void 0) { parentNode = null; }
			
@@ -3416,8 +3421,8 @@ var BABYLON;
 
				                 }
			
 
				                 if (material.normalTexture) {
			
 
				                     babylonMaterial.bumpTexture = this.loadTexture(material.normalTexture);
			
 
				-                    babylonMaterial.invertNormalMapX = true;
			
 
				-                    babylonMaterial.invertNormalMapY = false;
			
 
				+                    babylonMaterial.invertNormalMapX = !this._babylonScene.useRightHandedSystem;
			
 
				+                    babylonMaterial.invertNormalMapY = this._babylonScene.useRightHandedSystem;
			
 
				                     if (material.normalTexture.scale !== undefined) {
			
 
				                         babylonMaterial.bumpTexture.level = material.normalTexture.scale;
			
 
				                     }
			
--- a/release/loaders/babylon.glTFFileLoader.min.js
+++ b/release/loaders/babylon.glTFFileLoader.min.js
--- a/release/loaders/babylonjs.loaders.js
+++ b/release/loaders/babylonjs.loaders.js
--- a/release/loaders/babylonjs.loaders.min.js
+++ b/release/loaders/babylonjs.loaders.min.js
--- a/release/loaders/babylonjs.loaders.module.d.ts
+++ b/release/loaders/babylonjs.loaders.module.d.ts
--- a/release/loaders/package.json
+++ b/release/loaders/package.json
@@ -0,0 +1,36 @@
 
				+{
			
 
				+    "author": {
			
 
				+        "name": "David CATUHE"
			
 
				+    },
			
 
				+    "name": "babylonjs-loaders",
			
 
				+    "description": "The Babylon.js file loaders library is an extension you can use to load different 3D file types into a Babylon scene.",
			
 
				+    "version": "3.1.0-alpha3.4",
			
 
				+    "repository": {
			
 
				+        "type": "git",
			
 
				+        "url": "https://github.com/BabylonJS/Babylon.js.git"
			
 
				+    },
			
 
				+    "main": "babylonjs.loaders.min.js",
			
 
				+    "files": [
			
 
				+        "babylonjs.loaders.js",
			
 
				+        "babylonjs.loaders.min.js",
			
 
				+        "babylonjs.loaders.module.d.ts",
			
 
				+        "package.json"
			
 
				+    ],
			
 
				+    "typings": "babylonjs.loaders.module.d.ts",
			
 
				+    "keywords": [
			
 
				+        "3D",
			
 
				+        "javascript",
			
 
				+        "html5",
			
 
				+        "webgl",
			
 
				+        "loaders"
			
 
				+    ],
			
 
				+    "license": "Apache-2.0",
			
 
				+    "peerDependencies": {
			
 
				+        "babylonjs": ">=3.1.0-alpha"
			
 
				+    },
			
 
				+    "engines": {
			
 
				+        "node": "*"
			
 
				+    },
			
 
				+    "_id": "babylonjs-loaders@3.1.0-alpha1",
			
 
				+    "_from": "babylonjs-loaders@"
			
 
				+}
			
--- a/release/materialsLibrary/babylon.cellMaterial.js
+++ b/release/materialsLibrary/babylon.cellMaterial.js
@@ -38,7 +38,6 @@ var BABYLON;
 
				             _this.CUSTOMUSERLIGHTING = true;
			
 
				             _this.CELLBASIC = true;
			
 
				             _this.DEPTHPREPASS = false;
			
 
				-            _this.USERIGHTHANDEDSYSTEM = false;
			
 
				             _this.rebuild();
			
 
				             return _this;
			
 
				         }
			
--- a/release/materialsLibrary/babylon.cellMaterial.min.js
+++ b/release/materialsLibrary/babylon.cellMaterial.min.js
--- a/release/materialsLibrary/babylon.customMaterial.d.ts
+++ b/release/materialsLibrary/babylon.customMaterial.d.ts
@@ -60,7 +60,6 @@ declare module BABYLON {
 
				         MORPHTARGETS_NORMAL: boolean;
			
 
				         MORPHTARGETS_TANGENT: boolean;
			
 
				         NUM_MORPH_INFLUENCERS: number;
			
 
				-        USERIGHTHANDEDSYSTEM: boolean;
			
 
				         IMAGEPROCESSING: boolean;
			
 
				         VIGNETTE: boolean;
			
 
				         VIGNETTEBLENDMODEMULTIPLY: boolean;
			
--- a/release/materialsLibrary/babylon.customMaterial.js
+++ b/release/materialsLibrary/babylon.customMaterial.js
@@ -81,7 +81,6 @@ var BABYLON;
 
				             _this.MORPHTARGETS_NORMAL = false;
			
 
				             _this.MORPHTARGETS_TANGENT = false;
			
 
				             _this.NUM_MORPH_INFLUENCERS = 0;
			
 
				-            _this.USERIGHTHANDEDSYSTEM = false;
			
 
				             _this.IMAGEPROCESSING = false;
			
 
				             _this.VIGNETTE = false;
			
 
				             _this.VIGNETTEBLENDMODEMULTIPLY = false;
			
@@ -641,7 +640,7 @@ var BABYLON;
 
				                     "mBones",
			
 
				                     "vClipPlane", "diffuseMatrix", "ambientMatrix", "opacityMatrix", "reflectionMatrix", "emissiveMatrix", "specularMatrix", "bumpMatrix", "lightmapMatrix", "refractionMatrix",
			
 
				                     "diffuseLeftColor", "diffuseRightColor", "opacityParts", "reflectionLeftColor", "reflectionRightColor", "emissiveLeftColor", "emissiveRightColor", "refractionLeftColor", "refractionRightColor",
			
 
				-                    "logarithmicDepthConstant", "vNormalReoderParams"
			
 
				+                    "logarithmicDepthConstant", "vTangentSpaceParams"
			
 
				                 ];
			
 
				                 var samplers = ["diffuseSampler", "ambientSampler", "opacitySampler", "reflectionCubeSampler", "reflection2DSampler", "emissiveSampler", "specularSampler", "bumpSampler", "lightmapSampler", "refractionCubeSampler", "refraction2DSampler"];
			
 
				                 var uniformBuffers = ["Material", "Scene"];
			
@@ -705,7 +704,7 @@ var BABYLON;
 
				             this._uniformBuffer.addUniform("lightmapMatrix", 16);
			
 
				             this._uniformBuffer.addUniform("specularMatrix", 16);
			
 
				             this._uniformBuffer.addUniform("bumpMatrix", 16);
			
 
				-            this._uniformBuffer.addUniform("vNormalReoderParams", 4);
			
 
				+            this._uniformBuffer.addUniform("vTangentSpaceParams", 2);
			
 
				             this._uniformBuffer.addUniform("refractionMatrix", 16);
			
 
				             this._uniformBuffer.addUniform("vRefractionInfos", 4);
			
 
				             this._uniformBuffer.addUniform("vSpecularColor", 4);
			
@@ -797,10 +796,10 @@ var BABYLON;
 
				                             this._uniformBuffer.updateFloat3("vBumpInfos", this._bumpTexture.coordinatesIndex, 1.0 / this._bumpTexture.level, this.parallaxScaleBias);
			
 
				                             this._uniformBuffer.updateMatrix("bumpMatrix", this._bumpTexture.getTextureMatrix());
			
 
				                             if (scene._mirroredCameraPosition) {
			
 
				-                                this._uniformBuffer.updateFloat4("vNormalReoderParams", this.invertNormalMapX ? 0 : 1.0, this.invertNormalMapX ? 1.0 : -1.0, this.invertNormalMapY ? 0 : 1.0, this.invertNormalMapY ? 1.0 : -1.0);
			
 
				+                                this._uniformBuffer.updateFloat2("vTangentSpaceParams", this.invertNormalMapX ? 1.0 : -1.0, this.invertNormalMapY ? 1.0 : -1.0);
			
 
				                             }
			
 
				                             else {
			
 
				-                                this._uniformBuffer.updateFloat4("vNormalReoderParams", this.invertNormalMapX ? 1.0 : 0, this.invertNormalMapX ? -1.0 : 1.0, this.invertNormalMapY ? 1.0 : 0, this.invertNormalMapY ? -1.0 : 1.0);
			
 
				+                                this._uniformBuffer.updateFloat2("vTangentSpaceParams", this.invertNormalMapX ? -1.0 : 1.0, this.invertNormalMapY ? -1.0 : 1.0);
			
 
				                             }
			
 
				                         }
			
 
				                         if (this._refractionTexture && StandardMaterial_OldVer.RefractionTextureEnabled) {
			
--- a/release/materialsLibrary/babylon.customMaterial.min.js
+++ b/release/materialsLibrary/babylon.customMaterial.min.js
--- a/release/materialsLibrary/babylon.fireMaterial.min.js
+++ b/release/materialsLibrary/babylon.fireMaterial.min.js
--- a/release/materialsLibrary/babylon.furMaterial.js
+++ b/release/materialsLibrary/babylon.furMaterial.js
@@ -37,7 +37,6 @@ var BABYLON;
 
				             _this.BonesPerMesh = 0;
			
 
				             _this.INSTANCES = false;
			
 
				             _this.HIGHLEVEL = false;
			
 
				-            _this.USERIGHTHANDEDSYSTEM = false;
			
 
				             _this.rebuild();
			
 
				             return _this;
			
 
				         }
			
--- a/release/materialsLibrary/babylon.furMaterial.min.js
+++ b/release/materialsLibrary/babylon.furMaterial.min.js
--- a/release/materialsLibrary/babylon.gradientMaterial.js
+++ b/release/materialsLibrary/babylon.gradientMaterial.js
@@ -68,7 +68,6 @@ var BABYLON;
 
				             _this.NUM_BONE_INFLUENCERS = 0;
			
 
				             _this.BonesPerMesh = 0;
			
 
				             _this.INSTANCES = false;
			
 
				-            _this.USERIGHTHANDEDSYSTEM = false;
			
 
				             _this.rebuild();
			
 
				             return _this;
			
 
				         }
			
--- a/release/materialsLibrary/babylon.gradientMaterial.min.js
+++ b/release/materialsLibrary/babylon.gradientMaterial.min.js
--- a/release/materialsLibrary/babylon.gridMaterial.min.js
+++ b/release/materialsLibrary/babylon.gridMaterial.min.js
--- a/release/materialsLibrary/babylon.lavaMaterial.js
+++ b/release/materialsLibrary/babylon.lavaMaterial.js
@@ -68,7 +68,6 @@ var BABYLON;
 
				             _this.NUM_BONE_INFLUENCERS = 0;
			
 
				             _this.BonesPerMesh = 0;
			
 
				             _this.INSTANCES = false;
			
 
				-            _this.USERIGHTHANDEDSYSTEM = false;
			
 
				             _this.rebuild();
			
 
				             return _this;
			
 
				         }
			
--- a/release/materialsLibrary/babylon.lavaMaterial.min.js
+++ b/release/materialsLibrary/babylon.lavaMaterial.min.js
--- a/release/materialsLibrary/babylon.legacyPbrMaterial.js
+++ b/release/materialsLibrary/babylon.legacyPbrMaterial.js
--- a/release/materialsLibrary/babylon.legacyPbrMaterial.min.js
+++ b/release/materialsLibrary/babylon.legacyPbrMaterial.min.js
--- a/release/materialsLibrary/babylon.normalMaterial.js
+++ b/release/materialsLibrary/babylon.normalMaterial.js
@@ -68,7 +68,6 @@ var BABYLON;
 
				             _this.NUM_BONE_INFLUENCERS = 0;
			
 
				             _this.BonesPerMesh = 0;
			
 
				             _this.INSTANCES = false;
			
 
				-            _this.USERIGHTHANDEDSYSTEM = false;
			
 
				             _this.rebuild();
			
 
				             return _this;
			
 
				         }
			
--- a/release/materialsLibrary/babylon.normalMaterial.min.js
+++ b/release/materialsLibrary/babylon.normalMaterial.min.js
--- a/release/materialsLibrary/babylon.shadowOnlyMaterial.js
+++ b/release/materialsLibrary/babylon.shadowOnlyMaterial.js
--- a/release/materialsLibrary/babylon.shadowOnlyMaterial.min.js
+++ b/release/materialsLibrary/babylon.shadowOnlyMaterial.min.js
--- a/release/materialsLibrary/babylon.simpleMaterial.js
+++ b/release/materialsLibrary/babylon.simpleMaterial.js
@@ -35,7 +35,6 @@ var BABYLON;
 
				             _this.NUM_BONE_INFLUENCERS = 0;
			
 
				             _this.BonesPerMesh = 0;
			
 
				             _this.INSTANCES = false;
			
 
				-            _this.USERIGHTHANDEDSYSTEM = false;
			
 
				             _this.rebuild();
			
 
				             return _this;
			
 
				         }
			
--- a/release/materialsLibrary/babylon.simpleMaterial.min.js
+++ b/release/materialsLibrary/babylon.simpleMaterial.min.js
--- a/release/materialsLibrary/babylon.skyMaterial.js
+++ b/release/materialsLibrary/babylon.skyMaterial.js
@@ -26,7 +26,6 @@ var BABYLON;
 
				             _this.FOG = false;
			
 
				             _this.VERTEXCOLOR = false;
			
 
				             _this.VERTEXALPHA = false;
			
 
				-            _this.USERIGHTHANDEDSYSTEM = false;
			
 
				             _this.rebuild();
			
 
				             return _this;
			
 
				         }
			
--- a/release/materialsLibrary/babylon.skyMaterial.min.js
+++ b/release/materialsLibrary/babylon.skyMaterial.min.js
--- a/release/materialsLibrary/babylon.terrainMaterial.js
+++ b/release/materialsLibrary/babylon.terrainMaterial.js
@@ -37,7 +37,6 @@ var BABYLON;
 
				             _this.NUM_BONE_INFLUENCERS = 0;
			
 
				             _this.BonesPerMesh = 0;
			
 
				             _this.INSTANCES = false;
			
 
				-            _this.USERIGHTHANDEDSYSTEM = false;
			
 
				             _this.rebuild();
			
 
				             return _this;
			
 
				         }
			
--- a/release/materialsLibrary/babylon.terrainMaterial.min.js
+++ b/release/materialsLibrary/babylon.terrainMaterial.min.js
--- a/release/materialsLibrary/babylon.triPlanarMaterial.js
+++ b/release/materialsLibrary/babylon.triPlanarMaterial.js
@@ -39,7 +39,6 @@ var BABYLON;
 
				             _this.NUM_BONE_INFLUENCERS = 0;
			
 
				             _this.BonesPerMesh = 0;
			
 
				             _this.INSTANCES = false;
			
 
				-            _this.USERIGHTHANDEDSYSTEM = false;
			
 
				             _this.rebuild();
			
 
				             return _this;
			
 
				         }
			
--- a/release/materialsLibrary/babylon.triPlanarMaterial.min.js
+++ b/release/materialsLibrary/babylon.triPlanarMaterial.min.js
--- a/release/materialsLibrary/babylon.waterMaterial.js
+++ b/release/materialsLibrary/babylon.waterMaterial.js
@@ -41,7 +41,6 @@ var BABYLON;
 
				             _this.FRESNELSEPARATE = false;
			
 
				             _this.BUMPSUPERIMPOSE = false;
			
 
				             _this.BUMPAFFECTSREFLECTION = false;
			
 
				-            _this.USERIGHTHANDEDSYSTEM = false;
			
 
				             _this.rebuild();
			
 
				             return _this;
			
 
				         }
			
--- a/release/materialsLibrary/babylon.waterMaterial.min.js
+++ b/release/materialsLibrary/babylon.waterMaterial.min.js
--- a/release/materialsLibrary/babylonjs.materials.js
+++ b/release/materialsLibrary/babylonjs.materials.js
--- a/release/materialsLibrary/babylonjs.materials.min.js
+++ b/release/materialsLibrary/babylonjs.materials.min.js
--- a/release/materialsLibrary/babylonjs.materials.module.d.ts
+++ b/release/materialsLibrary/babylonjs.materials.module.d.ts
--- a/release/materialsLibrary/package.json
+++ b/release/materialsLibrary/package.json
@@ -0,0 +1,36 @@
 
				+{
			
 
				+    "author": {
			
 
				+        "name": "David CATUHE"
			
 
				+    },
			
 
				+    "name": "babylonjs-materials",
			
 
				+    "description": "The Babylon.js materials library is a collection of advanced materials to be used in a Babylon.js scene.",
			
 
				+    "version": "3.1.0-alpha3.4",
			
 
				+    "repository": {
			
 
				+        "type": "git",
			
 
				+        "url": "https://github.com/BabylonJS/Babylon.js.git"
			
 
				+    },
			
 
				+    "main": "babylonjs.materials.min.js",
			
 
				+    "files": [
			
 
				+        "babylonjs.materials.js",
			
 
				+        "babylonjs.materials.min.js",
			
 
				+        "babylonjs.materials.module.d.ts",
			
 
				+        "package.json"
			
 
				+    ],
			
 
				+    "typings": "babylonjs.materials.module.d.ts",
			
 
				+    "keywords": [
			
 
				+        "3D",
			
 
				+        "javascript",
			
 
				+        "html5",
			
 
				+        "webgl",
			
 
				+        "materials"
			
 
				+    ],
			
 
				+    "license": "Apache-2.0",
			
 
				+    "peerDependencies": {
			
 
				+        "babylonjs": ">=3.1.0-alpha"
			
 
				+    },
			
 
				+    "engines": {
			
 
				+        "node": "*"
			
 
				+    },
			
 
				+    "_id": "babylonjs-materials@3.1.0-alpha1",
			
 
				+    "_from": "babylonjs-materials@"
			
 
				+}
			
--- a/release/postProcessesLibrary/babylon.asciiArtPostProcess.min.js
+++ b/release/postProcessesLibrary/babylon.asciiArtPostProcess.min.js
--- a/release/postProcessesLibrary/babylon.digitalRainPostProcess.min.js
+++ b/release/postProcessesLibrary/babylon.digitalRainPostProcess.min.js
--- a/release/postProcessesLibrary/babylonjs.postProcess.js
+++ b/release/postProcessesLibrary/babylonjs.postProcess.js
--- a/release/postProcessesLibrary/babylonjs.postProcess.min.js
+++ b/release/postProcessesLibrary/babylonjs.postProcess.min.js
--- a/release/postProcessesLibrary/babylonjs.postProcess.module.d.ts
+++ b/release/postProcessesLibrary/babylonjs.postProcess.module.d.ts
@@ -0,0 +1,206 @@
 
				+/// <reference types="babylonjs"/>
			
 
				+
			
 
				+declare module 'babylonjs-post-process' { 
			
 
				+    export = BABYLON; 
			
 
				+}
			
 
				+
			
 
				+declare module BABYLON {
			
 
				+    /**
			
 
				+     * AsciiArtFontTexture is the helper class used to easily create your ascii art font texture.
			
 
				+     *
			
 
				+     * It basically takes care rendering the font front the given font size to a texture.
			
 
				+     * This is used later on in the postprocess.
			
 
				+     */
			
 
				+    class AsciiArtFontTexture extends BaseTexture {
			
 
				+        private _font;
			
 
				+        private _text;
			
 
				+        private _charSize;
			
 
				+        /**
			
 
				+         * Gets the size of one char in the texture (each char fits in size * size space in the texture).
			
 
				+         */
			
 
				+        readonly charSize: number;
			
 
				+        /**
			
 
				+         * Create a new instance of the Ascii Art FontTexture class
			
 
				+         * @param name the name of the texture
			
 
				+         * @param font the font to use, use the W3C CSS notation
			
 
				+         * @param text the caracter set to use in the rendering.
			
 
				+         * @param scene the scene that owns the texture
			
 
				+         */
			
 
				+        constructor(name: string, font: string, text: string, scene: Scene);
			
 
				+        /**
			
 
				+         * Gets the max char width of a font.
			
 
				+         * @param font the font to use, use the W3C CSS notation
			
 
				+         * @return the max char width
			
 
				+         */
			
 
				+        private getFontWidth(font);
			
 
				+        /**
			
 
				+         * Gets the max char height of a font.
			
 
				+         * @param font the font to use, use the W3C CSS notation
			
 
				+         * @return the max char height
			
 
				+         */
			
 
				+        private getFontHeight(font);
			
 
				+        /**
			
 
				+         * Clones the current AsciiArtTexture.
			
 
				+         * @return the clone of the texture.
			
 
				+         */
			
 
				+        clone(): AsciiArtFontTexture;
			
 
				+        /**
			
 
				+         * Parses a json object representing the texture and returns an instance of it.
			
 
				+         * @param source the source JSON representation
			
 
				+         * @param scene the scene to create the texture for
			
 
				+         * @return the parsed texture
			
 
				+         */
			
 
				+        static Parse(source: any, scene: Scene): AsciiArtFontTexture;
			
 
				+    }
			
 
				+    /**
			
 
				+     * Option available in the Ascii Art Post Process.
			
 
				+     */
			
 
				+    interface IAsciiArtPostProcessOptions {
			
 
				+        /**
			
 
				+         * The font to use following the w3c font definition.
			
 
				+         */
			
 
				+        font?: string;
			
 
				+        /**
			
 
				+         * The character set to use in the postprocess.
			
 
				+         */
			
 
				+        characterSet?: string;
			
 
				+        /**
			
 
				+         * This defines the amount you want to mix the "tile" or caracter space colored in the ascii art.
			
 
				+         * This number is defined between 0 and 1;
			
 
				+         */
			
 
				+        mixToTile?: number;
			
 
				+        /**
			
 
				+         * This defines the amount you want to mix the normal rendering pass in the ascii art.
			
 
				+         * This number is defined between 0 and 1;
			
 
				+         */
			
 
				+        mixToNormal?: number;
			
 
				+    }
			
 
				+    /**
			
 
				+     * AsciiArtPostProcess helps rendering everithing in Ascii Art.
			
 
				+     *
			
 
				+     * Simmply add it to your scene and let the nerd that lives in you have fun.
			
 
				+     * Example usage: var pp = new AsciiArtPostProcess("myAscii", "20px Monospace", camera);
			
 
				+     */
			
 
				+    class AsciiArtPostProcess extends PostProcess {
			
 
				+        /**
			
 
				+         * The font texture used to render the char in the post process.
			
 
				+         */
			
 
				+        private _asciiArtFontTexture;
			
 
				+        /**
			
 
				+         * This defines the amount you want to mix the "tile" or caracter space colored in the ascii art.
			
 
				+         * This number is defined between 0 and 1;
			
 
				+         */
			
 
				+        mixToTile: number;
			
 
				+        /**
			
 
				+         * This defines the amount you want to mix the normal rendering pass in the ascii art.
			
 
				+         * This number is defined between 0 and 1;
			
 
				+         */
			
 
				+        mixToNormal: number;
			
 
				+        /**
			
 
				+         * Instantiates a new Ascii Art Post Process.
			
 
				+         * @param name the name to give to the postprocess
			
 
				+         * @camera the camera to apply the post process to.
			
 
				+         * @param options can either be the font name or an option object following the IAsciiArtPostProcessOptions format
			
 
				+         */
			
 
				+        constructor(name: string, camera: Camera, options?: string | IAsciiArtPostProcessOptions);
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+declare module BABYLON {
			
 
				+    /**
			
 
				+     * DigitalRainFontTexture is the helper class used to easily create your digital rain font texture.
			
 
				+     *
			
 
				+     * It basically takes care rendering the font front the given font size to a texture.
			
 
				+     * This is used later on in the postprocess.
			
 
				+     */
			
 
				+    class DigitalRainFontTexture extends BaseTexture {
			
 
				+        private _font;
			
 
				+        private _text;
			
 
				+        private _charSize;
			
 
				+        /**
			
 
				+         * Gets the size of one char in the texture (each char fits in size * size space in the texture).
			
 
				+         */
			
 
				+        readonly charSize: number;
			
 
				+        /**
			
 
				+         * Create a new instance of the Digital Rain FontTexture class
			
 
				+         * @param name the name of the texture
			
 
				+         * @param font the font to use, use the W3C CSS notation
			
 
				+         * @param text the caracter set to use in the rendering.
			
 
				+         * @param scene the scene that owns the texture
			
 
				+         */
			
 
				+        constructor(name: string, font: string, text: string, scene: Scene);
			
 
				+        /**
			
 
				+         * Gets the max char width of a font.
			
 
				+         * @param font the font to use, use the W3C CSS notation
			
 
				+         * @return the max char width
			
 
				+         */
			
 
				+        private getFontWidth(font);
			
 
				+        /**
			
 
				+         * Gets the max char height of a font.
			
 
				+         * @param font the font to use, use the W3C CSS notation
			
 
				+         * @return the max char height
			
 
				+         */
			
 
				+        private getFontHeight(font);
			
 
				+        /**
			
 
				+         * Clones the current DigitalRainFontTexture.
			
 
				+         * @return the clone of the texture.
			
 
				+         */
			
 
				+        clone(): DigitalRainFontTexture;
			
 
				+        /**
			
 
				+         * Parses a json object representing the texture and returns an instance of it.
			
 
				+         * @param source the source JSON representation
			
 
				+         * @param scene the scene to create the texture for
			
 
				+         * @return the parsed texture
			
 
				+         */
			
 
				+        static Parse(source: any, scene: Scene): DigitalRainFontTexture;
			
 
				+    }
			
 
				+    /**
			
 
				+     * Option available in the Digital Rain Post Process.
			
 
				+     */
			
 
				+    interface IDigitalRainPostProcessOptions {
			
 
				+        /**
			
 
				+         * The font to use following the w3c font definition.
			
 
				+         */
			
 
				+        font?: string;
			
 
				+        /**
			
 
				+         * This defines the amount you want to mix the "tile" or caracter space colored in the digital rain.
			
 
				+         * This number is defined between 0 and 1;
			
 
				+         */
			
 
				+        mixToTile?: number;
			
 
				+        /**
			
 
				+         * This defines the amount you want to mix the normal rendering pass in the digital rain.
			
 
				+         * This number is defined between 0 and 1;
			
 
				+         */
			
 
				+        mixToNormal?: number;
			
 
				+    }
			
 
				+    /**
			
 
				+     * DigitalRainPostProcess helps rendering everithing in digital rain.
			
 
				+     *
			
 
				+     * Simmply add it to your scene and let the nerd that lives in you have fun.
			
 
				+     * Example usage: var pp = new DigitalRainPostProcess("digitalRain", "20px Monospace", camera);
			
 
				+     */
			
 
				+    class DigitalRainPostProcess extends PostProcess {
			
 
				+        /**
			
 
				+         * The font texture used to render the char in the post process.
			
 
				+         */
			
 
				+        private _digitalRainFontTexture;
			
 
				+        /**
			
 
				+         * This defines the amount you want to mix the "tile" or caracter space colored in the digital rain.
			
 
				+         * This number is defined between 0 and 1;
			
 
				+         */
			
 
				+        mixToTile: number;
			
 
				+        /**
			
 
				+         * This defines the amount you want to mix the normal rendering pass in the digital rain.
			
 
				+         * This number is defined between 0 and 1;
			
 
				+         */
			
 
				+        mixToNormal: number;
			
 
				+        /**
			
 
				+         * Instantiates a new Digital Rain Post Process.
			
 
				+         * @param name the name to give to the postprocess
			
 
				+         * @camera the camera to apply the post process to.
			
 
				+         * @param options can either be the font name or an option object following the IDigitalRainPostProcessOptions format
			
 
				+         */
			
 
				+        constructor(name: string, camera: Camera, options?: string | IDigitalRainPostProcessOptions);
			
 
				+    }
			
 
				+}
			
--- a/release/postProcessesLibrary/package.json
+++ b/release/postProcessesLibrary/package.json
@@ -0,0 +1,36 @@
 
				+{
			
 
				+    "author": {
			
 
				+        "name": "David CATUHE"
			
 
				+    },
			
 
				+    "name": "babylonjs-post-process",
			
 
				+    "description": "The Babylon.js materials library is a collection of advanced materials to be used in a Babylon.js scene.",
			
 
				+    "version": "3.1.0-alpha3.4",
			
 
				+    "repository": {
			
 
				+        "type": "git",
			
 
				+        "url": "https://github.com/BabylonJS/Babylon.js.git"
			
 
				+    },
			
 
				+    "main": "babylonjs.postProcess.min.js",
			
 
				+    "files": [
			
 
				+        "babylonjs.postProcess.js",
			
 
				+        "babylonjs.postProcess.min.js",
			
 
				+        "babylonjs.postProcess.module.d.ts",
			
 
				+        "package.json"
			
 
				+    ],
			
 
				+    "typings": "babylonjs.postProcess.module.d.ts",
			
 
				+    "keywords": [
			
 
				+        "3D",
			
 
				+        "javascript",
			
 
				+        "html5",
			
 
				+        "webgl",
			
 
				+        "post process"
			
 
				+    ],
			
 
				+    "license": "Apache-2.0",
			
 
				+    "peerDependencies": {
			
 
				+        "babylonjs": ">=3.1.0-alpha"
			
 
				+    },
			
 
				+    "engines": {
			
 
				+        "node": "*"
			
 
				+    },
			
 
				+    "_id": "babylonjs-post-process@3.1.0-alpha1",
			
 
				+    "_from": "babylonjs-post-process@"
			
 
				+}
			
--- a/release/proceduralTexturesLibrary/babylon.brickProceduralTexture.min.js
+++ b/release/proceduralTexturesLibrary/babylon.brickProceduralTexture.min.js
--- a/release/proceduralTexturesLibrary/babylon.cloudProceduralTexture.min.js
+++ b/release/proceduralTexturesLibrary/babylon.cloudProceduralTexture.min.js
--- a/release/proceduralTexturesLibrary/babylon.fireProceduralTexture.min.js
+++ b/release/proceduralTexturesLibrary/babylon.fireProceduralTexture.min.js
--- a/release/proceduralTexturesLibrary/babylon.grassProceduralTexture.min.js
+++ b/release/proceduralTexturesLibrary/babylon.grassProceduralTexture.min.js
--- a/release/proceduralTexturesLibrary/babylon.marbleProceduralTexture.min.js
+++ b/release/proceduralTexturesLibrary/babylon.marbleProceduralTexture.min.js
--- a/release/proceduralTexturesLibrary/babylon.normalMapProceduralTexture.min.js
+++ b/release/proceduralTexturesLibrary/babylon.normalMapProceduralTexture.min.js
--- a/release/proceduralTexturesLibrary/babylon.perlinNoiseProceduralTexture.min.js
+++ b/release/proceduralTexturesLibrary/babylon.perlinNoiseProceduralTexture.min.js
--- a/release/proceduralTexturesLibrary/babylon.roadProceduralTexture.min.js
+++ b/release/proceduralTexturesLibrary/babylon.roadProceduralTexture.min.js
--- a/release/proceduralTexturesLibrary/babylon.starfieldProceduralTexture.min.js
+++ b/release/proceduralTexturesLibrary/babylon.starfieldProceduralTexture.min.js
--- a/release/proceduralTexturesLibrary/babylon.woodProceduralTexture.min.js
+++ b/release/proceduralTexturesLibrary/babylon.woodProceduralTexture.min.js
--- a/release/proceduralTexturesLibrary/babylonjs.proceduralTextures.js
+++ b/release/proceduralTexturesLibrary/babylonjs.proceduralTextures.js
--- a/release/proceduralTexturesLibrary/babylonjs.proceduralTextures.min.js
+++ b/release/proceduralTexturesLibrary/babylonjs.proceduralTextures.min.js
--- a/release/proceduralTexturesLibrary/babylonjs.proceduralTextures.module.d.ts
+++ b/release/proceduralTexturesLibrary/babylonjs.proceduralTextures.module.d.ts
@@ -0,0 +1,163 @@
 
				+/// <reference types="babylonjs"/>
			
 
				+
			
 
				+declare module 'babylonjs-procedural-textures' { 
			
 
				+    export = BABYLON; 
			
 
				+}
			
 
				+
			
 
				+declare module BABYLON {
			
 
				+    class WoodProceduralTexture extends ProceduralTexture {
			
 
				+        private _ampScale;
			
 
				+        private _woodColor;
			
 
				+        constructor(name: string, size: number, scene: Scene, fallbackTexture?: Texture, generateMipMaps?: boolean);
			
 
				+        updateShaderUniforms(): void;
			
 
				+        ampScale: number;
			
 
				+        woodColor: Color3;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+declare module BABYLON {
			
 
				+    class FireProceduralTexture extends ProceduralTexture {
			
 
				+        private _time;
			
 
				+        private _speed;
			
 
				+        private _autoGenerateTime;
			
 
				+        private _fireColors;
			
 
				+        private _alphaThreshold;
			
 
				+        constructor(name: string, size: number, scene: Scene, fallbackTexture?: Texture, generateMipMaps?: boolean);
			
 
				+        updateShaderUniforms(): void;
			
 
				+        render(useCameraPostProcess?: boolean): void;
			
 
				+        static readonly PurpleFireColors: Color3[];
			
 
				+        static readonly GreenFireColors: Color3[];
			
 
				+        static readonly RedFireColors: Color3[];
			
 
				+        static readonly BlueFireColors: Color3[];
			
 
				+        fireColors: Color3[];
			
 
				+        time: number;
			
 
				+        speed: Vector2;
			
 
				+        alphaThreshold: number;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+declare module BABYLON {
			
 
				+    class CloudProceduralTexture extends ProceduralTexture {
			
 
				+        private _skyColor;
			
 
				+        private _cloudColor;
			
 
				+        constructor(name: string, size: number, scene: Scene, fallbackTexture?: Texture, generateMipMaps?: boolean);
			
 
				+        updateShaderUniforms(): void;
			
 
				+        skyColor: Color4;
			
 
				+        cloudColor: Color4;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+declare module BABYLON {
			
 
				+    class GrassProceduralTexture extends ProceduralTexture {
			
 
				+        private _grassColors;
			
 
				+        private _herb1;
			
 
				+        private _herb2;
			
 
				+        private _herb3;
			
 
				+        private _groundColor;
			
 
				+        constructor(name: string, size: number, scene: Scene, fallbackTexture?: Texture, generateMipMaps?: boolean);
			
 
				+        updateShaderUniforms(): void;
			
 
				+        grassColors: Color3[];
			
 
				+        groundColor: Color3;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+declare module BABYLON {
			
 
				+    class RoadProceduralTexture extends ProceduralTexture {
			
 
				+        private _roadColor;
			
 
				+        constructor(name: string, size: number, scene: Scene, fallbackTexture?: Texture, generateMipMaps?: boolean);
			
 
				+        updateShaderUniforms(): void;
			
 
				+        roadColor: Color3;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+declare module BABYLON {
			
 
				+    class BrickProceduralTexture extends ProceduralTexture {
			
 
				+        private _numberOfBricksHeight;
			
 
				+        private _numberOfBricksWidth;
			
 
				+        private _jointColor;
			
 
				+        private _brickColor;
			
 
				+        constructor(name: string, size: number, scene: Scene, fallbackTexture?: Texture, generateMipMaps?: boolean);
			
 
				+        updateShaderUniforms(): void;
			
 
				+        numberOfBricksHeight: number;
			
 
				+        numberOfBricksWidth: number;
			
 
				+        jointColor: Color3;
			
 
				+        brickColor: Color3;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+declare module BABYLON {
			
 
				+    class MarbleProceduralTexture extends ProceduralTexture {
			
 
				+        private _numberOfTilesHeight;
			
 
				+        private _numberOfTilesWidth;
			
 
				+        private _amplitude;
			
 
				+        private _jointColor;
			
 
				+        constructor(name: string, size: number, scene: Scene, fallbackTexture?: Texture, generateMipMaps?: boolean);
			
 
				+        updateShaderUniforms(): void;
			
 
				+        numberOfTilesHeight: number;
			
 
				+        amplitude: number;
			
 
				+        numberOfTilesWidth: number;
			
 
				+        jointColor: Color3;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+declare module BABYLON {
			
 
				+    class StarfieldProceduralTexture extends ProceduralTexture {
			
 
				+        private _time;
			
 
				+        private _alpha;
			
 
				+        private _beta;
			
 
				+        private _zoom;
			
 
				+        private _formuparam;
			
 
				+        private _stepsize;
			
 
				+        private _tile;
			
 
				+        private _brightness;
			
 
				+        private _darkmatter;
			
 
				+        private _distfading;
			
 
				+        private _saturation;
			
 
				+        constructor(name: string, size: number, scene: Scene, fallbackTexture?: Texture, generateMipMaps?: boolean);
			
 
				+        updateShaderUniforms(): void;
			
 
				+        time: number;
			
 
				+        alpha: number;
			
 
				+        beta: number;
			
 
				+        formuparam: number;
			
 
				+        stepsize: number;
			
 
				+        zoom: number;
			
 
				+        tile: number;
			
 
				+        brightness: number;
			
 
				+        darkmatter: number;
			
 
				+        distfading: number;
			
 
				+        saturation: number;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+declare module BABYLON {
			
 
				+    class NormalMapProceduralTexture extends ProceduralTexture {
			
 
				+        private _baseTexture;
			
 
				+        constructor(name: string, size: number, scene: Scene, fallbackTexture?: Texture, generateMipMaps?: boolean);
			
 
				+        updateShaderUniforms(): void;
			
 
				+        render(useCameraPostProcess?: boolean): void;
			
 
				+        resize(size: any, generateMipMaps: any): void;
			
 
				+        baseTexture: Texture;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
 
				+declare module BABYLON {
			
 
				+    class PerlinNoiseProceduralTexture extends ProceduralTexture {
			
 
				+        time: number;
			
 
				+        speed: number;
			
 
				+        translationSpeed: number;
			
 
				+        private _currentTranslation;
			
 
				+        constructor(name: string, size: number, scene: Scene, fallbackTexture?: Texture, generateMipMaps?: boolean);
			
 
				+        updateShaderUniforms(): void;
			
 
				+        render(useCameraPostProcess?: boolean): void;
			
 
				+        resize(size: any, generateMipMaps: any): void;
			
 
				+    }
			
 
				+}
			
--- a/release/proceduralTexturesLibrary/package.json
+++ b/release/proceduralTexturesLibrary/package.json
@@ -0,0 +1,36 @@
 
				+{
			
 
				+    "author": {
			
 
				+        "name": "David CATUHE"
			
 
				+    },
			
 
				+    "name": "babylonjs-procedural-textures",
			
 
				+    "description": "The Babylon.js materials library is a collection of advanced materials to be used in a Babylon.js scene.",
			
 
				+    "version": "3.1.0-alpha3.4",
			
 
				+    "repository": {
			
 
				+        "type": "git",
			
 
				+        "url": "https://github.com/BabylonJS/Babylon.js.git"
			
 
				+    },
			
 
				+    "main": "babylonjs.proceduralTextures.min.js",
			
 
				+    "files": [
			
 
				+        "babylonjs.proceduralTextures.js",
			
 
				+        "babylonjs.proceduralTextures.min.js",
			
 
				+        "babylonjs.proceduralTextures.module.d.ts",
			
 
				+        "package.json"
			
 
				+    ],
			
 
				+    "typings": "babylonjs.proceduralTextures.module.d.ts",
			
 
				+    "keywords": [
			
 
				+        "3D",
			
 
				+        "javascript",
			
 
				+        "html5",
			
 
				+        "webgl",
			
 
				+        "procedural textures"
			
 
				+    ],
			
 
				+    "license": "Apache-2.0",
			
 
				+    "peerDependencies": {
			
 
				+        "babylonjs": ">=3.1.0-alpha"
			
 
				+    },
			
 
				+    "engines": {
			
 
				+        "node": "*"
			
 
				+    },
			
 
				+    "_id": "babylonjs-procedural-textures@3.1.0-alpha1",
			
 
				+    "_from": "babylonjs-procedural-textures@"
			
 
				+}
			
--- a/release/serializers/babylonjs.serializers.js
+++ b/release/serializers/babylonjs.serializers.js
@@ -0,0 +1,149 @@
 
				+var BABYLON = BABYLON || (typeof require !== 'undefined' && require("babylonjs"));
			
 
				+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
			
 
				+var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
			
 
				+if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
			
 
				+else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
			
 
				+return c > 3 && r && Object.defineProperty(target, key, r), r;
			
 
				+};
			
 
				+var __extends = (this && this.__extends) || (function () {
			
 
				+            var extendStatics = Object.setPrototypeOf ||
			
 
				+                ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
			
 
				+                function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
			
 
				+            return function (d, b) {
			
 
				+                extendStatics(d, b);
			
 
				+                function __() { this.constructor = d; }
			
 
				+                d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
			
 
				+            };
			
 
				+        })();
			
 
				+        
			
 
				+var BABYLON;
			
 
				+(function (BABYLON) {
			
 
				+    var OBJExport = (function () {
			
 
				+        function OBJExport() {
			
 
				+        }
			
 
				+        //Exports the geometrys of a Mesh array in .OBJ file format (text)
			
 
				+        OBJExport.OBJ = function (mesh, materials, matlibname, globalposition) {
			
 
				+            var output = [];
			
 
				+            var v = 1;
			
 
				+            if (materials) {
			
 
				+                if (!matlibname) {
			
 
				+                    matlibname = 'mat';
			
 
				+                }
			
 
				+                output.push("mtllib " + matlibname + ".mtl");
			
 
				+            }
			
 
				+            for (var j = 0; j < mesh.length; j++) {
			
 
				+                output.push("g object" + j);
			
 
				+                output.push("o object_" + j);
			
 
				+                //Uses the position of the item in the scene, to the file (this back to normal in the end)
			
 
				+                if (globalposition) {
			
 
				+                    var newMatrix = BABYLON.Matrix.Translation(mesh[j].position.x, mesh[j].position.y, mesh[j].position.z);
			
 
				+                    var lastMatrix = BABYLON.Matrix.Translation(-(mesh[j].position.x), -(mesh[j].position.y), -(mesh[j].position.z));
			
 
				+                    mesh[j].bakeTransformIntoVertices(newMatrix);
			
 
				+                }
			
 
				+                //TODO: submeshes (groups)
			
 
				+                //TODO: smoothing groups (s 1, s off);
			
 
				+                if (materials) {
			
 
				+                    output.push("usemtl " + mesh[j].material.id);
			
 
				+                }
			
 
				+                var g = mesh[j].geometry;
			
 
				+                var trunkVerts = g.getVerticesData('position');
			
 
				+                var trunkNormals = g.getVerticesData('normal');
			
 
				+                var trunkUV = g.getVerticesData('uv');
			
 
				+                var trunkFaces = g.getIndices();
			
 
				+                var curV = 0;
			
 
				+                for (var i = 0; i < trunkVerts.length; i += 3) {
			
 
				+                    output.push("v " + trunkVerts[i] + " " + trunkVerts[i + 1] + " " + trunkVerts[i + 2]);
			
 
				+                    curV++;
			
 
				+                }
			
 
				+                for (i = 0; i < trunkNormals.length; i += 3) {
			
 
				+                    output.push("vn " + trunkNormals[i] + " " + trunkNormals[i + 1] + " " + trunkNormals[i + 2]);
			
 
				+                }
			
 
				+                for (i = 0; i < trunkUV.length; i += 2) {
			
 
				+                    output.push("vt " + trunkUV[i] + " " + trunkUV[i + 1]);
			
 
				+                }
			
 
				+                for (i = 0; i < trunkFaces.length; i += 3) {
			
 
				+                    output.push("f " + (trunkFaces[i + 2] + v) + "/" + (trunkFaces[i + 2] + v) + "/" + (trunkFaces[i + 2] + v) +
			
 
				+                        " " + (trunkFaces[i + 1] + v) + "/" + (trunkFaces[i + 1] + v) + "/" + (trunkFaces[i + 1] + v) +
			
 
				+                        " " + (trunkFaces[i] + v) + "/" + (trunkFaces[i] + v) + "/" + (trunkFaces[i] + v));
			
 
				+                }
			
 
				+                //back de previous matrix, to not change the original mesh in the scene
			
 
				+                if (globalposition) {
			
 
				+                    mesh[j].bakeTransformIntoVertices(lastMatrix);
			
 
				+                }
			
 
				+                v += curV;
			
 
				+            }
			
 
				+            var text = output.join("\n");
			
 
				+            return (text);
			
 
				+        };
			
 
				+        //Exports the material(s) of a mesh in .MTL file format (text)
			
 
				+        //TODO: Export the materials of mesh array
			
 
				+        OBJExport.MTL = function (mesh) {
			
 
				+            var output = [];
			
 
				+            var m = mesh.material;
			
 
				+            output.push("newmtl mat1");
			
 
				+            output.push("  Ns " + m.specularPower.toFixed(4));
			
 
				+            output.push("  Ni 1.5000");
			
 
				+            output.push("  d " + m.alpha.toFixed(4));
			
 
				+            output.push("  Tr 0.0000");
			
 
				+            output.push("  Tf 1.0000 1.0000 1.0000");
			
 
				+            output.push("  illum 2");
			
 
				+            output.push("  Ka " + m.ambientColor.r.toFixed(4) + " " + m.ambientColor.g.toFixed(4) + " " + m.ambientColor.b.toFixed(4));
			
 
				+            output.push("  Kd " + m.diffuseColor.r.toFixed(4) + " " + m.diffuseColor.g.toFixed(4) + " " + m.diffuseColor.b.toFixed(4));
			
 
				+            output.push("  Ks " + m.specularColor.r.toFixed(4) + " " + m.specularColor.g.toFixed(4) + " " + m.specularColor.b.toFixed(4));
			
 
				+            output.push("  Ke " + m.emissiveColor.r.toFixed(4) + " " + m.emissiveColor.g.toFixed(4) + " " + m.emissiveColor.b.toFixed(4));
			
 
				+            //TODO: uv scale, offset, wrap
			
 
				+            //TODO: UV mirrored in Blender? second UV channel? lightMap? reflection textures?
			
 
				+            var uvscale = "";
			
 
				+            if (m.ambientTexture) {
			
 
				+                output.push("  map_Ka " + uvscale + m.ambientTexture.name);
			
 
				+            }
			
 
				+            if (m.diffuseTexture) {
			
 
				+                output.push("  map_Kd " + uvscale + m.diffuseTexture.name);
			
 
				+                //TODO: alpha testing, opacity in diffuse texture alpha channel (diffuseTexture.hasAlpha -> map_d)
			
 
				+            }
			
 
				+            if (m.specularTexture) {
			
 
				+                output.push("  map_Ks " + uvscale + m.specularTexture.name);
			
 
				+                /* TODO: glossiness = specular highlight component is in alpha channel of specularTexture. (???)
			
 
				+                if (m.useGlossinessFromSpecularMapAlpha)  {
			
 
				+                    output.push("  map_Ns "+uvscale + m.specularTexture.name);
			
 
				+                }
			
 
				+                */
			
 
				+            }
			
 
				+            /* TODO: emissive texture not in .MAT format (???)
			
 
				+            if (m.emissiveTexture) {
			
 
				+                output.push("  map_d "+uvscale+m.emissiveTexture.name);
			
 
				+            }
			
 
				+            */
			
 
				+            if (m.bumpTexture) {
			
 
				+                output.push("  map_bump -imfchan z " + uvscale + m.bumpTexture.name);
			
 
				+            }
			
 
				+            if (m.opacityTexture) {
			
 
				+                output.push("  map_d " + uvscale + m.opacityTexture.name);
			
 
				+            }
			
 
				+            var text = output.join("\n");
			
 
				+            return (text);
			
 
				+        };
			
 
				+        return OBJExport;
			
 
				+    }());
			
 
				+    BABYLON.OBJExport = OBJExport;
			
 
				+})(BABYLON || (BABYLON = {}));
			
 
				+
			
 
				+//# sourceMappingURL=babylon.objSerializer.js.map
			
 
				+
			
 
				+
			
 
				+(function universalModuleDefinition(root, factory) {
			
 
				+                if (root && root["BABYLON"]) {
			
 
				+                    return;
			
 
				+                }
			
 
				+    if(typeof exports === 'object' && typeof module === 'object')
			
 
				+        module.exports = factory();
			
 
				+    else if(typeof define === 'function' && define.amd)
			
 
				+        define([], factory);
			
 
				+    else if(typeof exports === 'object')
			
 
				+        exports["BJSSerializers"] = factory();
			
 
				+    else {
			
 
				+        root["BABYLON"] = factory();
			
 
				+    }
			
 
				+})(this, function() {
			
 
				+    return BABYLON;
			
 
				+});
			
--- a/release/serializers/babylonjs.serializers.min.js
+++ b/release/serializers/babylonjs.serializers.min.js
--- a/release/serializers/babylonjs.serializers.module.d.ts
+++ b/release/serializers/babylonjs.serializers.module.d.ts
@@ -0,0 +1,12 @@
 
				+/// <reference types="babylonjs"/>
			
 
				+
			
 
				+declare module 'babylonjs-serializers' { 
			
 
				+    export = BABYLON; 
			
 
				+}
			
 
				+
			
 
				+declare module BABYLON {
			
 
				+    class OBJExport {
			
 
				+        static OBJ(mesh: Mesh[], materials?: boolean, matlibname?: string, globalposition?: boolean): string;
			
 
				+        static MTL(mesh: Mesh): string;
			
 
				+    }
			
 
				+}
			
--- a/release/serializers/package.json
+++ b/release/serializers/package.json
@@ -0,0 +1,36 @@
 
				+{
			
 
				+    "author": {
			
 
				+        "name": "David CATUHE"
			
 
				+    },
			
 
				+    "name": "babylonjs-serializers",
			
 
				+    "description": "The Babylon.js serializers library is an extension you can use to serialize Babylon scenes.",
			
 
				+    "version": "3.1.0-alpha3.4",
			
 
				+    "repository": {
			
 
				+        "type": "git",
			
 
				+        "url": "https://github.com/BabylonJS/Babylon.js.git"
			
 
				+    },
			
 
				+    "main": "babylonjs.serializers.min.js",
			
 
				+    "files": [
			
 
				+        "babylonjs.serializers.js",
			
 
				+        "babylonjs.serializers.min.js",
			
 
				+        "babylonjs.serializers.module.d.ts",
			
 
				+        "package.json"
			
 
				+    ],
			
 
				+    "typings": "babylonjs.serializers.module.d.ts",
			
 
				+    "keywords": [
			
 
				+        "3D",
			
 
				+        "javascript",
			
 
				+        "html5",
			
 
				+        "webgl",
			
 
				+        "serializers"
			
 
				+    ],
			
 
				+    "license": "Apache-2.0",
			
 
				+    "peerDependencies": {
			
 
				+        "babylonjs": ">=3.1.0-alpha"
			
 
				+    },
			
 
				+    "engines": {
			
 
				+        "node": "*"
			
 
				+    },
			
 
				+    "_id": "babylonjs-serializers@3.1.0-alpha1",
			
 
				+    "_from": "babylonjs-serializers@"
			
 
				+}
			
--- a/release/what's
+++ b/release/what's