All External Libraries

.vscode/launch.json

@@ -18,6 +18,24 @@
             "webRoot": "${workspaceRoot}/",
             "sourceMaps": true,
             "userDataDir": "${workspaceRoot}/.tempChromeProfileForDebug"
+        },
+        {
+            "name": "Launch Post Processes Library (Chrome)",
+            "type": "chrome",
+            "request": "launch",
+            "url": "http://localhost:1338/postProcessesLibrary/index.html",
+            "webRoot": "${workspaceRoot}/",
+            "sourceMaps": true,
+            "userDataDir": "${workspaceRoot}/.tempChromeProfileForDebug"
+        },
+        {
+            "name": "Launch Procedural Textures Library (Chrome)",
+            "type": "chrome",
+            "request": "launch",
+            "url": "http://localhost:1338/proceduralTexturesLibrary/index.html",
+            "webRoot": "${workspaceRoot}/",
+            "sourceMaps": true,
+            "userDataDir": "${workspaceRoot}/.tempChromeProfileForDebug"
         }
     ]
 }

Tools/Gulp/config.json

@@ -228,102 +228,187 @@
     ]
   },
 
-  "materials": [
+  "materialsLibrary": {
+    "libraries": [
+      {
+        "file": "../../materialsLibrary/src/gradient/babylon.gradientMaterial.ts",
+        "shaderFiles": [
+          "../../materialsLibrary/src/gradient/gradient.vertex.fx",
+          "../../materialsLibrary/src/gradient/gradient.fragment.fx"
+        ],
+        "output": "babylon.gradientMaterial.js"
+      },
+      {
+        "file": "../../materialsLibrary/src/normal/babylon.normalMaterial.ts",
+        "shaderFiles": [
+          "../../materialsLibrary/src/normal/normal.vertex.fx",
+          "../../materialsLibrary/src/normal/normal.fragment.fx"
+        ],
+        "output": "babylon.normalMaterial.js"
+      },
+      {
+        "file": "../../materialsLibrary/src/lava/babylon.lavaMaterial.ts",
+        "shaderFiles": [
+          "../../materialsLibrary/src/lava/lava.vertex.fx",
+          "../../materialsLibrary/src/lava/lava.fragment.fx"
+        ],
+        "output": "babylon.lavaMaterial.js"
+      },
+      {
+        "file": "../../materialsLibrary/src/simple/babylon.simpleMaterial.ts",
+        "shaderFiles": [
+          "../../materialsLibrary/src/simple/simple.vertex.fx",
+          "../../materialsLibrary/src/simple/simple.fragment.fx"
+        ],
+        "output": "babylon.simpleMaterial.js"
+      },
+      {
+        "file": "../../materialsLibrary/src/water/babylon.waterMaterial.ts",
+        "shaderFiles": [
+          "../../materialsLibrary/src/water/water.vertex.fx",
+          "../../materialsLibrary/src/water/water.fragment.fx"
+        ],
+        "output": "babylon.waterMaterial.js"
+      },
+      {
+        "file": "../../materialsLibrary/src/fire/babylon.fireMaterial.ts",
+        "shaderFiles": [
+          "../../materialsLibrary/src/fire/fire.vertex.fx",
+          "../../materialsLibrary/src/fire/fire.fragment.fx"
+        ],
+        "output": "babylon.fireMaterial.js"
+      },
+      {
+        "file": "../../materialsLibrary/src/fur/babylon.furMaterial.ts",
+        "shaderFiles": [
+          "../../materialsLibrary/src/fur/fur.vertex.fx",
+          "../../materialsLibrary/src/fur/fur.fragment.fx"
+        ],
+        "output": "babylon.furMaterial.js"
+      },
+      {
+        "file": "../../materialsLibrary/src/terrain/babylon.terrainMaterial.ts",
+        "shaderFiles": [
+          "../../materialsLibrary/src/terrain/terrain.vertex.fx",
+          "../../materialsLibrary/src/terrain/terrain.fragment.fx"
+        ],
+        "output": "babylon.terrainMaterial.js"
+      },
+      {
+        "file": "../../materialsLibrary/src/triPlanar/babylon.triPlanarMaterial.ts",
+        "shaderFiles": [
+          "../../materialsLibrary/src/triPlanar/triplanar.vertex.fx",
+          "../../materialsLibrary/src/triPlanar/triplanar.fragment.fx"
+        ],
+        "output": "babylon.triPlanarMaterial.js"
+      },
+      {
+        "file": "../../materialsLibrary/src/sky/babylon.skyMaterial.ts",
+        "shaderFiles": [
+          "../../materialsLibrary/src/sky/sky.vertex.fx",
+          "../../materialsLibrary/src/sky/sky.fragment.fx"
+        ],
+        "output": "babylon.skyMaterial.js"
+      },
+      {
+        "file": "../../materialsLibrary/src/grid/babylon.gridMaterial.ts",
+        "shaderFiles": [
+          "../../materialsLibrary/src/grid/grid.vertex.fx",
+          "../../materialsLibrary/src/grid/grid.fragment.fx",
+          "../../materialsLibrary/src/grid/legacygrid.vertex.fx",
+          "../../materialsLibrary/src/grid/legacygrid.fragment.fx"
+        ],
+        "output": "babylon.gridMaterial.js"
+      }
+    ],
+    "build": {
+      "distOutputDirectory": "../../dist/materialsLibrary/"
+    }
+  },
 
-     {
-      "file": "../../materialsLibrary/src/gradient/babylon.gradientMaterial.ts",
-      "shaderFiles": [
-        "../../materialsLibrary/src/gradient/gradient.vertex.fx",
-        "../../materialsLibrary/src/gradient/gradient.fragment.fx"
-      ],
-      "output": "babylon.gradientMaterial.js"
-    },
-    {
-      "file": "../../materialsLibrary/src/normal/babylon.normalMaterial.ts",
-      "shaderFiles": [
-        "../../materialsLibrary/src/normal/normal.vertex.fx",
-        "../../materialsLibrary/src/normal/normal.fragment.fx"
-      ],
-      "output": "babylon.normalMaterial.js"
-    },
-    {
-      "file": "../../materialsLibrary/src/lava/babylon.lavaMaterial.ts",
-      "shaderFiles": [
-        "../../materialsLibrary/src/lava/lava.vertex.fx",
-        "../../materialsLibrary/src/lava/lava.fragment.fx"
-      ],
-      "output": "babylon.lavaMaterial.js"
-    },
-    {
-      "file": "../../materialsLibrary/src/simple/babylon.simpleMaterial.ts",
-      "shaderFiles": [
-        "../../materialsLibrary/src/simple/simple.vertex.fx",
-        "../../materialsLibrary/src/simple/simple.fragment.fx"
-      ],
-      "output": "babylon.simpleMaterial.js"
-    },
-    {
-      "file": "../../materialsLibrary/src/water/babylon.waterMaterial.ts",
-      "shaderFiles": [
-        "../../materialsLibrary/src/water/water.vertex.fx",
-        "../../materialsLibrary/src/water/water.fragment.fx"
-      ],
-      "output": "babylon.waterMaterial.js"
-    },
-    {
-      "file": "../../materialsLibrary/src/fire/babylon.fireMaterial.ts",
-      "shaderFiles": [
-        "../../materialsLibrary/src/fire/fire.vertex.fx",
-        "../../materialsLibrary/src/fire/fire.fragment.fx"
-      ],
-      "output": "babylon.fireMaterial.js"
-    },
-    {
-      "file": "../../materialsLibrary/src/fur/babylon.furMaterial.ts",
-      "shaderFiles": [
-        "../../materialsLibrary/src/fur/fur.vertex.fx",
-        "../../materialsLibrary/src/fur/fur.fragment.fx"
-      ],
-      "output": "babylon.furMaterial.js"
-    },
-    {
-      "file": "../../materialsLibrary/src/terrain/babylon.terrainMaterial.ts",
-      "shaderFiles": [
-        "../../materialsLibrary/src/terrain/terrain.vertex.fx",
-        "../../materialsLibrary/src/terrain/terrain.fragment.fx"
-      ],
-      "output": "babylon.terrainMaterial.js"
-    },
-    {
-      "file": "../../materialsLibrary/src/triPlanar/babylon.triPlanarMaterial.ts",
-      "shaderFiles": [
-        "../../materialsLibrary/src/triPlanar/triplanar.vertex.fx",
-        "../../materialsLibrary/src/triPlanar/triplanar.fragment.fx"
-      ],
-      "output": "babylon.triPlanarMaterial.js"
-    },
-    {
-      "file": "../../materialsLibrary/src/sky/babylon.skyMaterial.ts",
-      "shaderFiles": [
-        "../../materialsLibrary/src/sky/sky.vertex.fx",
-        "../../materialsLibrary/src/sky/sky.fragment.fx"
-      ],
-      "output": "babylon.skyMaterial.js"
-    },
-    {
-      "file": "../../materialsLibrary/src/grid/babylon.gridMaterial.ts",
-      "shaderFiles": [
-        "../../materialsLibrary/src/grid/grid.vertex.fx",
-        "../../materialsLibrary/src/grid/grid.fragment.fx",
-        "../../materialsLibrary/src/grid/legacygrid.vertex.fx",
-        "../../materialsLibrary/src/grid/legacygrid.fragment.fx"
-      ],
-      "output": "babylon.gridMaterial.js",
-      "declarationFilename": "babylon.gridMaterial.d.ts"
+  "postProcessesLibrary": {
+      "libraries": [    
+      {
+        "file": "../../postProcessLibrary/src/asciiArt/babylon.asciiArtPostProcess.ts",
+        "shaderFiles": [
+          "../../postProcessLibrary/src/asciiArt/asciiart.fragment.fx"
+        ],
+        "output": "babylon.asciiArtPostProcess.js"
+      },
+      {
+        "file": "../../postProcessLibrary/src/digitalRain/babylon.digitalRainPostProcess.ts",
+        "shaderFiles": [
+          "../../postProcessLibrary/src/digitalRain/digitalrain.fragment.fx"
+        ],
+        "output": "babylon.digitalRainPostProcess.js"
+      }
+    ],
+    "build": {
+      "distOutputDirectory": "../../dist/postProcessesLibrary/"
+    }
+  },
+
+  "proceduralTexturesLibrary": {
+    "libraries": [
+      {
+        "file": "../../proceduralTexturesLibrary/src/wood/babylon.woodProceduralTexture.ts",
+        "shaderFiles": [
+          "../../proceduralTexturesLibrary/src/wood/woodProceduralTexture.fragment.fx"
+        ],
+        "output": "babylon.woodProceduralTexture.js"
+      },
+      {
+        "file": "../../proceduralTexturesLibrary/src/fire/babylon.fireProceduralTexture.ts",
+        "shaderFiles": [
+          "../../proceduralTexturesLibrary/src/fire/fireProceduralTexture.fragment.fx"
+        ],
+        "output": "babylon.fireProceduralTexture.js"
+      },
+      {
+        "file": "../../proceduralTexturesLibrary/src/cloud/babylon.cloudProceduralTexture.ts",
+        "shaderFiles": [
+          "../../proceduralTexturesLibrary/src/cloud/cloudProceduralTexture.fragment.fx"
+        ],
+        "output": "babylon.cloudProceduralTexture.js"
+      },
+      {
+        "file": "../../proceduralTexturesLibrary/src/grass/babylon.grassProceduralTexture.ts",
+        "shaderFiles": [
+          "../../proceduralTexturesLibrary/src/grass/grassProceduralTexture.fragment.fx"
+        ],
+        "output": "babylon.grassProceduralTexture.js"
+      },
+      {
+        "file": "../../proceduralTexturesLibrary/src/road/babylon.roadProceduralTexture.ts",
+        "shaderFiles": [
+          "../../proceduralTexturesLibrary/src/road/roadProceduralTexture.fragment.fx"
+        ],
+        "output": "babylon.roadProceduralTexture.js"
+      },
+      {
+        "file": "../../proceduralTexturesLibrary/src/brick/babylon.brickProceduralTexture.ts",
+        "shaderFiles": [
+          "../../proceduralTexturesLibrary/src/brick/brickProceduralTexture.fragment.fx"
+        ],
+        "output": "babylon.brickProceduralTexture.js"
+      },
+      {
+        "file": "../../proceduralTexturesLibrary/src/marble/babylon.marbleProceduralTexture.ts",
+        "shaderFiles": [
+          "../../proceduralTexturesLibrary/src/marble/marbleProceduralTexture.fragment.fx"
+        ],
+        "output": "babylon.marbleProceduralTexture.js"
+      },
+      {
+        "file": "../../proceduralTexturesLibrary/src/starfield/babylon.starfieldProceduralTexture.ts",
+        "shaderFiles": [
+          "../../proceduralTexturesLibrary/src/starfield/starfieldProceduralTexture.fragment.fx"
+        ],
+        "output": "babylon.starfieldProceduralTexture.js"
+      }
+    ],
+    "build": {
+      "distOutputDirectory": "../../dist/proceduralTexturesLibrary/"
     }
-  ],
-  "materialsBuild": {
-    "distOutputDirectory": "../../dist/materialsLibrary/",
-    "dtsOutputDirectory": "../../dist/materialsLibrary/dts/"
   }
 }

Tools/Gulp/gulpfile.js

@@ -29,6 +29,9 @@ var workersStream;
 var extendsSearchRegex = /var\s__extends[\s\S]+?\};/g;
 var decorateSearchRegex = /var\s__decorate[\s\S]+?\};/g;
 
+/**
+ * TS configurations shared in the gulp file.
+ */
 var tsConfig = {
     noExternalResolve: true,
     target: 'ES5',
@@ -37,6 +40,7 @@ var tsConfig = {
     experimentalDecorators: true,
     isolatedModules: false
 };
+var tsProject = typescript.createProject(tsConfig);
 
 var externalTsConfig = {
     noExternalResolve: false,
@@ -47,9 +51,9 @@ var externalTsConfig = {
     isolatedModules: false
 };
 
-var tsProject = typescript.createProject(tsConfig);
-
-//function to convert the shaders' filenames to variable names.
+/*
+ * Shader Management.
+ */
 function shadersName(filename) {
     return filename.replace('.fragment', 'Pixel')
         .replace('.vertex', 'Vertex')
@@ -60,6 +64,9 @@ function includeShadersName(filename) {
     return filename.replace('.fx', '');
 }
 
+/*
+ * Main necessary files stream Management.
+ */
 gulp.task("includeShaders", function (cb) {
     includeShadersStream = config.includeShadersDirectories.map(function (shadersDef) {
         return gulp.src(shadersDef.files).
@@ -97,7 +104,7 @@ gulp.task("workers", function (cb) {
 });
 
 /*
-Compiles all typescript files and creating a declaration file.
+* Compiles all typescript files and creating a js and a declaration file.
 */
 gulp.task('typescript-compile', function () {
     var tsResult = gulp.src(config.core.typescript)
@@ -135,39 +142,63 @@ gulp.task('typescript-compile', function () {
     ])
 });
 
+/**
+ * External library Build (mat, post processes, ...).
+ */
 gulp.task('materialsLibrary', function () {
-    var tasks = config.materials.map(function (material) {
-
-        var compilOutput = gulp.src(material.file, { base: '../../' })
-            .pipe(sourcemaps.init())
-            .pipe(typescript(externalTsConfig));
+    return buildExternalLibraries(config.materialsLibrary);
+});
 
-        var js = compilOutput.js;        
-        var shader = gulp.src(material.shaderFiles)
-                .pipe(uncommentShader())
-                .pipe(appendSrcToVariable("BABYLON.Effect.ShadersStore", true, shadersName));
-        
-        var generatedJs = merge2(js, shader, includeShader)
-            .pipe(cleants())
-            .pipe(replace(extendsSearchRegex, ""))
-            .pipe(concat(material.output))
-            
-        var maps = generatedJs.pipe(sourcemaps.write('.temp', {
-                    includeContent:false,
-                    sourceRoot: '../../'
-                }))
-            .pipe(gulp.dest(config.materialsBuild.distOutputDirectory));
+gulp.task('postProcessesLibrary', function () {
+    return buildExternalLibraries(config.postProcessesLibrary);
+});
 
-        var minified = generatedJs.pipe(rename({extname: ".min.js"}))
-            .pipe(uglify())
-            .pipe(gulp.dest(config.materialsBuild.distOutputDirectory));
+gulp.task('proceduralTexturesLibrary', function () {
+    return buildExternalLibraries(config.proceduralTexturesLibrary);
+});
 
-        return merge2(maps, minified);
+/**
+ * Helper methods to build external library (mat, post processes, ...).
+ */
+var buildExternalLibraries = function(settings) {
+    var tasks = settings.libraries.map(function (library) {
+        return buildExternalLibrary(library, settings); 
     });
 
     return merge2(tasks);
-});
+}
 
+var buildExternalLibrary= function(library, settings) {
+    var compilOutput = gulp.src(library.file, { base: '../../' })
+        .pipe(sourcemaps.init())
+        .pipe(typescript(externalTsConfig));
+
+    var js = compilOutput.js;        
+    var shader = gulp.src(library.shaderFiles)
+            .pipe(uncommentShader())
+            .pipe(appendSrcToVariable("BABYLON.Effect.ShadersStore", true, shadersName));
+    
+    var generatedJs = merge2(js, shader)
+        .pipe(cleants())
+        .pipe(replace(extendsSearchRegex, ""))
+        .pipe(concat(library.output))
+        
+    var maps = generatedJs.pipe(sourcemaps.write('.temp', {
+                includeContent:false,
+                sourceRoot: '../../'
+            }))
+        .pipe(gulp.dest(settings.build.distOutputDirectory));
+
+    var minified = generatedJs.pipe(rename({extname: ".min.js"}))
+        .pipe(uglify())
+        .pipe(gulp.dest(settings.build.distOutputDirectory));
+
+    return merge2(maps, minified);
+}
+
+/**
+ * Build tasks to concat minify uflify optimise the BJS js in different flavor (workers...).
+ */
 gulp.task("buildCore", ["shaders"], function () {
     return merge2(
         gulp.src(config.core.files).        
@@ -226,31 +257,54 @@ gulp.task("build", ["workers", "shaders"], function () {
         .pipe(gulp.dest(config.build.outputDirectory));
 });
 
-gulp.task("typescript", function (cb) {
-    runSequence("typescript-compile", "default", cb);
-});
-
 /**
- * The default task, call the tasks: build
+ * The default task, concat and min the main BJS files.
  */
 gulp.task('default', function (cb) {
     runSequence("buildNoWorker", "build", "buildCore", cb);
 });
 
 /**
- * Watch typescript task, will call the default typescript task if a typescript file is updated.
+ * Build the releasable files.
+ */
+gulp.task("typescript", function (cb) {
+    runSequence("typescript-compile", "default", cb);
+});
+
+gulp.task("typescript-libraries", ["materialsLibrary", "postProcessesLibrary", "proceduralTexturesLibrary"], function () {
+});
+
+gulp.task("typescript-all", function (cb) {
+    runSequence("typescript", "typescript-libraries", cb);
+});
+
+/**
+ * Watch ts files and fire repective tasks.
  */
 gulp.task('watch', ['typescript-compile'], function () {
     var tasks = [gulp.watch(config.core.typescript, ['typescript-compile'])];
 
-    config.materials.map(function (material) {
-        tasks.push(gulp.watch(material.file, ['materialsLibrary']));
-        tasks.push(gulp.watch(material.shaderFiles, ['materialsLibrary']));
+    config.materialsLibrary.libraries.map(function (material) {
+        tasks.push(gulp.watch(material.file, () => buildExternalLibrary(material, config.materialsLibrary)));
+        tasks.push(gulp.watch(material.shaderFiles, () => buildExternalLibrary(material, config.materialsLibrary)));
+    });
+
+    config.postProcessesLibrary.libraries.map(function (postProcess) {
+        tasks.push(gulp.watch(postProcess.file, buildExternalLibrary(postProcess, config.postProcessesLibrary)));
+        tasks.push(gulp.watch(postProcess.shaderFiles, buildExternalLibrary(postProcess, config.postProcessesLibrary)));
+    });
+
+    config.proceduralTexturesLibrary.libraries.map(function (proceduralTexture) {
+        tasks.push(gulp.watch(proceduralTexture.file, buildExternalLibrary(proceduralTexture, config.proceduralTexturesLibrary)));
+        tasks.push(gulp.watch(proceduralTexture.shaderFiles, buildExternalLibrary(proceduralTexture, config.proceduralTexturesLibrary)));
     });
 
     return tasks;
 });
 
+/**
+ * Embedded webserver for test convenience.
+ */
 gulp.task('webserver', function () {
     gulp.src('../../.').pipe(webserver({
       port: 1338,
@@ -258,5 +312,8 @@ gulp.task('webserver', function () {
     }));
 });
 
+/**
+ * Combine Webserver and Watch as long as vscode does not handle multi tasks.
+ */
 gulp.task('run', ['watch', 'webserver'], function () {
 });

postProcessLibrary/config.json

@@ -1,21 +0,0 @@
-{
-  "postProcesses": [    
-    {
-      "file": "postProcesses/asciiArt/babylon.asciiArtPostProcess.ts",
-      "shaderFiles": [
-        "postProcesses/asciiArt/asciiart.fragment.fx"
-      ],
-      "output": "babylon.asciiArtPostProcess.js"
-    },
-    {
-      "file": "postProcesses/digitalRain/babylon.digitalRainPostProcess.ts",
-      "shaderFiles": [
-        "postProcesses/digitalRain/digitalrain.fragment.fx"
-      ],
-      "output": "babylon.digitalRainPostProcess.js"
-    }
-  ],
-  "build": {
-    "distOutputDirectory": "dist/"
-  }
-}

postProcessLibrary/gulp-srcToVariable.js

@@ -1,68 +0,0 @@
-var through = require('through2');
-var gutil = require('gulp-util');
-var PluginError = gutil.PluginError;
-var path = require('path');
-var File = gutil.File;
-
-// Consts
-const PLUGIN_NAME = 'gulp-srcToVariable';
-
-var srcToVariable = function srcToVariable(varName, asMap, namingCallback) {
-
-    var content;
-    var firstFile;
-
-    namingCallback = namingCallback || function (filename) { return filename; };
-
-    function bufferContents(file, enc, cb) {
-        // ignore empty files
-        if (file.isNull()) {
-            cb();
-            return;
-        }
-
-        // no stream support, only files.
-        if (file.isStream()) {
-            this.emit('error', new PluginError('gulp-concat', 'Streaming not supported'));
-            cb();
-            return;
-        }
-
-        // set first file if not already set
-        if (!firstFile) {
-            firstFile = file;
-        }
-
-        // construct concat instance
-        if (!content) {
-            content = "";
-        }
-        var name = namingCallback(file.relative);
-        content += varName + "['" + name + "'] = " + JSON.stringify(file.contents.toString()) + ";\r\n";
-        cb();
-    }
-
-    function endStream(cb) {
-        if (!firstFile || !content) {
-            cb();
-            return;
-        }
-
-        var joinedPath = path.join(firstFile.base, varName);
-
-        var joinedFile = new File({
-            cwd: firstFile.cwd,
-            base: firstFile.base,
-            path: joinedPath,
-            contents: new Buffer(content)
-        });
-
-        this.push(joinedFile);
-
-        cb();
-    }
-
-    return through.obj(bufferContents, endStream);
-}
-
-module.exports = srcToVariable;

postProcessLibrary/gulpfile.js

@@ -1,53 +0,0 @@
-var gulp = require("gulp");
-var typescript = require("gulp-typescript");
-var srcToVariable = require("./gulp-srcToVariable");
-var merge2 = require("merge2");
-var concat = require("gulp-concat");
-var rename = require("gulp-rename");
-var cleants = require('gulp-clean-ts-extends');
-var replace = require("gulp-replace");
-var webserver = require('gulp-webserver');
-var uglify = require("gulp-uglify");
-
-var config = require("./config.json");
-var extendsSearchRegex = /var\s__extends[\s\S]+?\};/g;
-
-//function to convert the shaders' filenames to variable names.
-function shadersName(filename) {
-    return filename.replace('.fragment', 'Pixel')
-      .replace('.vertex', 'Vertex')
-      .replace('.fx', 'Shader');
-}
-
-gulp.task('copyReference', function () {
-    return gulp.src("../dist/preview release/babylon.max.js").pipe(gulp.dest("test/refs"));
-});
-
-/*
-Compiles all typescript files and creating a declaration file.
-*/
-gulp.task('default', ["copyReference"], function () {
-    var tasks = config.proceduralTextures.map(function (proceduralTexture) {
-        var js = gulp.src(proceduralTexture.file)
-            .pipe(typescript({
-                noExternalResolve: false,
-                target: 'ES5',
-                declarationFiles: true,
-                typescript: require('typescript'),
-                experimentalDecorators: true
-            })).js;
-
-        var shader = gulp.src(proceduralTexture.shaderFiles).pipe(srcToVariable("BABYLON.Effect.ShadersStore", true, shadersName));
-
-        return merge2(js, shader)
-            .pipe(cleants())
-            .pipe(replace(extendsSearchRegex, ""))
-            .pipe(concat(proceduralTexture.output))
-            .pipe(gulp.dest(config.build.distOutputDirectory))
-            .pipe(rename({extname: ".min.js"}))
-            .pipe(uglify())
-            .pipe(gulp.dest(config.build.distOutputDirectory));
-    });
-
-    return tasks;
-});

postProcessLibrary/index.html

@@ -0,0 +1,103 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+	<title>Shaders Library</title>
+	<script src="../assets/refs/dat.gui.min.js"></script>
+	<script src="../dist/preview release/babylon.max.js"></script>
+	<script src="../dist/postProcessesLibrary/babylon.asciiArtPostProcess.js"></script>
+	<script src="../dist/postProcessesLibrary/babylon.digitalRainPostProcess.js"></script>
+
+	<style>
+		html, body {
+			width: 100%;
+			height: 100%;
+			padding: 0;
+			margin: 0;
+			overflow: hidden;
+		}
+
+		#renderCanvas {
+			width: 100%;
+			height: 100%;
+		}
+
+		#fps {
+			position: absolute;
+			background-color: black;
+			border: 2px solid red;
+			text-align: center;
+			font-size: 16px;
+			color: white;
+			top: 15px;
+			left: 10px;
+			width: 60px;
+			height: 20px;
+		}
+	</style>
+</head>
+<body>
+	<div id="fps">0</div>
+	<canvas id="renderCanvas"></canvas>
+
+	<script src="test/index.js"></script>
+	
+	<script>
+		if (BABYLON.Engine.isSupported()) {
+			var canvas = document.getElementById("renderCanvas");
+			var engine = new BABYLON.Engine(canvas, true);
+			var divFps = document.getElementById("fps");
+
+			var scene = new BABYLON.Scene(engine);
+
+			var camera = new BABYLON.ArcRotateCamera("Camera", Math.PI / 2, Math.PI / 6, 50, BABYLON.Vector3.Zero(), scene);
+			camera.attachControl(canvas, true);
+			camera.minZ = 0.1;
+
+			// Lights
+			var hemisphericLight = new BABYLON.HemisphericLight("hemi", new BABYLON.Vector3(0, 1, 0), scene);
+			
+			// Create meshes
+			var sphere = BABYLON.Mesh.CreateSphere("sphere", 48, 30.0, scene);			
+
+			// Register a render loop to repeatedly render the scene
+			engine.runRenderLoop(function () {
+				scene.render();
+				divFps.innerHTML = engine.getFps().toFixed() + " fps";
+			});
+
+			// Resize
+			window.addEventListener("resize", function () {
+				engine.resize();
+			});
+
+			var aaPostProcess = new BABYLON.AsciiArtPostProcess("AsciiArt", camera);
+			var drPostProcess = new BABYLON.DigitalRainPostProcess("AsciiArt", camera);
+
+			//camera.detachPostProcess(aaPostProcess);
+			camera.detachPostProcess(drPostProcess);
+
+			var gui = new dat.GUI();
+			var options = {
+				postProcess: "asciiArt"
+			}
+
+			gui.add(options, 'postProcess', ['asciiArt', 'digitalRain']).onFinishChange(function () {
+				
+				switch (options.postProcess) {
+					case "asciiArt":
+						camera.detachPostProcess(aaPostProcess);
+						camera.detachPostProcess(drPostProcess);
+						camera.attachPostProcess(aaPostProcess);
+						break;
+					case "digitalRain":
+						camera.detachPostProcess(aaPostProcess);
+						camera.detachPostProcess(drPostProcess);
+						camera.attachPostProcess(drPostProcess);
+						break;
+				}
+			});
+		}
+
+	</script>
+</body>
+</html>

postProcessLibrary/package.json

@@ -1,23 +0,0 @@
-{
-  "name": "BabylonJS_PostProcessLibrary",
-  "version": "2.3.0",
-  "description": "PostProcess library for Babylon.js",
-  "main": "",
-  "repository": { "url": "https://github.com/BabylonJS/Babylon.js/" },
-  "readme": "https://github.com/BabylonJS/Babylon.js/edit/master/readme.md",
-  "license": "(Apache-2.0)",
-  "devDependencies": {
-    "gulp": "^3.8.11",
-    "gulp-uglify": "~1.4.2",
-    "typescript": "~1.6.2",
-    "gulp-typescript": "~2.13.0",
-    "through2": "~0.6.5",
-    "gulp-util": "~3.0.4",
-    "gulp-concat": "~2.6.0",
-    "merge2": "~0.3.5",
-    "gulp-rename": "~1.2.2",
-    "gulp-clean-ts-extends": "~0.1.1",
-    "gulp-replace": "~0.5.3",
-    "gulp-webserver": "^0.9.1"
-  }
-}

postProcessLibrary/postProcesses/asciiArt/babylon.asciiArtPostProcess.ts

@@ -1,4 +1,6 @@
-module BABYLON {
+/// <reference path="../../../dist/preview release/babylon.d.ts"/>
+
+module BABYLON {
 
     /**
      * AsciiArtFontTexture is the helper class used to easily create your ascii art font texture.

postProcessLibrary/postProcesses/digitalRain/babylon.digitalRainPostProcess.ts

@@ -1,4 +1,6 @@
-module BABYLON {
+/// <reference path="../../../dist/preview release/babylon.d.ts"/>
+
+module BABYLON {
 
     /**
      * DigitalRainFontTexture is the helper class used to easily create your digital rain font texture.

postProcessLibrary/tsconfig.json

@@ -1,7 +0,0 @@
-{
-    "compilerOptions": {
-        "experimentalDecorators": true,
-        "module": "commonjs", 
-        "target": "es5"
-    }
-}

proceduralTexturesLibrary/config.json

@@ -1,63 +0,0 @@
-{
-  "proceduralTextures": [
-    {
-      "file": "proceduralTextures/wood/babylon.woodProceduralTexture.ts",
-      "shaderFiles": [
-        "proceduralTextures/wood/woodProceduralTexture.fragment.fx"
-      ],
-      "output": "babylon.woodProceduralTexture.js"
-    },
-    {
-      "file": "proceduralTextures/fire/babylon.fireProceduralTexture.ts",
-      "shaderFiles": [
-        "proceduralTextures/fire/fireProceduralTexture.fragment.fx"
-      ],
-      "output": "babylon.fireProceduralTexture.js"
-    },
-    {
-      "file": "proceduralTextures/cloud/babylon.cloudProceduralTexture.ts",
-      "shaderFiles": [
-        "proceduralTextures/cloud/cloudProceduralTexture.fragment.fx"
-      ],
-      "output": "babylon.cloudProceduralTexture.js"
-    },
-    {
-      "file": "proceduralTextures/grass/babylon.grassProceduralTexture.ts",
-      "shaderFiles": [
-        "proceduralTextures/grass/grassProceduralTexture.fragment.fx"
-      ],
-      "output": "babylon.grassProceduralTexture.js"
-    },
-    {
-      "file": "proceduralTextures/road/babylon.roadProceduralTexture.ts",
-      "shaderFiles": [
-        "proceduralTextures/road/roadProceduralTexture.fragment.fx"
-      ],
-      "output": "babylon.roadProceduralTexture.js"
-    },
-    {
-      "file": "proceduralTextures/brick/babylon.brickProceduralTexture.ts",
-      "shaderFiles": [
-        "proceduralTextures/brick/brickProceduralTexture.fragment.fx"
-      ],
-      "output": "babylon.brickProceduralTexture.js"
-    },
-    {
-      "file": "proceduralTextures/marble/babylon.marbleProceduralTexture.ts",
-      "shaderFiles": [
-        "proceduralTextures/marble/marbleProceduralTexture.fragment.fx"
-      ],
-      "output": "babylon.marbleProceduralTexture.js"
-    },
-    {
-      "file": "proceduralTextures/starfield/babylon.starfieldProceduralTexture.ts",
-      "shaderFiles": [
-        "proceduralTextures/starfield/starfieldProceduralTexture.fragment.fx"
-      ],
-      "output": "babylon.starfieldProceduralTexture.js"
-    }
-  ],
-  "build": {
-    "distOutputDirectory": "dist/"
-  }
-}

proceduralTexturesLibrary/gulp-srcToVariable.js

@@ -1,68 +0,0 @@
-var through = require('through2');
-var gutil = require('gulp-util');
-var PluginError = gutil.PluginError;
-var path = require('path');
-var File = gutil.File;
-
-// Consts
-const PLUGIN_NAME = 'gulp-srcToVariable';
-
-var srcToVariable = function srcToVariable(varName, asMap, namingCallback) {
-
-    var content;
-    var firstFile;
-
-    namingCallback = namingCallback || function (filename) { return filename; };
-
-    function bufferContents(file, enc, cb) {
-        // ignore empty files
-        if (file.isNull()) {
-            cb();
-            return;
-        }
-
-        // no stream support, only files.
-        if (file.isStream()) {
-            this.emit('error', new PluginError('gulp-concat', 'Streaming not supported'));
-            cb();
-            return;
-        }
-
-        // set first file if not already set
-        if (!firstFile) {
-            firstFile = file;
-        }
-
-        // construct concat instance
-        if (!content) {
-            content = "";
-        }
-        var name = namingCallback(file.relative);
-        content += varName + "['" + name + "'] = " + JSON.stringify(file.contents.toString()) + ";\r\n";
-        cb();
-    }
-
-    function endStream(cb) {
-        if (!firstFile || !content) {
-            cb();
-            return;
-        }
-
-        var joinedPath = path.join(firstFile.base, varName);
-
-        var joinedFile = new File({
-            cwd: firstFile.cwd,
-            base: firstFile.base,
-            path: joinedPath,
-            contents: new Buffer(content)
-        });
-
-        this.push(joinedFile);
-
-        cb();
-    }
-
-    return through.obj(bufferContents, endStream);
-}
-
-module.exports = srcToVariable;

proceduralTexturesLibrary/gulpfile.js

@@ -1,67 +0,0 @@
-var gulp = require("gulp");
-var typescript = require("gulp-typescript");
-var srcToVariable = require("./gulp-srcToVariable");
-var merge2 = require("merge2");
-var concat = require("gulp-concat");
-var rename = require("gulp-rename");
-var cleants = require('gulp-clean-ts-extends');
-var replace = require("gulp-replace");
-var webserver = require('gulp-webserver');
-var uglify = require("gulp-uglify");
-
-var config = require("./config.json");
-var extendsSearchRegex = /var\s__extends[\s\S]+?\};/g;
-
-//function to convert the shaders' filenames to variable names.
-function shadersName(filename) {
-    return filename.replace('.fragment', 'Pixel')
-      .replace('.vertex', 'Vertex')
-      .replace('.fx', 'Shader');
-}
-
-gulp.task('copyReference', function () {
-    return gulp.src("../dist/preview release/babylon.max.js").pipe(gulp.dest("test/refs"));
-});
-
-/*
-Compiles all typescript files and creating a declaration file.
-*/
-gulp.task('default', ["copyReference"], function () {
-    var tasks = config.proceduralTextures.map(function (proceduralTexture) {
-        var js = gulp.src(proceduralTexture.file)
-            .pipe(typescript({
-                noExternalResolve: false,
-                target: 'ES5',
-                declarationFiles: true,
-                typescript: require('typescript'),
-                experimentalDecorators: true
-            })).js;
-
-        var shader = gulp.src(proceduralTexture.shaderFiles).pipe(srcToVariable("BABYLON.Effect.ShadersStore", true, shadersName));
-
-        return merge2(js, shader)
-            .pipe(cleants())
-            .pipe(replace(extendsSearchRegex, ""))
-            .pipe(concat(proceduralTexture.output))
-            .pipe(gulp.dest(config.build.distOutputDirectory))
-            .pipe(rename({extname: ".min.js"}))
-            .pipe(uglify())
-            .pipe(gulp.dest(config.build.distOutputDirectory));
-    });
-
-    return tasks;
-});
-
-/**
- * Web server task to serve a local test page
- */
-gulp.task('webserver', function() {
-  gulp.src('.')
-    .pipe(webserver({
-      livereload: false,
-      open: 'http://localhost:1338/test/index.html',
-      port: 1338,
-      fallback: 'index.html'
-    }));
-});
-

proceduralTexturesLibrary/package.json

@@ -1,23 +0,0 @@
-{
-  "name": "BabylonJS_PostProcessLibrary",
-  "version": "2.3.0",
-  "description": "PostProcess library for Babylon.js",
-  "main": "",
-  "repository": { "url": "https://github.com/BabylonJS/Babylon.js/" },
-  "readme": "https://github.com/BabylonJS/Babylon.js/edit/master/readme.md",
-  "license": "(Apache-2.0)",
-  "devDependencies": {
-    "gulp": "^3.8.11",
-    "gulp-uglify": "~1.4.2",
-    "typescript": "~1.6.2",
-    "gulp-typescript": "~2.13.0",
-    "through2": "~0.6.5",
-    "gulp-util": "~3.0.4",
-    "gulp-concat": "~2.6.0",
-    "merge2": "~0.3.5",
-    "gulp-rename": "~1.2.2",
-    "gulp-clean-ts-extends": "~0.1.1",
-    "gulp-replace": "~0.5.3",
-    "gulp-webserver": "^0.9.1"
-  }
-}