7 роки тому · ba2de83cc4
--- a/Playground/babylon.d.txt
+++ b/Playground/babylon.d.txt
--- a/Playground/css/color_ts.css
+++ b/Playground/css/color_ts.css
@@ -0,0 +1,79 @@
 
				+@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400");

			
 
				+@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css");

			
 
				+#waitTitle {

			
 
				+    color: rgb(208, 23, 211);

			
 
				+}

			
 
				+#exampleList #exampleBanner h1 {

			
 
				+    color: #ae00ef;

			
 
				+}

			
 
				+#exampleList .horizontalSeparator {

			
 
				+    border-top: 1px solid #ae00ef;

			
 
				+}

			
 
				+#exampleList .categoryContainer .itemLine .itemContent .itemLineDocLink {

			
 
				+    color: #ae00ef;

			
 
				+}

			
 
				+#exampleList .categoryContainer .itemLine .itemContent .itemLinePGLink {

			
 
				+    color: #ae00ef;

			
 
				+}

			
 
				+

			
 
				+#fpsLabel {

			
 
				+    background-color: #9147c9;

			
 
				+}

			
 
				+.navbar .title {

			
 
				+    color: #bb47c9;

			
 
				+}

			
 
				+.navbar .version {

			
 
				+    color: #9147c9;

			
 
				+}

			
 
				+

			
 
				+.button {

			
 
				+    background-color: #9147c9;

			
 
				+}

			
 
				+.button:hover {

			
 
				+    background-color: #bb47c9;

			
 
				+}

			
 
				+.navbar .button.run {

			
 
				+    background-color: #bb47c9;

			
 
				+}

			
 
				+.navbar .select .toDisplay {

			
 
				+    border: 1px solid #9147c9;

			
 
				+}

			
 
				+.navbar .select .subSelect .toDisplaySub {

			
 
				+    border: 1px solid #9147c9;

			
 
				+}

			
 
				+

			
 
				+.navbar .select .toDisplay .option {

			
 
				+    font-size: 0.9em;

			
 
				+    height: 35px;

			
 
				+    line-height: 35px;

			
 
				+    padding: 0px 5px 0px 5px;

			
 
				+    text-align: center;

			
 
				+    border-bottom : 1px solid rgba(0,0,0,0.1);

			
 
				+}

			
 
				+

			
 
				+.navbar .select .toDisplay .option.light:hover {

			
 
				+    cursor: pointer;

			
 
				+    background-color: #d9d9d9;

			
 
				+}

			
 
				+

			
 
				+

			
 
				+.navbar .select .toDisplay .option.dark {

			
 
				+    background-color: #333;

			
 
				+    color: white;

			
 
				+}

			
 
				+.navbar .select .toDisplay .option.light {

			
 
				+    background-color: white;

			
 
				+    color: #9147c9;

			
 
				+}

			
 
				+.navbar .select .toDisplayBig {

			
 
				+    border: 1px solid #9147c9;

			
 
				+}

			
 
				+

			
 
				+.navbar .select .toDisplayBig.light {    

			
 
				+    color: #bb47c9;

			
 
				+}

			
 
				+.navbar .select .toDisplayBig a.light {

			
 
				+    color: #9147c9;

			
 
				+}

			
 
				+

			
 
				+

			
--- a/Playground/index.html
+++ b/Playground/index.html
@@ -409,7 +409,7 @@
 
				                 <canvas touch-action="none" id="renderCanvas"></canvas>

			
 
				             </div>

			
 
				         </div>

			
 
				-        <div id="exampleList">

			
 
				+        <div id="exampleList" class = "javascript">

			
 
				             <div id="exampleBanner">

			
 
				                 <h1>Examples</h1>

			
 
				             </div>

			
--- a/Playground/js/index.js
+++ b/Playground/js/index.js
@@ -241,9 +241,17 @@ function showError(errorMessage, errorEvent) {
 
				         };

			
 
				 

			
 
				         var loadScriptsList = function () {

			
 
				-            var xhr = new XMLHttpRequest();

			
 
				 

			
 
				-            xhr.open('GET', 'https://raw.githubusercontent.com/BabylonJS/Documentation/master/examples/list.json', true);

			
 
				+            var exampleList = document.getElementById("exampleList");

			
 
				+           

			
 
				+            var xhr = new XMLHttpRequest();

			
 
				+            //Open Typescript or Javascript examples

			
 
				+            if(exampleList.className != 'typescript') {

			
 
				+                xhr.open('GET', 'https://raw.githubusercontent.com/BabylonJS/Documentation/master/examples/list.json', true);

			
 
				+            }

			
 
				+            else {

			
 
				+                xhr.open('GET', 'https://raw.githubusercontent.com/BabylonJS/Documentation/master/examples/list_ts.json', true);

			
 
				+            }

			
 
				 

			
 
				             xhr.onreadystatechange = function () {

			
 
				                 if (xhr.readyState === 4) {

			
@@ -257,7 +265,7 @@ function showError(errorMessage, errorEvent) {
 
				                         }

			
 
				                         scripts.sort(sortScriptsList);

			
 
				 

			
 
				-                        var exampleList = document.getElementById("exampleList");

			
 
				+                                                

			
 
				 

			
 
				                         if (exampleList) {

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

			
--- a/Playground/ts.html
+++ b/Playground/ts.html
@@ -56,6 +56,7 @@
 
				         <script src="https://www.babylontoolkit.com/playground/scripts/babylon.manager.js"></script>

			
 
				                                

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

			
 
				+        <link href="css/color_ts.css" rel="stylesheet" />

			
 
				     </head>

			
 
				 

			
 
				     <body>

			
@@ -144,6 +145,9 @@
 
				                         <div class="option" onclick="setVersion('stable');">Stable</div>

			
 
				                     </div>

			
 
				                 </div>

			
 
				+                <div class="button select">

			
 
				+                    <span class="examplesButton">Examples</span>

			
 
				+                </div>

			
 
				             </div>

			
 
				         </div>

			
 
				 

			
@@ -228,6 +232,12 @@
 
				                     </div>

			
 
				                 </div>

			
 
				             </div>

			
 
				+

			
 
				+            <div class="category right">

			
 
				+                <div class="button select">

			
 
				+                    <span class="examplesButton">Examples</span>

			
 
				+                </div>

			
 
				+            </div>

			
 
				         </div>

			
 
				 

			
 
				         <div class="navbar navBar1030">

			
@@ -305,6 +315,12 @@
 
				                     </div>

			
 
				                 </div>

			
 
				             </div>

			
 
				+

			
 
				+            <div class="category right">

			
 
				+                <div class="button select">

			
 
				+                    <span class="examplesButton">Examples</span>

			
 
				+                </div>

			
 
				+            </div>

			
 
				         </div>

			
 
				 

			
 
				         <div class="navbar navBar750">

			
@@ -387,6 +403,14 @@
 
				                 <canvas touch-action="none" id="renderCanvas"></canvas>

			
 
				             </div>

			
 
				         </div>

			
 
				+        <div id="exampleList" class = "typescript">

			
 
				+            <div id="exampleBanner">

			
 
				+                <h1>Examples</h1>

			
 
				+            </div>

			
 
				+            <div class="horizontalSeparator"></div>

			
 
				+            <input id="filterBar" type="text" placeholder="Filter examples...">

			
 
				+            <img id="filterBarClear" src="https://d33wubrfki0l68.cloudfront.net/17ca450bae302631f4857cd8c3992234ec5dd9a7/057f9/img/ui/clear_button.png">

			
 
				+        </div>

			
 
				 

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

			
 
				 

			
--- a/Viewer/assets/templates/default/navbar.html
+++ b/Viewer/assets/templates/default/navbar.html
@@ -501,7 +501,7 @@
 
				         <button class="help help-button" title="{{text.helpButton}}">

			
 
				             <span class="icon help-icon"></span>

			
 
				         </button>

			
 
				-        {{/unless}} {{#unless hideFullScreen}}

			
 
				+        {{/unless}} {{#unless hideFullscreen}}

			
 
				         <button class="fullscreen fullscreen-button" title="{{text.fullscreenButton}}">

			
 
				             <span class="icon fullscreen-icon"></span>

			
 
				         </button>

			
--- a/Viewer/src/configuration/configuration.ts
+++ b/Viewer/src/configuration/configuration.ts
@@ -1,5 +1,6 @@
 
				 import { EngineOptions } from 'babylonjs';

			
 
				 import { ICameraConfiguration, IDefaultRenderingPipelineConfiguration, IGroundConfiguration, ILightConfiguration, IModelConfiguration, IObserversConfiguration, ISceneConfiguration, ISceneOptimizerConfiguration, ISkyboxConfiguration, ITemplateConfiguration, IVRConfiguration } from './interfaces';

			
 
				+import { IEnvironmentMapConfiguration } from './interfaces/environmentMapConfiguration';

			
 
				 

			
 
				 export function getConfigurationKey(key: string, configObject: any) {

			
 
				     let splits = key.split('.');

			
@@ -80,6 +81,8 @@ export interface ViewerConfiguration {
 
				         [propName: string]: boolean | undefined;

			
 
				     };

			
 
				 

			
 
				+    environmentMap?: IEnvironmentMapConfiguration

			
 
				+

			
 
				     vr?: IVRConfiguration;

			
 
				 

			
 
				     // features that are being tested.

			
@@ -94,8 +97,10 @@ export interface ViewerConfiguration {
 
				             specular?: { r: number, g: number, b: number };

			
 
				         }

			
 
				         hideLoadingDelay?: number;

			
 
				+        /** Deprecated */

			
 
				         assetsRootURL?: string;

			
 
				         environmentMainColor?: { r: number, g: number, b: number };

			
 
				+        /** Deprecated */

			
 
				         environmentMap?: {

			
 
				             /**

			
 
				              * Environment map texture path in relative to the asset folder.

			
--- a/Viewer/src/configuration/configurationCompatibility.ts
+++ b/Viewer/src/configuration/configurationCompatibility.ts
@@ -28,6 +28,10 @@ export function processConfigurationCompatibility(configuration: ViewerConfigura
 
				                 setKeyInObject(configuration, "scene.imageProcessingConfiguration.isEnabled", true);

			
 
				             }

			
 
				         }

			
 
				+

			
 
				+        if (configuration.scene.mainColor) {

			
 
				+            setKeyInObject(configuration, "environmentMap.mainColor", configuration.scene.mainColor, true);

			
 
				+        }

			
 
				     }

			
 
				 

			
 
				     if (configuration.model && typeof configuration.model === 'object') {

			
@@ -36,6 +40,15 @@ export function processConfigurationCompatibility(configuration: ViewerConfigura
 
				             configuration.model.castShadow = (<any>configuration.model).castShadows;

			
 
				         }

			
 
				     }

			
 
				+

			
 
				+    if (configuration.lab) {

			
 
				+        if (configuration.lab.assetsRootURL) {

			
 
				+            setKeyInObject(configuration, "scene.assetsRootURL", configuration.lab.assetsRootURL);

			
 
				+        }

			
 
				+        if (configuration.lab.environmentMap) {

			
 
				+            setKeyInObject(configuration, "environmentMap", configuration.lab.environmentMap, true);

			
 
				+        }

			
 
				+    }

			
 
				 }

			
 
				 

			
 
				 function setKeyInObject(object: any, keys: string, value: any, shouldOverwrite?: boolean) {

			
--- a/Viewer/src/configuration/interfaces/environmentMapConfiguration.ts
+++ b/Viewer/src/configuration/interfaces/environmentMapConfiguration.ts
@@ -0,0 +1,21 @@
 
				+export interface IEnvironmentMapConfiguration {

			
 
				+    /**

			
 
				+     * Environment map texture path in relative to the asset folder.

			
 
				+     */

			
 
				+    texture: string;

			
 
				+

			
 
				+    /**

			
 
				+     * Default rotation to apply to the environment map.

			
 
				+     */

			
 
				+    rotationY: number;

			
 
				+

			
 
				+    /**

			
 
				+     * Tint level of the main color on the environment map.

			
 
				+     */

			
 
				+    tintLevel: number;

			
 
				+

			
 
				+    /**

			
 
				+     * The environment's main color.

			
 
				+     */

			
 
				+    mainColor?: { r?: number, g?: number, b?: number };

			
 
				+}
			
--- a/Viewer/src/configuration/interfaces/index.ts
+++ b/Viewer/src/configuration/interfaces/index.ts
@@ -11,4 +11,5 @@ export * from './sceneConfiguration';
 
				 export * from './sceneOptimizerConfiguration';

			
 
				 export * from './skyboxConfiguration';

			
 
				 export * from './templateConfiguration';

			
 
				-export * from './vrConfiguration';
			
 
				+export * from './vrConfiguration';

			
 
				+export * from './environmentMapConfiguration';
			
--- a/Viewer/src/configuration/interfaces/sceneConfiguration.ts
+++ b/Viewer/src/configuration/interfaces/sceneConfiguration.ts
@@ -5,6 +5,7 @@ import { IGlowLayerOptions } from "babylonjs";
 
				 export interface ISceneConfiguration {

			
 
				     debug?: boolean;

			
 
				     clearColor?: { r: number, g: number, b: number, a: number };

			
 
				+    /** Deprecated, use environmentMap.mainColor instead. */

			
 
				     mainColor?: { r?: number, g?: number, b?: number };

			
 
				     imageProcessingConfiguration?: IImageProcessingConfiguration;

			
 
				     environmentTexture?: string;

			
@@ -36,5 +37,6 @@ export interface ISceneConfiguration {
 
				         spritesEnabled?: boolean;

			
 
				         skeletonsEnabled?: boolean;

			
 
				         audioEnabled?: boolean;

			
 
				-    }

			
 
				+    };

			
 
				+    assetsRootURL?: string;

			
 
				 }

			
--- a/Viewer/src/configuration/types/default.ts
+++ b/Viewer/src/configuration/types/default.ts
@@ -51,12 +51,14 @@ export let defaultConfiguration: ViewerConfiguration = {
 
				                 hideHelp: true,

			
 
				                 hideHd: true,

			
 
				                 hideVr: true,

			
 
				+                hidePrint: true,

			
 
				                 disableOnFullscreen: false,

			
 
				                 text: {

			
 
				                     hdButton: "Toggle HD",

			
 
				                     fullscreenButton: "Fullscreen",

			
 
				                     helpButton: "Help",

			
 
				-                    vrButton: "Toggle VR"

			
 
				+                    vrButton: "Toggle VR",

			
 
				+                    printButton: "Print model in 3D"

			
 
				                 }

			
 
				             },

			
 
				             events: {

			
--- a/Viewer/src/configuration/types/extended.ts
+++ b/Viewer/src/configuration/types/extended.ts
@@ -252,11 +252,7 @@ export let extendedConfiguration: ViewerConfiguration = {
 
				                 highlightsSaturation: 0

			
 
				             }

			
 
				         },

			
 
				-        mainColor: {

			
 
				-            r: 0.8823529411764706,

			
 
				-            g: 0.8823529411764706,

			
 
				-            b: 0.8823529411764706

			
 
				-        }

			
 
				+        assetsRootURL: 'https://viewer.babylonjs.com/assets/environment/'

			
 
				     },

			
 
				     loaderPlugins: {

			
 
				         extendedMaterial: true,

			
@@ -301,13 +297,17 @@ export let extendedConfiguration: ViewerConfiguration = {
 
				         castShadow: true,

			
 
				         receiveShadows: true

			
 
				     },

			
 
				+    environmentMap: {

			
 
				+        texture: "EnvMap_3.0-256.env",

			
 
				+        rotationY: 3,

			
 
				+        tintLevel: 0.4,

			
 
				+        mainColor: {

			
 
				+            r: 0.8823529411764706,

			
 
				+            g: 0.8823529411764706,

			
 
				+            b: 0.8823529411764706

			
 
				+        }

			
 
				+    },

			
 
				     lab: {

			
 
				-        assetsRootURL: 'https://viewer.babylonjs.com/assets/environment/',

			
 
				-        environmentMap: {

			
 
				-            texture: "EnvMap_2.0-256.env",

			
 
				-            rotationY: 3,

			
 
				-            tintLevel: 0.4

			
 
				-        },

			
 
				         defaultRenderingPipelines: {

			
 
				             bloomEnabled: true,

			
 
				             bloomThreshold: 1.0,

			
--- a/Viewer/src/managers/sceneManager.ts
+++ b/Viewer/src/managers/sceneManager.ts
--- a/Viewer/src/templating/plugins/printButton.ts
+++ b/Viewer/src/templating/plugins/printButton.ts
@@ -0,0 +1,62 @@
 
				+import { AbstractViewerNavbarButton } from "../viewerTemplatePlugin";

			
 
				+import { DefaultViewer } from "../../viewer/defaultViewer";

			
 
				+import { EventCallback } from "../templateManager";

			
 
				+import { Tools } from "babylonjs";

			
 
				+

			
 
				+export class PrintButtonPlugin extends AbstractViewerNavbarButton {

			
 
				+

			
 
				+    private _currentModelUrl: string;

			
 
				+

			
 
				+    constructor(private _viewer: DefaultViewer) {

			
 
				+        super("print", "print-button", PrintButtonPlugin.HtmlTemplate);

			
 
				+

			
 
				+        this._viewer.onModelLoadedObservable.add((model) => {

			
 
				+            this._currentModelUrl = "";

			
 
				+            if (model.configuration.url) {

			
 
				+                let filename = Tools.GetFilename(model.configuration.url) || model.configuration.url;

			
 
				+                let baseUrl = model.configuration.root || Tools.GetFolderPath(model.configuration.url);

			
 
				+

			
 
				+                //gltf, obj, stl

			
 
				+                let extension = model.configuration.loader || filename.split(".").pop() || "";

			
 
				+                let printable = false;

			
 
				+                // not using .some sue to IE11

			
 
				+                ["gltf", "glb", "obj", "stl"].forEach(ext => {

			
 
				+                    if (extension.indexOf(ext) !== -1) {

			
 
				+                        printable = true;

			
 
				+                    }

			
 
				+                })

			
 
				+                if (printable) {

			
 
				+                    this._currentModelUrl = baseUrl + filename;

			
 
				+                }

			
 
				+            }

			
 
				+        })

			
 
				+    }

			
 
				+

			
 
				+    onEvent(event: EventCallback): void {

			
 
				+        if (this._currentModelUrl) {

			
 
				+            let printUrl = this._currentModelUrl.replace(/https?:\/\//, "com.microsoft.print3d://");

			
 
				+            window.open(printUrl);

			
 
				+        }

			
 
				+    }

			
 
				+

			
 
				+    protected static HtmlTemplate: string = `

			
 
				+{{#unless hidePrint}}

			
 
				+<style>

			
 
				+

			
 
				+/* Show only if it's a windows 10 printer  */

			
 
				+.print-icon.not-win-10 {

			
 
				+    display: none;

			
 
				+}

			
 
				+

			
 
				+.print-icon:after {

			
 
				+    font-size: 16px;

			
 
				+    content: "\\E914";

			
 
				+}

			
 
				+

			
 
				+</style>

			
 
				+<button class="print-button ${window.navigator.userAgent.indexOf("Windows NT 10.0") === -1 ? "no-win-10" : ""}" title="{{text.printButton}}">

			
 
				+     <span class="icon print-icon"></span>

			
 
				+ </button>

			
 
				+ {{/unless}}

			
 
				+`;

			
 
				+}
			
--- a/Viewer/src/viewer/defaultViewer.ts
+++ b/Viewer/src/viewer/defaultViewer.ts
@@ -8,6 +8,7 @@ import { ViewerModel } from '../model/viewerModel';
 
				 import { IModelAnimation, AnimationState } from '../model/modelAnimation';

			
 
				 import { IViewerTemplatePlugin } from '../templating/viewerTemplatePlugin';

			
 
				 import { HDButtonPlugin } from '../templating/plugins/hdButtonPlugin';

			
 
				+import { PrintButtonPlugin } from '../templating/plugins/printButton';

			
 
				 

			
 
				 /**

			
 
				  * The Default viewer is the default implementation of the AbstractViewer.

			
@@ -148,6 +149,7 @@ export class DefaultViewer extends AbstractViewer {
 
				             }

			
 
				 

			
 
				             this.registerTemplatePlugin(new HDButtonPlugin(this));

			
 
				+            this.registerTemplatePlugin(new PrintButtonPlugin(this));

			
 
				         }

			
 
				     }

			
 
				 

			
--- a/Viewer/tests/unit/src/configuration/updateConfiguration.ts
+++ b/Viewer/tests/unit/src/configuration/updateConfiguration.ts
@@ -155,19 +155,15 @@ describe(name + " scene", () => {
 
				             assert.equal(viewer.sceneManager.reflectionColor.b, 1);

			
 
				 

			
 
				             viewer.updateConfiguration({

			
 
				-                scene: {

			
 
				+                environmentMap: {

			
 
				+                    tintLevel: 1,

			
 
				+                    texture: "",

			
 
				+                    rotationY: 0,

			
 
				                     mainColor: {

			
 
				                         r: 0.5,

			
 
				                         g: 0.5,

			
 
				                         b: 0.5

			
 
				                     }

			
 
				-                },

			
 
				-                lab: {

			
 
				-                    environmentMap: {

			
 
				-                        tintLevel: 1,

			
 
				-                        texture: "",

			
 
				-                        rotationY: 0

			
 
				-                    }

			
 
				                 }

			
 
				             });

			
 
				 

			
--- a/Viewer/tests/validation/validation.js
+++ b/Viewer/tests/validation/validation.js
@@ -211,19 +211,14 @@ function runTest(index, done) {
 
				     configuration.camera.behaviors = null;

			
 
				 

			
 
				     // make sure we use only local assets

			
 
				-    /*configuration.skybox = {

			
 
				-        cubeTexture: {

			
 
				-            url: "DefaultSkybox_cube_radiance_256.dds"

			
 
				-        }

			
 
				-    }*/

			
 
				 

			
 
				     //envirnonment directory

			
 
				-    configuration.lab = configuration.lab || {};

			
 
				-    configuration.lab.assetsRootURL = "/dist/assets/environment/";

			
 
				+    configuration.scene = configuration.scene || {};

			
 
				+    configuration.scene.assetsRootURL = "https://viewer.babylonjs.com/assets/environment/";

			
 
				     if (!test.enableEnvironment) {

			
 
				-        configuration.lab.environmentMap = false;

			
 
				+        configuration.environmentMap = false;

			
 
				     } else {

			
 
				-        console.log(configuration.lab.environmentMap)

			
 
				+        console.log(configuration.environmentMap)

			
 
				     }

			
 
				 

			
 
				     //model config

			
--- 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
@@ -15760,7 +15760,6 @@ var BABYLON;
 
				             var gl = this._gl;
			
 
				             var texture = new BABYLON.InternalTexture(this, BABYLON.InternalTexture.DATASOURCE_CUBERAW);
			
 
				             texture.isCube = true;
			
 
				-            texture.generateMipMaps = generateMipMaps;
			
 
				             texture.format = format;
			
 
				             texture.type = type;
			
 
				             if (!this._doNotHandleContextLost) {
			
@@ -15771,6 +15770,25 @@ var BABYLON;
 
				             if (internalFormat === gl.RGB) {
			
 
				                 internalFormat = gl.RGBA;
			
 
				             }
			
 
				+            // Mipmap generation needs a sized internal format that is both color-renderable and texture-filterable
			
 
				+            if (textureType === gl.FLOAT && !this._caps.textureFloatLinearFiltering) {
			
 
				+                generateMipMaps = false;
			
 
				+                samplingMode = Engine.TEXTURE_NEAREST_SAMPLINGMODE;
			
 
				+                BABYLON.Tools.Warn("Float texture filtering is not supported. Mipmap generation and sampling mode are forced to false and TEXTURE_NEAREST_SAMPLINGMODE, respectively.");
			
 
				+            }
			
 
				+            else if (textureType === this._gl.HALF_FLOAT_OES && !this._caps.textureHalfFloatLinearFiltering) {
			
 
				+                generateMipMaps = false;
			
 
				+                samplingMode = Engine.TEXTURE_NEAREST_SAMPLINGMODE;
			
 
				+                BABYLON.Tools.Warn("Half float texture filtering is not supported. Mipmap generation and sampling mode are forced to false and TEXTURE_NEAREST_SAMPLINGMODE, respectively.");
			
 
				+            }
			
 
				+            else if (textureType === gl.FLOAT && !this._caps.textureFloatRender) {
			
 
				+                generateMipMaps = false;
			
 
				+                BABYLON.Tools.Warn("Render to float textures is not supported. Mipmap generation forced to false.");
			
 
				+            }
			
 
				+            else if (textureType === gl.HALF_FLOAT && !this._caps.colorBufferFloat) {
			
 
				+                generateMipMaps = false;
			
 
				+                BABYLON.Tools.Warn("Render to half float textures is not supported. Mipmap generation forced to false.");
			
 
				+            }
			
 
				             var width = size;
			
 
				             var height = width;
			
 
				             texture.width = width;
			
@@ -15789,22 +15807,13 @@ var BABYLON;
 
				             if (data && generateMipMaps) {
			
 
				                 this._gl.generateMipmap(this._gl.TEXTURE_CUBE_MAP);
			
 
				             }
			
 
				-            if (textureType === gl.FLOAT && !this._caps.textureFloatLinearFiltering) {
			
 
				-                gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
			
 
				-                gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
			
 
				-            }
			
 
				-            else if (textureType === this._gl.HALF_FLOAT_OES && !this._caps.textureHalfFloatLinearFiltering) {
			
 
				-                gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
			
 
				-                gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
			
 
				-            }
			
 
				-            else {
			
 
				-                var filters = this._getSamplingParameters(samplingMode, generateMipMaps);
			
 
				-                gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, filters.mag);
			
 
				-                gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, filters.min);
			
 
				-            }
			
 
				+            var filters = this._getSamplingParameters(samplingMode, generateMipMaps);
			
 
				+            gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, filters.mag);
			
 
				+            gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, filters.min);
			
 
				             gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
			
 
				             gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
			
 
				             this._bindTextureDirectly(gl.TEXTURE_CUBE_MAP, null);
			
 
				+            texture.generateMipMaps = generateMipMaps;
			
 
				             return texture;
			
 
				         };
			
 
				         /**
			
@@ -15871,10 +15880,6 @@ var BABYLON;
 
				                     _this._bindTextureDirectly(gl.TEXTURE_CUBE_MAP, null);
			
 
				                 }
			
 
				                 else {
			
 
				-                    texture.generateMipMaps = !noMipmap;
			
 
				-                    if (type === Engine.TEXTURETYPE_FLOAT && !_this._caps.textureFloatLinearFiltering) {
			
 
				-                        texture.generateMipMaps = false;
			
 
				-                    }
			
 
				                     _this.updateRawCubeTexture(texture, faceDataArrays, format, type, invertY);
			
 
				                 }
			
 
				                 texture.isReady = true;
			
--- a/release/babylon.no-module.max.js
+++ b/release/babylon.no-module.max.js
@@ -15727,7 +15727,6 @@ var BABYLON;
 
				             var gl = this._gl;
			
 
				             var texture = new BABYLON.InternalTexture(this, BABYLON.InternalTexture.DATASOURCE_CUBERAW);
			
 
				             texture.isCube = true;
			
 
				-            texture.generateMipMaps = generateMipMaps;
			
 
				             texture.format = format;
			
 
				             texture.type = type;
			
 
				             if (!this._doNotHandleContextLost) {
			
@@ -15738,6 +15737,25 @@ var BABYLON;
 
				             if (internalFormat === gl.RGB) {
			
 
				                 internalFormat = gl.RGBA;
			
 
				             }
			
 
				+            // Mipmap generation needs a sized internal format that is both color-renderable and texture-filterable
			
 
				+            if (textureType === gl.FLOAT && !this._caps.textureFloatLinearFiltering) {
			
 
				+                generateMipMaps = false;
			
 
				+                samplingMode = Engine.TEXTURE_NEAREST_SAMPLINGMODE;
			
 
				+                BABYLON.Tools.Warn("Float texture filtering is not supported. Mipmap generation and sampling mode are forced to false and TEXTURE_NEAREST_SAMPLINGMODE, respectively.");
			
 
				+            }
			
 
				+            else if (textureType === this._gl.HALF_FLOAT_OES && !this._caps.textureHalfFloatLinearFiltering) {
			
 
				+                generateMipMaps = false;
			
 
				+                samplingMode = Engine.TEXTURE_NEAREST_SAMPLINGMODE;
			
 
				+                BABYLON.Tools.Warn("Half float texture filtering is not supported. Mipmap generation and sampling mode are forced to false and TEXTURE_NEAREST_SAMPLINGMODE, respectively.");
			
 
				+            }
			
 
				+            else if (textureType === gl.FLOAT && !this._caps.textureFloatRender) {
			
 
				+                generateMipMaps = false;
			
 
				+                BABYLON.Tools.Warn("Render to float textures is not supported. Mipmap generation forced to false.");
			
 
				+            }
			
 
				+            else if (textureType === gl.HALF_FLOAT && !this._caps.colorBufferFloat) {
			
 
				+                generateMipMaps = false;
			
 
				+                BABYLON.Tools.Warn("Render to half float textures is not supported. Mipmap generation forced to false.");
			
 
				+            }
			
 
				             var width = size;
			
 
				             var height = width;
			
 
				             texture.width = width;
			
@@ -15756,22 +15774,13 @@ var BABYLON;
 
				             if (data && generateMipMaps) {
			
 
				                 this._gl.generateMipmap(this._gl.TEXTURE_CUBE_MAP);
			
 
				             }
			
 
				-            if (textureType === gl.FLOAT && !this._caps.textureFloatLinearFiltering) {
			
 
				-                gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
			
 
				-                gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
			
 
				-            }
			
 
				-            else if (textureType === this._gl.HALF_FLOAT_OES && !this._caps.textureHalfFloatLinearFiltering) {
			
 
				-                gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
			
 
				-                gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
			
 
				-            }
			
 
				-            else {
			
 
				-                var filters = this._getSamplingParameters(samplingMode, generateMipMaps);
			
 
				-                gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, filters.mag);
			
 
				-                gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, filters.min);
			
 
				-            }
			
 
				+            var filters = this._getSamplingParameters(samplingMode, generateMipMaps);
			
 
				+            gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, filters.mag);
			
 
				+            gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, filters.min);
			
 
				             gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
			
 
				             gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
			
 
				             this._bindTextureDirectly(gl.TEXTURE_CUBE_MAP, null);
			
 
				+            texture.generateMipMaps = generateMipMaps;
			
 
				             return texture;
			
 
				         };
			
 
				         /**
			
@@ -15838,10 +15847,6 @@ var BABYLON;
 
				                     _this._bindTextureDirectly(gl.TEXTURE_CUBE_MAP, null);
			
 
				                 }
			
 
				                 else {
			
 
				-                    texture.generateMipMaps = !noMipmap;
			
 
				-                    if (type === Engine.TEXTURETYPE_FLOAT && !_this._caps.textureFloatLinearFiltering) {
			
 
				-                        texture.generateMipMaps = false;
			
 
				-                    }
			
 
				                     _this.updateRawCubeTexture(texture, faceDataArrays, format, type, invertY);
			
 
				                 }
			
 
				                 texture.isReady = true;
			
--- a/release/babylon.worker.js
+++ b/release/babylon.worker.js
--- a/release/es6.js
+++ b/release/es6.js
@@ -15727,7 +15727,6 @@ var BABYLON;
 
				             var gl = this._gl;
			
 
				             var texture = new BABYLON.InternalTexture(this, BABYLON.InternalTexture.DATASOURCE_CUBERAW);
			
 
				             texture.isCube = true;
			
 
				-            texture.generateMipMaps = generateMipMaps;
			
 
				             texture.format = format;
			
 
				             texture.type = type;
			
 
				             if (!this._doNotHandleContextLost) {
			
@@ -15738,6 +15737,25 @@ var BABYLON;
 
				             if (internalFormat === gl.RGB) {
			
 
				                 internalFormat = gl.RGBA;
			
 
				             }
			
 
				+            // Mipmap generation needs a sized internal format that is both color-renderable and texture-filterable
			
 
				+            if (textureType === gl.FLOAT && !this._caps.textureFloatLinearFiltering) {
			
 
				+                generateMipMaps = false;
			
 
				+                samplingMode = Engine.TEXTURE_NEAREST_SAMPLINGMODE;
			
 
				+                BABYLON.Tools.Warn("Float texture filtering is not supported. Mipmap generation and sampling mode are forced to false and TEXTURE_NEAREST_SAMPLINGMODE, respectively.");
			
 
				+            }
			
 
				+            else if (textureType === this._gl.HALF_FLOAT_OES && !this._caps.textureHalfFloatLinearFiltering) {
			
 
				+                generateMipMaps = false;
			
 
				+                samplingMode = Engine.TEXTURE_NEAREST_SAMPLINGMODE;
			
 
				+                BABYLON.Tools.Warn("Half float texture filtering is not supported. Mipmap generation and sampling mode are forced to false and TEXTURE_NEAREST_SAMPLINGMODE, respectively.");
			
 
				+            }
			
 
				+            else if (textureType === gl.FLOAT && !this._caps.textureFloatRender) {
			
 
				+                generateMipMaps = false;
			
 
				+                BABYLON.Tools.Warn("Render to float textures is not supported. Mipmap generation forced to false.");
			
 
				+            }
			
 
				+            else if (textureType === gl.HALF_FLOAT && !this._caps.colorBufferFloat) {
			
 
				+                generateMipMaps = false;
			
 
				+                BABYLON.Tools.Warn("Render to half float textures is not supported. Mipmap generation forced to false.");
			
 
				+            }
			
 
				             var width = size;
			
 
				             var height = width;
			
 
				             texture.width = width;
			
@@ -15756,22 +15774,13 @@ var BABYLON;
 
				             if (data && generateMipMaps) {
			
 
				                 this._gl.generateMipmap(this._gl.TEXTURE_CUBE_MAP);
			
 
				             }
			
 
				-            if (textureType === gl.FLOAT && !this._caps.textureFloatLinearFiltering) {
			
 
				-                gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
			
 
				-                gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
			
 
				-            }
			
 
				-            else if (textureType === this._gl.HALF_FLOAT_OES && !this._caps.textureHalfFloatLinearFiltering) {
			
 
				-                gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
			
 
				-                gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
			
 
				-            }
			
 
				-            else {
			
 
				-                var filters = this._getSamplingParameters(samplingMode, generateMipMaps);
			
 
				-                gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, filters.mag);
			
 
				-                gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, filters.min);
			
 
				-            }
			
 
				+            var filters = this._getSamplingParameters(samplingMode, generateMipMaps);
			
 
				+            gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, filters.mag);
			
 
				+            gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, filters.min);
			
 
				             gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
			
 
				             gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
			
 
				             this._bindTextureDirectly(gl.TEXTURE_CUBE_MAP, null);
			
 
				+            texture.generateMipMaps = generateMipMaps;
			
 
				             return texture;
			
 
				         };
			
 
				         /**
			
@@ -15838,10 +15847,6 @@ var BABYLON;
 
				                     _this._bindTextureDirectly(gl.TEXTURE_CUBE_MAP, null);
			
 
				                 }
			
 
				                 else {
			
 
				-                    texture.generateMipMaps = !noMipmap;
			
 
				-                    if (type === Engine.TEXTURETYPE_FLOAT && !_this._caps.textureFloatLinearFiltering) {
			
 
				-                        texture.generateMipMaps = false;
			
 
				-                    }
			
 
				                     _this.updateRawCubeTexture(texture, faceDataArrays, format, type, invertY);
			
 
				                 }
			
 
				                 texture.isReady = true;
			
--- a/release/loaders/babylon.objFileLoader.d.ts
+++ b/release/loaders/babylon.objFileLoader.d.ts
@@ -45,6 +45,7 @@ declare module BABYLON {
 
				         facePattern2: RegExp;
			
 
				         facePattern3: RegExp;
			
 
				         facePattern4: RegExp;
			
 
				+        facePattern5: RegExp;
			
 
				         /**
			
 
				          * Calls synchronously the MTL file attached to this obj.
			
 
				          * Load function or importMesh function don't enable to load 2 files in the same time asynchronously.
			
--- a/release/loaders/babylon.objFileLoader.js
+++ b/release/loaders/babylon.objFileLoader.js
@@ -231,6 +231,8 @@ var BABYLON;
 
				             this.facePattern3 = /f\s+((([\d]{1,}\/[\d]{1,}\/[\d]{1,}[\s]?){3,})+)/;
			
 
				             // f vertex//normal vertex//normal vertex//normal ...
			
 
				             this.facePattern4 = /f\s+((([\d]{1,}\/\/[\d]{1,}[\s]?){3,})+)/;
			
 
				+            // f -vertex/-uvs/-normal -vertex/-uvs/-normal -vertex/-uvs/-normal ...
			
 
				+            this.facePattern5 = /f\s+(((-[\d]{1,}\/-[\d]{1,}\/-[\d]{1,}[\s]?){3,})+)/;
			
 
				         }
			
 
				         /**
			
 
				          * Calls synchronously the MTL file attached to this obj.
			
@@ -413,11 +415,12 @@ var BABYLON;
 
				              * Create triangles from polygons by recursion
			
 
				              * The best to understand how it works is to draw it in the same time you get the recursion.
			
 
				              * It is important to notice that a triangle is a polygon
			
 
				-             * We get 4 patterns of face defined in OBJ File :
			
 
				+             * We get 5 patterns of face defined in OBJ File :
			
 
				              * facePattern1 = ["1","2","3","4","5","6"]
			
 
				              * facePattern2 = ["1/1","2/2","3/3","4/4","5/5","6/6"]
			
 
				              * facePattern3 = ["1/1/1","2/2/2","3/3/3","4/4/4","5/5/5","6/6/6"]
			
 
				              * facePattern4 = ["1//1","2//2","3//3","4//4","5//5","6//6"]
			
 
				+             * facePattern5 = ["-1/-1/-1","-2/-2/-2","-3/-3/-3","-4/-4/-4","-5/-5/-5","-6/-6/-6"]
			
 
				              * Each pattern is divided by the same method
			
 
				              * @param face Array[String] The indices of elements
			
 
				              * @param v Integer The variable to increment
			
@@ -437,6 +440,7 @@ var BABYLON;
 
				                 //Pattern2 => triangle = ["1/1","2/2","3/3","1/1","3/3","4/4"];
			
 
				                 //Pattern3 => triangle = ["1/1/1","2/2/2","3/3/3","1/1/1","3/3/3","4/4/4"];
			
 
				                 //Pattern4 => triangle = ["1//1","2//2","3//3","1//1","3//3","4//4"];
			
 
				+                //Pattern5 => triangle = ["-1/-1/-1","-2/-2/-2","-3/-3/-3","-1/-1/-1","-3/-3/-3","-4/-4/-4"];
			
 
				             };
			
 
				             /**
			
 
				              * Create triangles and push the data for each polygon for the pattern 1
			
@@ -532,6 +536,31 @@ var BABYLON;
 
				                 //Reset variable for the next line
			
 
				                 triangles = [];
			
 
				             };
			
 
				+            /**
			
 
				+             * Create triangles and push the data for each polygon for the pattern 3
			
 
				+             * In this pattern we get vertice positions, uvs and normals
			
 
				+             * @param face
			
 
				+             * @param v
			
 
				+             */
			
 
				+            var setDataForCurrentFaceWithPattern5 = function (face, v) {
			
 
				+                //Get the indices of triangles for each polygon
			
 
				+                getTriangles(face, v);
			
 
				+                for (var k = 0; k < triangles.length; k++) {
			
 
				+                    //triangle[k] = "-1/-1/-1"
			
 
				+                    //Split the data for getting position, uv, and normals
			
 
				+                    var point = triangles[k].split("/"); // ["-1", "-1", "-1"]
			
 
				+                    // Set position indice
			
 
				+                    var indicePositionFromObj = positions.length + parseInt(point[0]);
			
 
				+                    // Set uv indice
			
 
				+                    var indiceUvsFromObj = uvs.length + parseInt(point[1]);
			
 
				+                    // Set normal indice
			
 
				+                    var indiceNormalFromObj = normals.length + parseInt(point[2]);
			
 
				+                    setData(indicePositionFromObj, indiceUvsFromObj, indiceNormalFromObj, positions[indicePositionFromObj], uvs[indiceUvsFromObj], normals[indiceNormalFromObj] //Set the vector for each component
			
 
				+                    );
			
 
				+                }
			
 
				+                //Reset variable for the next line
			
 
				+                triangles = [];
			
 
				+            };
			
 
				             var addPreviousObjMesh = function () {
			
 
				                 //Check if it is not the first mesh. Otherwise we don't have data.
			
 
				                 if (meshesFromObj.length > 0) {
			
@@ -604,6 +633,13 @@ var BABYLON;
 
				                     setDataForCurrentFaceWithPattern4(result[1].trim().split(" "), // ["1//1", "2//2", "3//3"]
			
 
				                     1);
			
 
				                 }
			
 
				+                else if ((result = this.facePattern5.exec(line)) !== null) {
			
 
				+                    //Value of result:
			
 
				+                    //["f -1/-1/-1 -2/-2/-2 -3/-3/-3", "-1/-1/-1 -2/-2/-2 -3/-3/-3"...]
			
 
				+                    //Set the data for this face
			
 
				+                    setDataForCurrentFaceWithPattern5(result[1].trim().split(" "), // ["-1/-1/-1", "-2/-2/-2", "-3/-3/-3"]
			
 
				+                    1);
			
 
				+                }
			
 
				                 else if ((result = this.facePattern2.exec(line)) !== null) {
			
 
				                     //Value of result:
			
 
				                     //["f 1/1 2/2 3/3", "1/1 2/2 3/3"...]
			
--- a/release/loaders/babylon.objFileLoader.min.js
+++ b/release/loaders/babylon.objFileLoader.min.js
--- a/release/loaders/babylonjs.loaders.d.ts
+++ b/release/loaders/babylonjs.loaders.d.ts
@@ -63,6 +63,7 @@ declare module BABYLON {
 
				         facePattern2: RegExp;
			
 
				         facePattern3: RegExp;
			
 
				         facePattern4: RegExp;
			
 
				+        facePattern5: RegExp;
			
 
				         /**
			
 
				          * Calls synchronously the MTL file attached to this obj.
			
 
				          * Load function or importMesh function don't enable to load 2 files in the same time asynchronously.
			
--- a/release/loaders/babylonjs.loaders.js
+++ b/release/loaders/babylonjs.loaders.js
@@ -430,6 +430,8 @@ var BABYLON;
 
				             this.facePattern3 = /f\s+((([\d]{1,}\/[\d]{1,}\/[\d]{1,}[\s]?){3,})+)/;
			
 
				             // f vertex//normal vertex//normal vertex//normal ...
			
 
				             this.facePattern4 = /f\s+((([\d]{1,}\/\/[\d]{1,}[\s]?){3,})+)/;
			
 
				+            // f -vertex/-uvs/-normal -vertex/-uvs/-normal -vertex/-uvs/-normal ...
			
 
				+            this.facePattern5 = /f\s+(((-[\d]{1,}\/-[\d]{1,}\/-[\d]{1,}[\s]?){3,})+)/;
			
 
				         }
			
 
				         /**
			
 
				          * Calls synchronously the MTL file attached to this obj.
			
@@ -612,11 +614,12 @@ var BABYLON;
 
				              * Create triangles from polygons by recursion
			
 
				              * The best to understand how it works is to draw it in the same time you get the recursion.
			
 
				              * It is important to notice that a triangle is a polygon
			
 
				-             * We get 4 patterns of face defined in OBJ File :
			
 
				+             * We get 5 patterns of face defined in OBJ File :
			
 
				              * facePattern1 = ["1","2","3","4","5","6"]
			
 
				              * facePattern2 = ["1/1","2/2","3/3","4/4","5/5","6/6"]
			
 
				              * facePattern3 = ["1/1/1","2/2/2","3/3/3","4/4/4","5/5/5","6/6/6"]
			
 
				              * facePattern4 = ["1//1","2//2","3//3","4//4","5//5","6//6"]
			
 
				+             * facePattern5 = ["-1/-1/-1","-2/-2/-2","-3/-3/-3","-4/-4/-4","-5/-5/-5","-6/-6/-6"]
			
 
				              * Each pattern is divided by the same method
			
 
				              * @param face Array[String] The indices of elements
			
 
				              * @param v Integer The variable to increment
			
@@ -636,6 +639,7 @@ var BABYLON;
 
				                 //Pattern2 => triangle = ["1/1","2/2","3/3","1/1","3/3","4/4"];
			
 
				                 //Pattern3 => triangle = ["1/1/1","2/2/2","3/3/3","1/1/1","3/3/3","4/4/4"];
			
 
				                 //Pattern4 => triangle = ["1//1","2//2","3//3","1//1","3//3","4//4"];
			
 
				+                //Pattern5 => triangle = ["-1/-1/-1","-2/-2/-2","-3/-3/-3","-1/-1/-1","-3/-3/-3","-4/-4/-4"];
			
 
				             };
			
 
				             /**
			
 
				              * Create triangles and push the data for each polygon for the pattern 1
			
@@ -731,6 +735,31 @@ var BABYLON;
 
				                 //Reset variable for the next line
			
 
				                 triangles = [];
			
 
				             };
			
 
				+            /**
			
 
				+             * Create triangles and push the data for each polygon for the pattern 3
			
 
				+             * In this pattern we get vertice positions, uvs and normals
			
 
				+             * @param face
			
 
				+             * @param v
			
 
				+             */
			
 
				+            var setDataForCurrentFaceWithPattern5 = function (face, v) {
			
 
				+                //Get the indices of triangles for each polygon
			
 
				+                getTriangles(face, v);
			
 
				+                for (var k = 0; k < triangles.length; k++) {
			
 
				+                    //triangle[k] = "-1/-1/-1"
			
 
				+                    //Split the data for getting position, uv, and normals
			
 
				+                    var point = triangles[k].split("/"); // ["-1", "-1", "-1"]
			
 
				+                    // Set position indice
			
 
				+                    var indicePositionFromObj = positions.length + parseInt(point[0]);
			
 
				+                    // Set uv indice
			
 
				+                    var indiceUvsFromObj = uvs.length + parseInt(point[1]);
			
 
				+                    // Set normal indice
			
 
				+                    var indiceNormalFromObj = normals.length + parseInt(point[2]);
			
 
				+                    setData(indicePositionFromObj, indiceUvsFromObj, indiceNormalFromObj, positions[indicePositionFromObj], uvs[indiceUvsFromObj], normals[indiceNormalFromObj] //Set the vector for each component
			
 
				+                    );
			
 
				+                }
			
 
				+                //Reset variable for the next line
			
 
				+                triangles = [];
			
 
				+            };
			
 
				             var addPreviousObjMesh = function () {
			
 
				                 //Check if it is not the first mesh. Otherwise we don't have data.
			
 
				                 if (meshesFromObj.length > 0) {
			
@@ -803,6 +832,13 @@ var BABYLON;
 
				                     setDataForCurrentFaceWithPattern4(result[1].trim().split(" "), // ["1//1", "2//2", "3//3"]
			
 
				                     1);
			
 
				                 }
			
 
				+                else if ((result = this.facePattern5.exec(line)) !== null) {
			
 
				+                    //Value of result:
			
 
				+                    //["f -1/-1/-1 -2/-2/-2 -3/-3/-3", "-1/-1/-1 -2/-2/-2 -3/-3/-3"...]
			
 
				+                    //Set the data for this face
			
 
				+                    setDataForCurrentFaceWithPattern5(result[1].trim().split(" "), // ["-1/-1/-1", "-2/-2/-2", "-3/-3/-3"]
			
 
				+                    1);
			
 
				+                }
			
 
				                 else if ((result = this.facePattern2.exec(line)) !== null) {
			
 
				                     //Value of result:
			
 
				                     //["f 1/1 2/2 3/3", "1/1 2/2 3/3"...]
			
--- 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
@@ -70,6 +70,7 @@ declare module BABYLON {
 
				         facePattern2: RegExp;
			
 
				         facePattern3: RegExp;
			
 
				         facePattern4: RegExp;
			
 
				+        facePattern5: RegExp;
			
 
				         /**
			
 
				          * Calls synchronously the MTL file attached to this obj.
			
 
				          * Load function or importMesh function don't enable to load 2 files in the same time asynchronously.
			
--- a/release/viewer/babylon.viewer.d.ts
+++ b/release/viewer/babylon.viewer.d.ts
@@ -1006,6 +1006,7 @@ declare module BabylonViewer {
 
				 declare module BabylonViewer {

			
 
				     

			
 
				     

			
 
				+    

			
 
				     export function getConfigurationKey(key: string, configObject: any): any;

			
 
				     export interface ViewerConfiguration {

			
 
				             version?: string;

			
@@ -1054,6 +1055,7 @@ declare module BabylonViewer {
 
				                     minecraft?: boolean;

			
 
				                     [propName: string]: boolean | undefined;

			
 
				             };

			
 
				+            environmentMap?: IEnvironmentMapConfiguration;

			
 
				             vr?: IVRConfiguration;

			
 
				             lab?: {

			
 
				                     flashlight?: boolean | {

			
@@ -1072,12 +1074,14 @@ declare module BabylonViewer {
 
				                             };

			
 
				                     };

			
 
				                     hideLoadingDelay?: number;

			
 
				+                    /** Deprecated */

			
 
				                     assetsRootURL?: string;

			
 
				                     environmentMainColor?: {

			
 
				                             r: number;

			
 
				                             g: number;

			
 
				                             b: number;

			
 
				                     };

			
 
				+                    /** Deprecated */

			
 
				                     environmentMap?: {

			
 
				                             /**

			
 
				                                 * Environment map texture path in relative to the asset folder.

			
@@ -1369,6 +1373,7 @@ declare module BabylonViewer {
 
				     

			
 
				     

			
 
				     

			
 
				+    

			
 
				     /**

			
 
				         * This interface describes the structure of the variable sent with the configuration observables of the scene manager.

			
 
				         * O - the type of object we are dealing with (Light, BABYLON.ArcRotateCamera, BABYLON.Scene, etc')

			
@@ -1514,6 +1519,7 @@ declare module BabylonViewer {
 
				                 * @param modelConfiguration the configuration to use to reconfigure the models

			
 
				                 */

			
 
				             protected _configureVR(vrConfig: IVRConfiguration): void;

			
 
				+            protected _configureEnvironmentMap(environmentMapConfiguration: IEnvironmentMapConfiguration): any;

			
 
				             /**

			
 
				                 * (Re) configure the camera. The camera will only be created once and from this point will only be reconfigured.

			
 
				                 * @param cameraConfig the new camera configuration

			
@@ -1652,6 +1658,32 @@ declare module BabylonViewer {
 
				     export * from 'babylonjs-viewer/configuration/interfaces/skyboxConfiguration';

			
 
				     export * from 'babylonjs-viewer/configuration/interfaces/templateConfiguration';

			
 
				     export * from 'babylonjs-viewer/configuration/interfaces/vrConfiguration';

			
 
				+    export * from 'babylonjs-viewer/configuration/interfaces/environmentMapConfiguration';

			
 
				+}

			
 
				+

			
 
				+declare module BabylonViewer {

			
 
				+    export interface IEnvironmentMapConfiguration {

			
 
				+            /**

			
 
				+                * Environment map texture path in relative to the asset folder.

			
 
				+                */

			
 
				+            texture: string;

			
 
				+            /**

			
 
				+                * Default rotation to apply to the environment map.

			
 
				+                */

			
 
				+            rotationY: number;

			
 
				+            /**

			
 
				+                * Tint level of the main color on the environment map.

			
 
				+                */

			
 
				+            tintLevel: number;

			
 
				+            /**

			
 
				+                * The environment's main color.

			
 
				+                */

			
 
				+            mainColor?: {

			
 
				+                    r?: number;

			
 
				+                    g?: number;

			
 
				+                    b?: number;

			
 
				+            };

			
 
				+    }

			
 
				 }

			
 
				 

			
 
				 declare module BabylonViewer {

			
@@ -2110,49 +2142,51 @@ declare module BabylonViewer {
 
				     

			
 
				     

			
 
				     export interface ISceneConfiguration {

			
 
				-        debug?: boolean;

			
 
				-        clearColor?: {

			
 
				-            r: number;

			
 
				-            g: number;

			
 
				-            b: number;

			
 
				-            a: number;

			
 
				-        };

			
 
				-        mainColor?: {

			
 
				-            r?: number;

			
 
				-            g?: number;

			
 
				-            b?: number;

			
 
				-        };

			
 
				-        imageProcessingConfiguration?: IImageProcessingConfiguration;

			
 
				-        environmentTexture?: string;

			
 
				-        colorGrading?: IColorGradingConfiguration;

			
 
				-        environmentRotationY?: number;

			
 
				-        /**

			
 
				-          * Deprecated, please use default rendering pipeline

			
 
				-          */

			
 
				-        glow?: boolean | BABYLON.IGlowLayerOptions;

			
 
				-        disableHdr?: boolean;

			
 
				-        renderInBackground?: boolean;

			
 
				-        disableCameraControl?: boolean;

			
 
				-        animationPropertiesOverride?: {

			
 
				-            [propName: string]: any;

			
 
				-        };

			
 
				-        defaultMaterial?: {

			
 
				-            materialType: "standard" | "pbr";

			
 
				-            [propName: string]: any;

			
 
				-        };

			
 
				-        flags?: {

			
 
				-            shadowsEnabled?: boolean;

			
 
				-            particlesEnabled?: boolean;

			
 
				-            collisionsEnabled?: boolean;

			
 
				-            lightsEnabled?: boolean;

			
 
				-            texturesEnabled?: boolean;

			
 
				-            lensFlaresEnabled?: boolean;

			
 
				-            proceduralTexturesEnabled?: boolean;

			
 
				-            renderTargetsEnabled?: boolean;

			
 
				-            spritesEnabled?: boolean;

			
 
				-            skeletonsEnabled?: boolean;

			
 
				-            audioEnabled?: boolean;

			
 
				-        };

			
 
				+            debug?: boolean;

			
 
				+            clearColor?: {

			
 
				+                    r: number;

			
 
				+                    g: number;

			
 
				+                    b: number;

			
 
				+                    a: number;

			
 
				+            };

			
 
				+            /** Deprecated, use environmentMap.mainColor instead. */

			
 
				+            mainColor?: {

			
 
				+                    r?: number;

			
 
				+                    g?: number;

			
 
				+                    b?: number;

			
 
				+            };

			
 
				+            imageProcessingConfiguration?: IImageProcessingConfiguration;

			
 
				+            environmentTexture?: string;

			
 
				+            colorGrading?: IColorGradingConfiguration;

			
 
				+            environmentRotationY?: number;

			
 
				+            /**

			
 
				+                * Deprecated, please use default rendering pipeline

			
 
				+                */

			
 
				+            glow?: boolean | BABYLON.IGlowLayerOptions;

			
 
				+            disableHdr?: boolean;

			
 
				+            renderInBackground?: boolean;

			
 
				+            disableCameraControl?: boolean;

			
 
				+            animationPropertiesOverride?: {

			
 
				+                    [propName: string]: any;

			
 
				+            };

			
 
				+            defaultMaterial?: {

			
 
				+                    materialType: "standard" | "pbr";

			
 
				+                    [propName: string]: any;

			
 
				+            };

			
 
				+            flags?: {

			
 
				+                    shadowsEnabled?: boolean;

			
 
				+                    particlesEnabled?: boolean;

			
 
				+                    collisionsEnabled?: boolean;

			
 
				+                    lightsEnabled?: boolean;

			
 
				+                    texturesEnabled?: boolean;

			
 
				+                    lensFlaresEnabled?: boolean;

			
 
				+                    proceduralTexturesEnabled?: boolean;

			
 
				+                    renderTargetsEnabled?: boolean;

			
 
				+                    spritesEnabled?: boolean;

			
 
				+                    skeletonsEnabled?: boolean;

			
 
				+                    audioEnabled?: boolean;

			
 
				+            };

			
 
				+            assetsRootURL?: string;

			
 
				     }

			
 
				 }

			
 
				 

			
--- a/release/viewer/babylon.viewer.js
+++ b/release/viewer/babylon.viewer.js
--- a/release/viewer/babylon.viewer.max.js
+++ b/release/viewer/babylon.viewer.max.js
--- a/release/viewer/babylon.viewer.module.d.ts
+++ b/release/viewer/babylon.viewer.module.d.ts
@@ -1006,6 +1006,7 @@ declare module 'babylonjs-viewer/configuration' {
 
				 declare module 'babylonjs-viewer/configuration/configuration' {

			
 
				     import { EngineOptions } from 'babylonjs';

			
 
				     import { ICameraConfiguration, IDefaultRenderingPipelineConfiguration, IGroundConfiguration, ILightConfiguration, IModelConfiguration, IObserversConfiguration, ISceneConfiguration, ISceneOptimizerConfiguration, ISkyboxConfiguration, ITemplateConfiguration, IVRConfiguration } from 'babylonjs-viewer/configuration/interfaces';

			
 
				+    import { IEnvironmentMapConfiguration } from 'babylonjs-viewer/configuration/interfaces/environmentMapConfiguration';

			
 
				     export function getConfigurationKey(key: string, configObject: any): any;

			
 
				     export interface ViewerConfiguration {

			
 
				             version?: string;

			
@@ -1054,6 +1055,7 @@ declare module 'babylonjs-viewer/configuration/configuration' {
 
				                     minecraft?: boolean;

			
 
				                     [propName: string]: boolean | undefined;

			
 
				             };

			
 
				+            environmentMap?: IEnvironmentMapConfiguration;

			
 
				             vr?: IVRConfiguration;

			
 
				             lab?: {

			
 
				                     flashlight?: boolean | {

			
@@ -1072,12 +1074,14 @@ declare module 'babylonjs-viewer/configuration/configuration' {
 
				                             };

			
 
				                     };

			
 
				                     hideLoadingDelay?: number;

			
 
				+                    /** Deprecated */

			
 
				                     assetsRootURL?: string;

			
 
				                     environmentMainColor?: {

			
 
				                             r: number;

			
 
				                             g: number;

			
 
				                             b: number;

			
 
				                     };

			
 
				+                    /** Deprecated */

			
 
				                     environmentMap?: {

			
 
				                             /**

			
 
				                                 * Environment map texture path in relative to the asset folder.

			
@@ -1369,6 +1373,7 @@ declare module 'babylonjs-viewer/managers/sceneManager' {
 
				     import { ViewerLabs } from 'babylonjs-viewer/labs/viewerLabs';

			
 
				     import { ObservablesManager } from 'babylonjs-viewer/managers/observablesManager';

			
 
				     import { ConfigurationContainer } from 'babylonjs-viewer/configuration/configurationContainer';

			
 
				+    import { IEnvironmentMapConfiguration } from 'babylonjs-viewer/configuration/interfaces/environmentMapConfiguration';

			
 
				     /**

			
 
				         * This interface describes the structure of the variable sent with the configuration observables of the scene manager.

			
 
				         * O - the type of object we are dealing with (Light, ArcRotateCamera, Scene, etc')

			
@@ -1514,6 +1519,7 @@ declare module 'babylonjs-viewer/managers/sceneManager' {
 
				                 * @param modelConfiguration the configuration to use to reconfigure the models

			
 
				                 */

			
 
				             protected _configureVR(vrConfig: IVRConfiguration): void;

			
 
				+            protected _configureEnvironmentMap(environmentMapConfiguration: IEnvironmentMapConfiguration): any;

			
 
				             /**

			
 
				                 * (Re) configure the camera. The camera will only be created once and from this point will only be reconfigured.

			
 
				                 * @param cameraConfig the new camera configuration

			
@@ -1652,6 +1658,32 @@ declare module 'babylonjs-viewer/configuration/interfaces' {
 
				     export * from 'babylonjs-viewer/configuration/interfaces/skyboxConfiguration';

			
 
				     export * from 'babylonjs-viewer/configuration/interfaces/templateConfiguration';

			
 
				     export * from 'babylonjs-viewer/configuration/interfaces/vrConfiguration';

			
 
				+    export * from 'babylonjs-viewer/configuration/interfaces/environmentMapConfiguration';

			
 
				+}

			
 
				+

			
 
				+declare module 'babylonjs-viewer/configuration/interfaces/environmentMapConfiguration' {

			
 
				+    export interface IEnvironmentMapConfiguration {

			
 
				+            /**

			
 
				+                * Environment map texture path in relative to the asset folder.

			
 
				+                */

			
 
				+            texture: string;

			
 
				+            /**

			
 
				+                * Default rotation to apply to the environment map.

			
 
				+                */

			
 
				+            rotationY: number;

			
 
				+            /**

			
 
				+                * Tint level of the main color on the environment map.

			
 
				+                */

			
 
				+            tintLevel: number;

			
 
				+            /**

			
 
				+                * The environment's main color.

			
 
				+                */

			
 
				+            mainColor?: {

			
 
				+                    r?: number;

			
 
				+                    g?: number;

			
 
				+                    b?: number;

			
 
				+            };

			
 
				+    }

			
 
				 }

			
 
				 

			
 
				 declare module 'babylonjs-viewer/templating/eventManager' {

			
@@ -2110,49 +2142,51 @@ declare module 'babylonjs-viewer/configuration/interfaces/sceneConfiguration' {
 
				     import { IColorGradingConfiguration } from "babylonjs-viewer/configuration/interfaces/colorGradingConfiguration";

			
 
				     import { IGlowLayerOptions } from "babylonjs";

			
 
				     export interface ISceneConfiguration {

			
 
				-        debug?: boolean;

			
 
				-        clearColor?: {

			
 
				-            r: number;

			
 
				-            g: number;

			
 
				-            b: number;

			
 
				-            a: number;

			
 
				-        };

			
 
				-        mainColor?: {

			
 
				-            r?: number;

			
 
				-            g?: number;

			
 
				-            b?: number;

			
 
				-        };

			
 
				-        imageProcessingConfiguration?: IImageProcessingConfiguration;

			
 
				-        environmentTexture?: string;

			
 
				-        colorGrading?: IColorGradingConfiguration;

			
 
				-        environmentRotationY?: number;

			
 
				-        /**

			
 
				-          * Deprecated, please use default rendering pipeline

			
 
				-          */

			
 
				-        glow?: boolean | IGlowLayerOptions;

			
 
				-        disableHdr?: boolean;

			
 
				-        renderInBackground?: boolean;

			
 
				-        disableCameraControl?: boolean;

			
 
				-        animationPropertiesOverride?: {

			
 
				-            [propName: string]: any;

			
 
				-        };

			
 
				-        defaultMaterial?: {

			
 
				-            materialType: "standard" | "pbr";

			
 
				-            [propName: string]: any;

			
 
				-        };

			
 
				-        flags?: {

			
 
				-            shadowsEnabled?: boolean;

			
 
				-            particlesEnabled?: boolean;

			
 
				-            collisionsEnabled?: boolean;

			
 
				-            lightsEnabled?: boolean;

			
 
				-            texturesEnabled?: boolean;

			
 
				-            lensFlaresEnabled?: boolean;

			
 
				-            proceduralTexturesEnabled?: boolean;

			
 
				-            renderTargetsEnabled?: boolean;

			
 
				-            spritesEnabled?: boolean;

			
 
				-            skeletonsEnabled?: boolean;

			
 
				-            audioEnabled?: boolean;

			
 
				-        };

			
 
				+            debug?: boolean;

			
 
				+            clearColor?: {

			
 
				+                    r: number;

			
 
				+                    g: number;

			
 
				+                    b: number;

			
 
				+                    a: number;

			
 
				+            };

			
 
				+            /** Deprecated, use environmentMap.mainColor instead. */

			
 
				+            mainColor?: {

			
 
				+                    r?: number;

			
 
				+                    g?: number;

			
 
				+                    b?: number;

			
 
				+            };

			
 
				+            imageProcessingConfiguration?: IImageProcessingConfiguration;

			
 
				+            environmentTexture?: string;

			
 
				+            colorGrading?: IColorGradingConfiguration;

			
 
				+            environmentRotationY?: number;

			
 
				+            /**

			
 
				+                * Deprecated, please use default rendering pipeline

			
 
				+                */

			
 
				+            glow?: boolean | IGlowLayerOptions;

			
 
				+            disableHdr?: boolean;

			
 
				+            renderInBackground?: boolean;

			
 
				+            disableCameraControl?: boolean;

			
 
				+            animationPropertiesOverride?: {

			
 
				+                    [propName: string]: any;

			
 
				+            };

			
 
				+            defaultMaterial?: {

			
 
				+                    materialType: "standard" | "pbr";

			
 
				+                    [propName: string]: any;

			
 
				+            };

			
 
				+            flags?: {

			
 
				+                    shadowsEnabled?: boolean;

			
 
				+                    particlesEnabled?: boolean;

			
 
				+                    collisionsEnabled?: boolean;

			
 
				+                    lightsEnabled?: boolean;

			
 
				+                    texturesEnabled?: boolean;

			
 
				+                    lensFlaresEnabled?: boolean;

			
 
				+                    proceduralTexturesEnabled?: boolean;

			
 
				+                    renderTargetsEnabled?: boolean;

			
 
				+                    spritesEnabled?: boolean;

			
 
				+                    skeletonsEnabled?: boolean;

			
 
				+                    audioEnabled?: boolean;

			
 
				+            };

			
 
				+            assetsRootURL?: string;

			
 
				     }

			
 
				 }

			
 
				 

			
--- a/release/what's
+++ b/release/what's
@@ -24,11 +24,13 @@
 
				   - Added support for size gradients. [Doc](https://doc.babylonjs.com/babylon101/particles#size)

			
 
				   - Added support for life time gradients. [Doc](https://doc.babylonjs.com/babylon101/particles#lifetime)

			
 
				   - Added support for angular speed gradients. [Doc](https://doc.babylonjs.com/babylon101/particles#rotation)

			
 
				+  - Added support for noise textures. [Doc](http://doc.babylonjs.com/babylon101/particles#noise-texture)

			
 
				 - Added SceneComponent to help decoupling Scene from its components ([sebavan](http://www.github.com/sebavan))

			
 
				 - Playground can now be used with TypeScript directly!. [Demo](https://www.babylonjs-playground.com/ts.html) ([Deltakosh](https://github.com/deltakosh), [NasimiAsl](https://github.com/NasimiAsl))

			
 
				 - New GUI control: [InputPassword](https://doc.babylonjs.com/how_to/gui#inputpassword) ([theom](https://github.com/theom))

			
 
				 - Added dead key support and before key add observable to InputText. [Doc](https://doc.babylonjs.com/how_to/gui#using-onbeforekeyaddobservable-for-extended-keyboard-layouts-and-input-masks)([theom](https://github.com/theom))

			
 
				 - GUI and Inspector are now ES-Modules ([RaananW](https://github.com/RaananW))

			
 
				+- Added support for noise procedural textures. [Doc](http://doc.babylonjs.com/how_to/how_to_use_procedural_textures#noise-procedural-texture) ([Deltakosh](https://github.com/deltakosh))

			
 
				 

			
 
				 ## Updates

			
 
				 

			
@@ -100,6 +102,8 @@
 
				 - The default viewer has a plugin system with which new buttons can be added externally ([RaananW](https://github.com/RaananW))

			
 
				 - The extended configuration is now the default when not providing the "extended" parameter ([RaananW](https://github.com/RaananW))

			
 
				 - viewer.updateConfiguration also accepts a URL to download configuration remotely ([RaananW](https://github.com/RaananW))

			
 
				+- Viewer supports 3D printing on windows 10 ([RaananW](https://github.com/RaananW))

			
 
				+- The viewer's environment map is using the new .env feature ([RaananW](https://github.com/RaananW))

			
 
				 

			
 
				 ### Documentation

			
 
				 

			
@@ -118,7 +122,7 @@
 
				 - Parse geometry when load binary mesh ([SinhNQ](https://github.com/quocsinh))

			
 
				 - Removing observers during observable notify should not skip over valid observers ([TrevorDev](https://github.com/TrevorDev))

			
 
				 - Initializing gamepadManager should register the gamepad update events ([TrevorDev](https://github.com/TrevorDev))

			
 
				-- Do not generate mipmaps for HDRCubeTexture if OES_texture_float_linear isn't supported ([PeapBoy](https://github.com/NicolasBuecher))

			
 
				+- Do not generate mipmaps for RawCubeTexture if OES_texture_float_linear and/or EXT_color_buffer_float extensions are not supported ([PeapBoy](https://github.com/NicolasBuecher))

			
 
				 

			
 
				 ### Core Engine

			
 
				 

			
--- a/loaders/src/OBJ/babylon.objFileLoader.ts
+++ b/loaders/src/OBJ/babylon.objFileLoader.ts
@@ -226,6 +226,8 @@ module BABYLON {
 
				         public facePattern3 = /f\s+((([\d]{1,}\/[\d]{1,}\/[\d]{1,}[\s]?){3,})+)/;
			
 
				         // f vertex//normal vertex//normal vertex//normal ...
			
 
				         public facePattern4 = /f\s+((([\d]{1,}\/\/[\d]{1,}[\s]?){3,})+)/;
			
 
				+        // f -vertex/-uvs/-normal -vertex/-uvs/-normal -vertex/-uvs/-normal ...
			
 
				+        public facePattern5 = /f\s+(((-[\d]{1,}\/-[\d]{1,}\/-[\d]{1,}[\s]?){3,})+)/;
			
 
				 
			
 
				 
			
 
				         /**
			
@@ -428,11 +430,12 @@ module BABYLON {
 
				              * Create triangles from polygons by recursion
			
 
				              * The best to understand how it works is to draw it in the same time you get the recursion.
			
 
				              * It is important to notice that a triangle is a polygon
			
 
				-             * We get 4 patterns of face defined in OBJ File :
			
 
				+             * We get 5 patterns of face defined in OBJ File :
			
 
				              * facePattern1 = ["1","2","3","4","5","6"]
			
 
				              * facePattern2 = ["1/1","2/2","3/3","4/4","5/5","6/6"]
			
 
				              * facePattern3 = ["1/1/1","2/2/2","3/3/3","4/4/4","5/5/5","6/6/6"]
			
 
				              * facePattern4 = ["1//1","2//2","3//3","4//4","5//5","6//6"]
			
 
				+             * facePattern5 = ["-1/-1/-1","-2/-2/-2","-3/-3/-3","-4/-4/-4","-5/-5/-5","-6/-6/-6"]
			
 
				              * Each pattern is divided by the same method
			
 
				              * @param face Array[String] The indices of elements
			
 
				              * @param v Integer The variable to increment
			
@@ -453,6 +456,7 @@ module BABYLON {
 
				                 //Pattern2 => triangle = ["1/1","2/2","3/3","1/1","3/3","4/4"];
			
 
				                 //Pattern3 => triangle = ["1/1/1","2/2/2","3/3/3","1/1/1","3/3/3","4/4/4"];
			
 
				                 //Pattern4 => triangle = ["1//1","2//2","3//3","1//1","3//3","4//4"];
			
 
				+                //Pattern5 => triangle = ["-1/-1/-1","-2/-2/-2","-3/-3/-3","-1/-1/-1","-3/-3/-3","-4/-4/-4"];
			
 
				             };
			
 
				 
			
 
				             /**
			
@@ -576,6 +580,37 @@ module BABYLON {
 
				                 triangles = [];
			
 
				             };
			
 
				 
			
 
				+            /**
			
 
				+             * Create triangles and push the data for each polygon for the pattern 3
			
 
				+             * In this pattern we get vertice positions, uvs and normals
			
 
				+             * @param face
			
 
				+             * @param v
			
 
				+             */
			
 
				+            var setDataForCurrentFaceWithPattern5 = (face: Array<string>, v: number) => {
			
 
				+                //Get the indices of triangles for each polygon
			
 
				+                getTriangles(face, v);
			
 
				+
			
 
				+                for (var k = 0; k < triangles.length; k++) {
			
 
				+                    //triangle[k] = "-1/-1/-1"
			
 
				+                    //Split the data for getting position, uv, and normals
			
 
				+                    var point = triangles[k].split("/"); // ["-1", "-1", "-1"]
			
 
				+                    // Set position indice
			
 
				+                    var indicePositionFromObj =  positions.length + parseInt(point[0]);
			
 
				+                    // Set uv indice
			
 
				+                    var indiceUvsFromObj =  uvs.length + parseInt(point[1]);
			
 
				+                    // Set normal indice
			
 
				+                    var indiceNormalFromObj = normals.length + parseInt(point[2]);
			
 
				+
			
 
				+                    setData(
			
 
				+                        indicePositionFromObj, indiceUvsFromObj, indiceNormalFromObj,
			
 
				+                        positions[indicePositionFromObj], uvs[indiceUvsFromObj], normals[indiceNormalFromObj] //Set the vector for each component
			
 
				+                    );
			
 
				+
			
 
				+                }
			
 
				+                //Reset variable for the next line
			
 
				+                triangles = [];
			
 
				+            };
			
 
				+
			
 
				             var addPreviousObjMesh = () => {
			
 
				 
			
 
				                 //Check if it is not the first mesh. Otherwise we don't have data.
			
@@ -673,6 +708,17 @@ module BABYLON {
 
				                         1
			
 
				                     );
			
 
				 
			
 
				+                } else if ((result = this.facePattern5.exec(line)) !== null) {
			
 
				+                    //Value of result:
			
 
				+                    //["f -1/-1/-1 -2/-2/-2 -3/-3/-3", "-1/-1/-1 -2/-2/-2 -3/-3/-3"...]
			
 
				+
			
 
				+                    //Set the data for this face
			
 
				+                    setDataForCurrentFaceWithPattern5(
			
 
				+                        result[1].trim().split(" "), // ["-1/-1/-1", "-2/-2/-2", "-3/-3/-3"]
			
 
				+                        1
			
 
				+                    );
			
 
				+
			
 
				+
			
 
				                 } else if ((result = this.facePattern2.exec(line)) !== null) {
			
 
				                     //Value of result:
			
 
				                     //["f 1/1 2/2 3/3", "1/1 2/2 3/3"...]
			
--- a/src/Engine/babylon.engine.ts
+++ b/src/Engine/babylon.engine.ts
@@ -5413,6 +5413,10 @@
 
				                     let mipmapIndex = Math.round(Math.min(Math.max(lodIndex, 0), maxLODIndex));

			
 
				 

			
 
				                     var glTextureFromLod = new InternalTexture(this, InternalTexture.DATASOURCE_TEMP);

			
 
				+                    glTextureFromLod.type = texture.type;

			
 
				+                    glTextureFromLod.format = texture.format;

			
 
				+                    glTextureFromLod.width = Math.pow(2, Math.max( Scalar.Log2(width) - mipmapIndex, 0));

			
 
				+                    glTextureFromLod.height = glTextureFromLod.width;

			
 
				                     glTextureFromLod.isCube = true;

			
 
				                     this._bindTextureDirectly(gl.TEXTURE_CUBE_MAP, glTextureFromLod, true);

			
 
				 

			
@@ -5426,7 +5430,7 @@
 
				                         var data: any = loadData.data;

			
 
				                         this._unpackFlipY(info.isCompressed);

			
 
				 

			
 
				-                        DDSTools.UploadDDSLevels(this, texture, data, info, true, 6, mipmapIndex);

			
 
				+                        DDSTools.UploadDDSLevels(this, glTextureFromLod, data, info, true, 6, mipmapIndex);

			
 
				                     }

			
 
				                     else {

			
 
				                         Tools.Warn("DDS is the only prefiltered cube map supported so far.")

			
@@ -5679,7 +5683,6 @@
 
				             var gl = this._gl;

			
 
				             var texture = new InternalTexture(this, InternalTexture.DATASOURCE_CUBERAW);

			
 
				             texture.isCube = true;

			
 
				-            texture.generateMipMaps = generateMipMaps;

			
 
				             texture.format = format;

			
 
				             texture.type = type;

			
 
				             if (!this._doNotHandleContextLost) {

			
@@ -5693,6 +5696,26 @@
 
				                 internalFormat = gl.RGBA;

			
 
				             }

			
 
				 

			
 
				+            // Mipmap generation needs a sized internal format that is both color-renderable and texture-filterable

			
 
				+            if (textureType === gl.FLOAT && !this._caps.textureFloatLinearFiltering) {

			
 
				+                generateMipMaps = false;

			
 
				+                samplingMode = Engine.TEXTURE_NEAREST_SAMPLINGMODE;

			
 
				+                BABYLON.Tools.Warn("Float texture filtering is not supported. Mipmap generation and sampling mode are forced to false and TEXTURE_NEAREST_SAMPLINGMODE, respectively.");

			
 
				+            }

			
 
				+            else if (textureType === this._gl.HALF_FLOAT_OES && !this._caps.textureHalfFloatLinearFiltering) {

			
 
				+                generateMipMaps = false;

			
 
				+                samplingMode = Engine.TEXTURE_NEAREST_SAMPLINGMODE;

			
 
				+                BABYLON.Tools.Warn("Half float texture filtering is not supported. Mipmap generation and sampling mode are forced to false and TEXTURE_NEAREST_SAMPLINGMODE, respectively.");

			
 
				+            }

			
 
				+            else if (textureType === gl.FLOAT && !this._caps.textureFloatRender) {

			
 
				+                generateMipMaps = false;

			
 
				+                BABYLON.Tools.Warn("Render to float textures is not supported. Mipmap generation forced to false.");

			
 
				+            }

			
 
				+            else if (textureType === gl.HALF_FLOAT && !this._caps.colorBufferFloat) {

			
 
				+                generateMipMaps = false;

			
 
				+                BABYLON.Tools.Warn("Render to half float textures is not supported. Mipmap generation forced to false.");

			
 
				+            }

			
 
				+

			
 
				             var width = size;

			
 
				             var height = width;

			
 
				 

			
@@ -5717,24 +5740,16 @@
 
				                 this._gl.generateMipmap(this._gl.TEXTURE_CUBE_MAP);

			
 
				             }

			
 
				 

			
 
				-            if (textureType === gl.FLOAT && !this._caps.textureFloatLinearFiltering) {

			
 
				-                gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, gl.NEAREST);

			
 
				-                gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, gl.NEAREST);

			
 
				-            }

			
 
				-            else if (textureType === this._gl.HALF_FLOAT_OES && !this._caps.textureHalfFloatLinearFiltering) {

			
 
				-                gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, gl.NEAREST);

			
 
				-                gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, gl.NEAREST);

			
 
				-            }

			
 
				-            else {

			
 
				-                var filters = this._getSamplingParameters(samplingMode, generateMipMaps);

			
 
				-                gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, filters.mag);

			
 
				-                gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, filters.min);

			
 
				-            }

			
 
				+            var filters = this._getSamplingParameters(samplingMode, generateMipMaps);

			
 
				+            gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MAG_FILTER, filters.mag);

			
 
				+            gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_MIN_FILTER, filters.min);

			
 
				 

			
 
				             gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);

			
 
				             gl.texParameteri(gl.TEXTURE_CUBE_MAP, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);

			
 
				             this._bindTextureDirectly(gl.TEXTURE_CUBE_MAP, null);

			
 
				 

			
 
				+            texture.generateMipMaps = generateMipMaps;

			
 
				+

			
 
				             return texture;

			
 
				         }

			
 
				 

			
@@ -5813,10 +5828,6 @@
 
				                     this._bindTextureDirectly(gl.TEXTURE_CUBE_MAP, null);

			
 
				                 }

			
 
				                 else {

			
 
				-                    texture.generateMipMaps = !noMipmap;

			
 
				-                    if (type === Engine.TEXTURETYPE_FLOAT && !this._caps.textureFloatLinearFiltering) {

			
 
				-                        texture.generateMipMaps = false;

			
 
				-                    }

			
 
				                     this.updateRawCubeTexture(texture, faceDataArrays, format, type, invertY);

			
 
				                 }

			
 
				 

			
--- a/src/Engine/babylon.webgl2.ts
+++ b/src/Engine/babylon.webgl2.ts
@@ -12,6 +12,7 @@ interface WebGLRenderingContext {
 
				     readonly TEXTURE_COMPARE_MODE: number;

			
 
				     readonly COMPARE_REF_TO_TEXTURE: number;

			
 
				     readonly TEXTURE_WRAP_R: number;

			
 
				+    readonly HALF_FLOAT: number;

			
 
				 

			
 
				     texImage3D(target: number, level: number, internalformat: number, width: number, height: number, depth: number, border: number, format: number, type: number, pixels: ArrayBufferView | null): void;

			
 
				     texImage3D(target: number, level: number, internalformat: number, width: number, height: number, depth: number, border: number, format: number, type: number, pixels: ArrayBufferView, offset: number): void;

			
--- a/src/Materials/Textures/Loaders/babylon.ddsTextureLoader.ts
+++ b/src/Materials/Textures/Loaders/babylon.ddsTextureLoader.ts
@@ -97,7 +97,7 @@ module BABYLON {
 
				             texture.isReady = true;

			
 
				 

			
 
				             if (onLoad) {

			
 
				-                onLoad({ isDDS: true, width: texture.width, info, imgs, texture });

			
 
				+                onLoad({ isDDS: true, width: texture.width, info, data: imgs, texture });

			
 
				             }

			
 
				         }