Home Verkennen Help
Registreren Inloggen
zhangyupeng
/
Babylon.js
1
0
Vork 0
Bestanden Issues 0 Pull-aanvragen 0 Wiki
Bladeren bron

Merge Master

Sebastien Vandenberghe 6 jaren geleden
bovenliggende
236362ec21 dd22844a7c
commit
230befd1a8
100 gewijzigde bestanden met toevoegingen van 258318 en 121241 verwijderingen
Zij-aan-zij weergave Toon Diff Stats
  1. BIN
      Playground/LogoPBT.png
  2. 15415 13600
      Playground/babylon.d.txt
  3. 429 420
      Playground/debug.html
  4. 81 73
      Playground/frame.html
  5. 50 53
      Playground/full.html
  6. 3 1
      Playground/index.html
  7. BIN
      Playground/sounds/bounce.wav
  8. BIN
      Playground/textures/sidexside.jpg
  9. BIN
      Playground/textures/topbottom.jpg
  10. 402 405
      Playground/ts.html
  11. 56 2
      Tools/Config/config.json
  12. 1 1
      Tools/Gulp/gulpfile.js
  13. 6 0
      Tools/Gulp/tasks/gulpTasks-intellisense.js
  14. 4 4
      azure-pipelines.yml
  15. 37 38
      bower.json
  16. 40 665
      dist/ammo.js
  17. 40 665
      dist/preview release/ammo.js
  18. 18032 16191
      dist/preview release/babylon.d.ts
  19. 2 2
      dist/preview release/babylon.js
  20. 7514 1399
      dist/preview release/babylon.max.js
  21. 1 1
      dist/preview release/babylon.max.js.map
  22. 47426 43529
      dist/preview release/babylon.module.d.ts
  23. 68571 0
      dist/preview release/documentation.d.ts
  24. 1 1
      dist/preview release/glTF2Interface/package.json
  25. 46 46
      dist/preview release/gui/babylon.gui.js
  26. 1 1
      dist/preview release/gui/babylon.gui.js.map
  27. 1 1
      dist/preview release/gui/babylon.gui.min.js
  28. 2 2
      dist/preview release/gui/package.json
  29. 7 7
      dist/preview release/inspector/babylon.inspector.bundle.js
  30. 529 288
      dist/preview release/inspector/babylon.inspector.bundle.max.js
  31. 1 1
      dist/preview release/inspector/babylon.inspector.bundle.max.js.map
  32. 72 30
      dist/preview release/inspector/babylon.inspector.d.ts
  33. 154 62
      dist/preview release/inspector/babylon.inspector.module.d.ts
  34. 9 7
      dist/preview release/inspector/package.json
  35. 3 3
      dist/preview release/loaders/babylon.glTF1FileLoader.js
  36. 13 9
      dist/preview release/loaders/babylon.glTF2FileLoader.js
  37. 1 1
      dist/preview release/loaders/babylon.glTF2FileLoader.js.map
  38. 1 1
      dist/preview release/loaders/babylon.glTF2FileLoader.min.js
  39. 16 12
      dist/preview release/loaders/babylon.glTFFileLoader.js
  40. 1 1
      dist/preview release/loaders/babylon.glTFFileLoader.js.map
  41. 1 1
      dist/preview release/loaders/babylon.glTFFileLoader.min.js
  42. 16 12
      dist/preview release/loaders/babylonjs.loaders.js
  43. 1 1
      dist/preview release/loaders/babylonjs.loaders.js.map
  44. 1 1
      dist/preview release/loaders/babylonjs.loaders.min.js
  45. 3 3
      dist/preview release/loaders/package.json
  46. 3 3
      dist/preview release/materialsLibrary/babylon.cellMaterial.js
  47. 3 3
      dist/preview release/materialsLibrary/babylon.customMaterial.js
  48. 3 3
      dist/preview release/materialsLibrary/babylon.fireMaterial.js
  49. 3 3
      dist/preview release/materialsLibrary/babylon.furMaterial.js
  50. 3 3
      dist/preview release/materialsLibrary/babylon.gradientMaterial.js
  51. 3 3
      dist/preview release/materialsLibrary/babylon.gridMaterial.js
  52. 3 3
      dist/preview release/materialsLibrary/babylon.lavaMaterial.js
  53. 3 3
      dist/preview release/materialsLibrary/babylon.mixMaterial.js
  54. 3 3
      dist/preview release/materialsLibrary/babylon.normalMaterial.js
  55. 3 3
      dist/preview release/materialsLibrary/babylon.shadowOnlyMaterial.js
  56. 3 3
      dist/preview release/materialsLibrary/babylon.simpleMaterial.js
  57. 3 3
      dist/preview release/materialsLibrary/babylon.skyMaterial.js
  58. 3 3
      dist/preview release/materialsLibrary/babylon.terrainMaterial.js
  59. 3 3
      dist/preview release/materialsLibrary/babylon.triPlanarMaterial.js
  60. 3 3
      dist/preview release/materialsLibrary/babylon.waterMaterial.js
  61. 3 3
      dist/preview release/materialsLibrary/babylonjs.materials.js
  62. 2 2
      dist/preview release/materialsLibrary/package.json
  63. 650 0
      dist/preview release/nodeEditor/babylon.nodeEditor.d.ts
  64. 41 0
      dist/preview release/nodeEditor/babylon.nodeEditor.js
  65. 49627 0
      dist/preview release/nodeEditor/babylon.nodeEditor.max.js
  66. 1 0
      dist/preview release/nodeEditor/babylon.nodeEditor.max.js.map
  67. 1415 0
      dist/preview release/nodeEditor/babylon.nodeEditor.module.d.ts
  68. 27 0
      dist/preview release/nodeEditor/package.json
  69. 1 0
      dist/preview release/nodeEditor/readme-es6.md
  70. 1 0
      dist/preview release/nodeEditor/readme.md
  71. 1 1
      dist/preview release/package.json
  72. 1 1
      dist/preview release/packagesSizeBaseLine.json
  73. 3 3
      dist/preview release/postProcessesLibrary/babylon.asciiArtPostProcess.js
  74. 3 3
      dist/preview release/postProcessesLibrary/babylon.digitalRainPostProcess.js
  75. 3 3
      dist/preview release/postProcessesLibrary/babylon.oceanPostProcess.js
  76. 3 3
      dist/preview release/postProcessesLibrary/babylonjs.postProcess.js
  77. 2 2
      dist/preview release/postProcessesLibrary/package.json
  78. 3 3
      dist/preview release/proceduralTexturesLibrary/babylon.brickProceduralTexture.js
  79. 3 3
      dist/preview release/proceduralTexturesLibrary/babylon.cloudProceduralTexture.js
  80. 3 3
      dist/preview release/proceduralTexturesLibrary/babylon.fireProceduralTexture.js
  81. 3 3
      dist/preview release/proceduralTexturesLibrary/babylon.grassProceduralTexture.js
  82. 3 3
      dist/preview release/proceduralTexturesLibrary/babylon.marbleProceduralTexture.js
  83. 3 3
      dist/preview release/proceduralTexturesLibrary/babylon.normalMapProceduralTexture.js
  84. 3 3
      dist/preview release/proceduralTexturesLibrary/babylon.perlinNoiseProceduralTexture.js
  85. 3 3
      dist/preview release/proceduralTexturesLibrary/babylon.roadProceduralTexture.js
  86. 3 3
      dist/preview release/proceduralTexturesLibrary/babylon.starfieldProceduralTexture.js
  87. 3 3
      dist/preview release/proceduralTexturesLibrary/babylon.woodProceduralTexture.js
  88. 3 3
      dist/preview release/proceduralTexturesLibrary/babylonjs.proceduralTextures.js
  89. 2 2
      dist/preview release/proceduralTexturesLibrary/package.json
  90. 14 29
      dist/preview release/serializers/babylon.glTF2Serializer.js
  91. 1 1
      dist/preview release/serializers/babylon.glTF2Serializer.js.map
  92. 1 1
      dist/preview release/serializers/babylon.glTF2Serializer.min.js
  93. 1 1
      dist/preview release/serializers/babylonjs.serializers.d.ts
  94. 14 29
      dist/preview release/serializers/babylonjs.serializers.js
  95. 1 1
      dist/preview release/serializers/babylonjs.serializers.js.map
  96. 1 1
      dist/preview release/serializers/babylonjs.serializers.min.js
  97. 2 5
      dist/preview release/serializers/babylonjs.serializers.module.d.ts
  98. 3 3
      dist/preview release/serializers/package.json
  99. 47426 43529
      dist/preview release/viewer/babylon.module.d.ts
  100. 0 0
      dist/preview release/viewer/babylon.viewer.js

BIN
Playground/LogoPBT.png
Bestand weergeven


File diff suppressed because it is too large
+ 15415 - 13600
Playground/babylon.d.txt


+ 429 - 420
Playground/debug.html
Bestand weergeven 

@@ -1,507 +1,516 @@
 
 <!DOCTYPE html>

 <html>

 

-    <head>

-        <title>Babylon.js Playground</title>

-        <meta charset='utf-8' />

-        <meta name="viewport" content="width=device-width, user-scalable=no">

-        <link rel="shortcut icon" href="https://www.babylonjs.com/img/favicon/favicon.ico">

-        <link rel="apple-touch-icon" sizes="57x57" href="https://www.babylonjs.com/img/favicon/apple-icon-57x57.png">

-        <link rel="apple-touch-icon" sizes="60x60" href="https://www.babylonjs.com/img/favicon/apple-icon-60x60.png">

-        <link rel="apple-touch-icon" sizes="72x72" href="https://www.babylonjs.com/img/favicon/apple-icon-72x72.png">

-        <link rel="apple-touch-icon" sizes="76x76" href="https://www.babylonjs.com/img/favicon/apple-icon-76x76.png">

-        <link rel="apple-touch-icon" sizes="114x114" href="https://www.babylonjs.com/img/favicon/apple-icon-114x114.png">

-        <link rel="apple-touch-icon" sizes="120x120" href="https://www.babylonjs.com/img/favicon/apple-icon-120x120.png">

-        <link rel="apple-touch-icon" sizes="144x144" href="https://www.babylonjs.com/img/favicon/apple-icon-144x144.png">

-        <link rel="apple-touch-icon" sizes="152x152" href="https://www.babylonjs.com/img/favicon/apple-icon-152x152.png">

-        <link rel="apple-touch-icon" sizes="180x180" href="https://www.babylonjs.com/img/favicon/apple-icon-180x180.png">

-        <link rel="icon" type="image/png" sizes="192x192" href="https://www.babylonjs.com/img/favicon/android-icon-192x192.png">

-        <link rel="icon" type="image/png" sizes="32x32" href="https://www.babylonjs.com/img/favicon/favicon-32x32.png">

-        <link rel="icon" type="image/png" sizes="96x96" href="https://www.babylonjs.com/img/favicon/favicon-96x96.png">

-        <link rel="icon" type="image/png" sizes="16x16" href="https://www.babylonjs.com/img/favicon/favicon-16x16.png">

-        <link rel="manifest" href="https://www.babylonjs.com/img/favicon/manifest.json">

-        <meta name="msapplication-TileColor" content="#ffffff">

-        <meta name="msapplication-TileImage" content="https://www.babylonjs.com/img/favicon/ms-icon-144x144.png">

-        <meta name="msapplication-config" content="https://www.babylonjs.com/img/favicon/browserconfig.xml">

-        <meta name="theme-color" content="#ffffff">

-

-        <script src="https://code.jquery.com/pep/0.4.2/pep.min.js"></script>

-        <!--For canvas/code separator-->

-        <script src="js/libs/split.js"></script>

-

-        <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.6.2/dat.gui.min.js"></script>

-        <!-- jszip -->

-        <script src="js/libs/jszip.min.js"></script>

-        <script src="js/libs/fileSaver.js"></script>

-

-        <!-- Babylon.js -->

-        <script src="https://preview.babylonjs.com/ammo.js"></script>

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

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

-        <script src="https://preview.babylonjs.com/gltf_validator.js"></script>

-        <script src="https://preview.babylonjs.com/babylon.max.js"></script>

-        <script src="https://preview.babylonjs.com/gui/babylon.gui.js"></script>

-        <script src="https://preview.babylonjs.com/inspector/babylon.inspector.bundle.js"></script>

-

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.fireMaterial.min.js"></script>

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.waterMaterial.min.js"></script>

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.lavaMaterial.min.js"></script>

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.normalMaterial.min.js"></script>

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.skyMaterial.min.js"></script>

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.triPlanarMaterial.min.js"></script>

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.terrainMaterial.min.js"></script>

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.gradientMaterial.min.js"></script>

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.furMaterial.min.js"></script>

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.gridMaterial.min.js"></script>

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.shadowOnlyMaterial.min.js"></script>

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.customMaterial.min.js"></script>

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.cellMaterial.min.js"></script>

-

-        <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.brickProceduralTexture.min.js"></script>

-        <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.cloudProceduralTexture.min.js"></script>

-        <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.fireProceduralTexture.min.js"></script>

-        <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.grassProceduralTexture.min.js"></script>

-        <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.marbleProceduralTexture.min.js"></script>

-        <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.roadProceduralTexture.min.js"></script>

-        <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.starfieldProceduralTexture.min.js"></script>

-        <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.woodProceduralTexture.min.js"></script>

-

-        <script src="https://preview.babylonjs.com/postProcessesLibrary/babylon.asciiArtPostProcess.min.js"></script>

-        <script src="https://preview.babylonjs.com/postProcessesLibrary/babylon.digitalRainPostProcess.min.js"></script>

-

-        <script src="https://preview.babylonjs.com/loaders/babylon.glTFFileLoader.js"></script>

-        <script src="https://preview.babylonjs.com/loaders/babylon.objFileLoader.js"></script>

-        <script src="https://preview.babylonjs.com/loaders/babylon.stlFileLoader.js"></script>

-

-

-

-        <script src="https://preview.babylonjs.com/serializers/babylonjs.serializers.min.js"></script>

-

-        <script src="https://rawgit.com/BabylonJS/Extensions/master/ClonerSystem/src/babylonx.cloner.js"></script>

-        <script src="https://rawgit.com/BabylonJS/Extensions/master/CompoundShader/src/babylonx.CompoundShader.js"></script>

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

-

-        <!-- Monaco -->

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

-

-    </head>

-

-    <body>

-        <div class="navbar navBar1600">

-            <div class="title">

-                Babylon.js Playground

-            </div>

-            <div class="version" id="mainTitle">

-                v3.0-alpha

-            </div>

+<head>

+    <title>Babylon.js Playground</title>

+    <meta charset='utf-8' />

+    <meta name="viewport" content="width=device-width, user-scalable=no">

+    <link rel="shortcut icon" href="https://www.babylonjs.com/favicon.ico">

+    <link rel="stylesheet" href="https://use.typekit.net/cta4xsb.css">

+    <link rel="apple-touch-icon" sizes="57x57" href="https://www.babylonjs.com/img/favicon/apple-icon-57x57.png">

+    <link rel="apple-touch-icon" sizes="60x60" href="https://www.babylonjs.com/img/favicon/apple-icon-60x60.png">

+    <link rel="apple-touch-icon" sizes="72x72" href="https://www.babylonjs.com/img/favicon/apple-icon-72x72.png">

+    <link rel="apple-touch-icon" sizes="76x76" href="https://www.babylonjs.com/img/favicon/apple-icon-76x76.png">

+    <link rel="apple-touch-icon" sizes="114x114" href="https://www.babylonjs.com/img/favicon/apple-icon-114x114.png">

+    <link rel="apple-touch-icon" sizes="120x120" href="https://www.babylonjs.com/img/favicon/apple-icon-120x120.png">

+    <link rel="apple-touch-icon" sizes="144x144" href="https://www.babylonjs.com/img/favicon/apple-icon-144x144.png">

+    <link rel="apple-touch-icon" sizes="152x152" href="https://www.babylonjs.com/img/favicon/apple-icon-152x152.png">

+    <link rel="apple-touch-icon" sizes="180x180" href="https://www.babylonjs.com/img/favicon/apple-icon-180x180.png">

+    <link rel="icon" type="image/png" sizes="192x192"

+        href="https://www.babylonjs.com/img/favicon/android-icon-192x192.png">

+    <link rel="icon" type="image/png" sizes="32x32" href="https://www.babylonjs.com/img/favicon/favicon-32x32.png">

+    <link rel="icon" type="image/png" sizes="96x96" href="https://www.babylonjs.com/img/favicon/favicon-96x96.png">

+    <link rel="icon" type="image/png" sizes="16x16" href="https://www.babylonjs.com/img/favicon/favicon-16x16.png">

+    <link rel="manifest" href="https://www.babylonjs.com/img/favicon/manifest.json">

+    <meta name="msapplication-TileColor" content="#ffffff">

+    <meta name="msapplication-TileImage" content="https://www.babylonjs.com/img/favicon/ms-icon-144x144.png">

+    <meta name="msapplication-config" content="https://www.babylonjs.com/img/favicon/browserconfig.xml">

+    <meta name="theme-color" content="#ffffff">

+

+    <script src="https://code.jquery.com/pep/0.4.2/pep.min.js"></script>

+    <!--For canvas/code separator-->

+    <script src="js/libs/split.js"></script>

+

+    <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.6.2/dat.gui.min.js"></script>

+    <!-- jszip -->

+    <script src="js/libs/jszip.min.js"></script>

+    <script src="js/libs/fileSaver.js"></script>

+

+    <!-- Babylon.js -->

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

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

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

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

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

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

+    <script src="https://preview.babylonjs.com/inspector/babylon.inspector.bundle.js"></script>

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

+

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.fireMaterial.min.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.waterMaterial.min.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.lavaMaterial.min.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.normalMaterial.min.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.skyMaterial.min.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.triPlanarMaterial.min.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.terrainMaterial.min.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.gradientMaterial.min.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.furMaterial.min.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.gridMaterial.min.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.shadowOnlyMaterial.min.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.customMaterial.min.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.cellMaterial.min.js"></script>

+

+    <script

+        src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.brickProceduralTexture.min.js"></script>

+    <script

+        src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.cloudProceduralTexture.min.js"></script>

+    <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.fireProceduralTexture.min.js"></script>

+    <script

+        src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.grassProceduralTexture.min.js"></script>

+    <script

+        src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.marbleProceduralTexture.min.js"></script>

+    <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.roadProceduralTexture.min.js"></script>

+    <script

+        src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.starfieldProceduralTexture.min.js"></script>

+    <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.woodProceduralTexture.min.js"></script>

+

+    <script src="https://preview.babylonjs.com/postProcessesLibrary/babylon.asciiArtPostProcess.min.js"></script>

+    <script src="https://preview.babylonjs.com/postProcessesLibrary/babylon.digitalRainPostProcess.min.js"></script>

+

+    <script src="https://preview.babylonjs.com/loaders/babylon.glTFFileLoader.js"></script>

+    <script src="https://preview.babylonjs.com/loaders/babylon.objFileLoader.js"></script>

+    <script src="https://preview.babylonjs.com/loaders/babylon.stlFileLoader.js"></script>

+

+

+

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

+

+    <script src="https://rawgit.com/BabylonJS/Extensions/master/ClonerSystem/src/babylonx.cloner.js"></script>

+    <script src="https://rawgit.com/BabylonJS/Extensions/master/CompoundShader/src/babylonx.CompoundShader.js"></script>

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

+

+    <!-- Monaco -->

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

+

+</head>

+

+<body>

+    <div class="navbar navBar1600">

+        <div class="title">

+            Babylon.js Playground

+        </div>

+        <div class="version" id="mainTitle">

+            v3.0-alpha

+        </div>

 

-            <div class="category">

-                <div class="button run" id="runButton1600">Run

-                    <i class="fa fa-play" aria-hidden="true"></i>

-                </div>

+        <div class="category">

+            <div class="button run" id="runButton1600">Run

+                <i class="fa fa-play" aria-hidden="true"></i>

             </div>

+        </div>

 

 

-            <div class="category">

-                <div class="button" id="newButton1600">New

-                    <i class="fa fa-file" aria-hidden="true"></i>

-                </div>

-                <div class="button removeOnPhone" id="clearButton1600">Clear

-                    <i class="fa fa-trash" aria-hidden="true"></i>

-                </div>

+        <div class="category">

+            <div class="button" id="newButton1600">New

+                <i class="fa fa-file" aria-hidden="true"></i>

+            </div>

+            <div class="button removeOnPhone" id="clearButton1600">Clear

+                <i class="fa fa-trash" aria-hidden="true"></i>

             </div>

+        </div>

 

-            <div class="category">

-                <div class="button" id="saveButton1600">Save

-                    <i class="fa fa-floppy-o" aria-hidden="true"></i>

-                </div>

-                <div class="button removeOnPhone" id="zipButton1600">Zip

-                    <i class="fa fa-download" aria-hidden="true"></i>

-                </div>

+        <div class="category">

+            <div class="button" id="saveButton1600">Save

+                <i class="fa fa-floppy-o" aria-hidden="true"></i>

+            </div>

+            <div class="button removeOnPhone" id="zipButton1600">Zip

+                <i class="fa fa-download" aria-hidden="true"></i>

             </div>

+        </div>

 

-            <div class="category">

-                <div class="button select">Settings

-                    <div class="toDisplay">

-                        <div class="option subSelect">Theme

-                            <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                            <div class="toDisplaySub">

-                                <div class="option" id="darkTheme1600">Dark</div>

-                                <div class="option" id="lightTheme1600">Light</div>

-                            </div>

+        <div class="category">

+            <div class="button select">Settings

+                <div class="toDisplay">

+                    <div class="option subSelect">Theme

+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                        <div class="toDisplaySub">

+                            <div class="option" id="darkTheme1600">Dark</div>

+                            <div class="option" id="lightTheme1600">Light</div>

                         </div>

-                        <div class="option subSelect">

-                            <span id="currentFontSize1600">Font: 14</span>

-                            <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                            <div class="toDisplaySub">

-                                <div class="option" onclick="setFontSize(12);">12</div>

-                                <div class="option" onclick="setFontSize(14);">14</div>

-                                <div class="option" onclick="setFontSize(16);">16</div>

-                                <div class="option" onclick="setFontSize(18);">18</div>

-                                <div class="option" onclick="setFontSize(20);">20</div>

-                                <div class="option" onclick="setFontSize(22);">22</div>

-                            </div>

-                        </div>

-                        <div class="option" id="safemodeToggle1600">Safe mode

-                            <i class="far fa-square" aria-hidden="true"></i>

-                        </div>

-                        <div class="option checked" id="editorButton1600">Editor

-                            <i class="fa fa-check-square" aria-hidden="true"></i>

-                        </div>

-                        <div class="option" id="fullscreenButton1600">Fullscreen</div>

-                        <div class="option" id="editorFullscreenButton1600">Editor Fullscreen</div>

-                        <div class="option" id="formatButton1600">Format code</div>

-                        <div class="option" id="minimapToggle1600">Minimap

-                            <i class="far fa-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option subSelect">

+                        <span id="currentFontSize1600">Font: 14</span>

+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                        <div class="toDisplaySub">

+                            <div class="option" onclick="setFontSize(12);">12</div>

+                            <div class="option" onclick="setFontSize(14);">14</div>

+                            <div class="option" onclick="setFontSize(16);">16</div>

+                            <div class="option" onclick="setFontSize(18);">18</div>

+                            <div class="option" onclick="setFontSize(20);">20</div>

+                            <div class="option" onclick="setFontSize(22);">22</div>

                         </div>

                     </div>

+                    <div class="option" id="safemodeToggle1600">Safe mode

+                        <i class="far fa-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option checked" id="editorButton1600">Editor

+                        <i class="fa fa-check-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option" id="fullscreenButton1600">Fullscreen</div>

+                    <div class="option" id="editorFullscreenButton1600">Editor Fullscreen</div>

+                    <div class="option" id="formatButton1600">Format code</div>

+                    <div class="option" id="minimapToggle1600">Minimap

+                        <i class="far fa-square" aria-hidden="true"></i>

+                    </div>

                 </div>

-

-                <div class="button uncheck" id="debugButton1600">Inspector</div>

-                <div class="button" id="metadataButton1600">Metadata</div>

             </div>

 

+            <div class="button uncheck" id="debugButton1600">Inspector</div>

+            <div class="button" id="metadataButton1600">Metadata</div>

+        </div>

 

 

-            <div class="category right">

-                <div class="button select">

-                    <span id="currentVersion1600">Version: Latest</span>

-                    <div class="toDisplay">

-                        <div class="option" onclick="setVersion('latest');">Latest</div>

-                        <div class="option" onclick="setVersion('2.5');">2.5</div>

-                    </div>

-                </div>

-                <div class="button select">

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

+

+        <div class="category right">

+            <div class="button select">

+                <span id="currentVersion1600">Version: Latest</span>

+                <div class="toDisplay">

+                    <div class="option" onclick="setVersion('latest');">Latest</div>

+                    <div class="option" onclick="setVersion('2.5');">2.5</div>

                 </div>

             </div>

+            <div class="button select">

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

+            </div>

         </div>

+    </div>

 

-        <div class="navbar navBar1475">

-            <div class="title">

-                Babylon.js Playground

-            </div>

-            <div class="version" id="mainTitle">

-                v3.0-alpha

-            </div>

+    <div class="navbar navBar1475">

+        <div class="title">

+            Babylon.js Playground

+        </div>

+        <div class="version" id="mainTitle">

+            v3.0-alpha

+        </div>

 

-            <div class="category">

-                <div class="button run" id="runButton1475">Run

-                    <i class="fa fa-play" aria-hidden="true"></i>

-                </div>

+        <div class="category">

+            <div class="button run" id="runButton1475">Run

+                <i class="fa fa-play" aria-hidden="true"></i>

             </div>

+        </div>

 

 

-            <div class="category">

-                <div class="button" id="newButton1475">New

-                    <i class="fa fa-file" aria-hidden="true"></i>

-                </div>

-                <div class="button removeOnPhone" id="clearButton1475">Clear

-                    <i class="fa fa-trash" aria-hidden="true"></i>

-                </div>

+        <div class="category">

+            <div class="button" id="newButton1475">New

+                <i class="fa fa-file" aria-hidden="true"></i>

+            </div>

+            <div class="button removeOnPhone" id="clearButton1475">Clear

+                <i class="fa fa-trash" aria-hidden="true"></i>

             </div>

+        </div>

 

-            <div class="category">

-                <div class="button" id="saveButton1475">Save

-                    <i class="fa fa-floppy-o" aria-hidden="true"></i>

-                </div>

-                <div class="button removeOnPhone" id="zipButton1475">Zip

-                    <i class="fa fa-download" aria-hidden="true"></i>

-                </div>

+        <div class="category">

+            <div class="button" id="saveButton1475">Save

+                <i class="fa fa-floppy-o" aria-hidden="true"></i>

+            </div>

+            <div class="button removeOnPhone" id="zipButton1475">Zip

+                <i class="fa fa-download" aria-hidden="true"></i>

             </div>

+        </div>

 

-            <div class="category">

-                <div class="button select">Settings

-                    <div class="toDisplay">

-                        <div class="option subSelect">Theme

-                            <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                            <div class="toDisplaySub">

-                                <div class="option" id="darkTheme1475">Dark</div>

-                                <div class="option" id="lightTheme1475">Light</div>

-                            </div>

+        <div class="category">

+            <div class="button select">Settings

+                <div class="toDisplay">

+                    <div class="option subSelect">Theme

+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                        <div class="toDisplaySub">

+                            <div class="option" id="darkTheme1475">Dark</div>

+                            <div class="option" id="lightTheme1475">Light</div>

                         </div>

-                        <div class="option subSelect">

-                            <span id="currentFontSize1475">Font: 14</span>

-                            <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                            <div class="toDisplaySub">

-                                <div class="option" onclick="setFontSize(12);">12</div>

-                                <div class="option" onclick="setFontSize(14);">14</div>

-                                <div class="option" onclick="setFontSize(16);">16</div>

-                                <div class="option" onclick="setFontSize(18);">18</div>

-                                <div class="option" onclick="setFontSize(20);">20</div>

-                                <div class="option" onclick="setFontSize(22);">22</div>

-                            </div>

-                        </div>

-                        <div class="option" id='safemodeToggle1475'>Safe mode

-                            <i class="far fa-square" aria-hidden="true"></i>

-                        </div>

-                        <div class="option checked" id="editorButton1475">Editor

-                            <i class="fa fa-check-square" aria-hidden="true"></i>

-                        </div>

-                        <div class="option" id="fullscreenButton1475">Fullscreen</div>

-                        <div class="option" id="editorFullscreenButton1475">Editor Fullscreen</div>

-                        <div class="option" id="formatButton1475">Format code</div>

-                        <div class="option" id="minimapToggle1475">Minimap

-                            <i class="far fa-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option subSelect">

+                        <span id="currentFontSize1475">Font: 14</span>

+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                        <div class="toDisplaySub">

+                            <div class="option" onclick="setFontSize(12);">12</div>

+                            <div class="option" onclick="setFontSize(14);">14</div>

+                            <div class="option" onclick="setFontSize(16);">16</div>

+                            <div class="option" onclick="setFontSize(18);">18</div>

+                            <div class="option" onclick="setFontSize(20);">20</div>

+                            <div class="option" onclick="setFontSize(22);">22</div>

                         </div>

-                        <div class="option" id="debugButton1475">Inspector</div>

-                        <div class="option" id="metadataButton1475">Metadata</div>

-                        <div class="option subSelect">

-                            <span id="currentVersion1475">Vers. : Latest</span>

-                            <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                            <div class="toDisplaySub">

-                                <div class="option" onclick="setVersion('latest');">Latest</div>

-                                <div class="option" onclick="setVersion('2.5');">2.5</div>

-                            </div>

+                    </div>

+                    <div class="option" id='safemodeToggle1475'>Safe mode

+                        <i class="far fa-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option checked" id="editorButton1475">Editor

+                        <i class="fa fa-check-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option" id="fullscreenButton1475">Fullscreen</div>

+                    <div class="option" id="editorFullscreenButton1475">Editor Fullscreen</div>

+                    <div class="option" id="formatButton1475">Format code</div>

+                    <div class="option" id="minimapToggle1475">Minimap

+                        <i class="far fa-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option" id="debugButton1475">Inspector</div>

+                    <div class="option" id="metadataButton1475">Metadata</div>

+                    <div class="option subSelect">

+                        <span id="currentVersion1475">Vers. : Latest</span>

+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                        <div class="toDisplaySub">

+                            <div class="option" onclick="setVersion('latest');">Latest</div>

+                            <div class="option" onclick="setVersion('2.5');">2.5</div>

                         </div>

                     </div>

                 </div>

             </div>

+        </div>

 

-            <div class="category right">

-                <div class="button select">

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

-                </div>

+        <div class="category right">

+            <div class="button select">

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

             </div>

         </div>

+    </div>

 

-        <div class="navbar navBar1030">

-            <div class="category">

-                <div class="button run" id="runButton1030">Run

-                    <i class="fa fa-play" aria-hidden="true"></i>

-                </div>

+    <div class="navbar navBar1030">

+        <div class="category">

+            <div class="button run" id="runButton1030">Run

+                <i class="fa fa-play" aria-hidden="true"></i>

             </div>

+        </div>

 

 

-            <div class="category">

-                <div class="button" id="newButton1030">New

-                    <i class="fa fa-file" aria-hidden="true"></i>

-                </div>

-                <div class="button removeOnPhone" id="clearButton1030">Clear

-                    <i class="fa fa-trash" aria-hidden="true"></i>

-                </div>

+        <div class="category">

+            <div class="button" id="newButton1030">New

+                <i class="fa fa-file" aria-hidden="true"></i>

+            </div>

+            <div class="button removeOnPhone" id="clearButton1030">Clear

+                <i class="fa fa-trash" aria-hidden="true"></i>

             </div>

+        </div>

 

-            <div class="category">

-                <div class="button" id="saveButton1030">Save

-                    <i class="fa fa-floppy-o" aria-hidden="true"></i>

-                </div>

-                <div class="button removeOnPhone" id="zipButton1030">Zip

-                    <i class="fa fa-download" aria-hidden="true"></i>

-                </div>

+        <div class="category">

+            <div class="button" id="saveButton1030">Save

+                <i class="fa fa-floppy-o" aria-hidden="true"></i>

+            </div>

+            <div class="button removeOnPhone" id="zipButton1030">Zip

+                <i class="fa fa-download" aria-hidden="true"></i>

             </div>

+        </div>

 

-            <div class="category">

-                <div class="button select">Settings

-                    <div class="toDisplay">

-                        <div class="option subSelect">Theme

-                            <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                            <div class="toDisplaySub">

-                                <div class="option" id="darkTheme1030">Dark</div>

-                                <div class="option" id="lightTheme1030">Light</div>

-                            </div>

+        <div class="category">

+            <div class="button select">Settings

+                <div class="toDisplay">

+                    <div class="option subSelect">Theme

+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                        <div class="toDisplaySub">

+                            <div class="option" id="darkTheme1030">Dark</div>

+                            <div class="option" id="lightTheme1030">Light</div>

                         </div>

-                        <div class="option subSelect">

-                            <span id="currentFontSize1030">Font: 14</span>

-                            <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                            <div class="toDisplaySub">

-                                <div class="option" onclick="setFontSize(12);">12</div>

-                                <div class="option" onclick="setFontSize(14);">14</div>

-                                <div class="option" onclick="setFontSize(16);">16</div>

-                                <div class="option" onclick="setFontSize(18);">18</div>

-                                <div class="option" onclick="setFontSize(20);">20</div>

-                                <div class="option" onclick="setFontSize(22);">22</div>

-                            </div>

-                        </div>

-                        <div class="option" id="safemodeToggle1030">Safe mode

-                            <i class="far fa-square" aria-hidden="true"></i>

-                        </div>

-                        <div class="option checked" id="editorButton1030">Editor

-                            <i class="fa fa-check-square" aria-hidden="true"></i>

-                        </div>

-                        <div class="option" id="fullscreenButton1030">Fullscreen</div>

-                        <div class="option" id="editorFullscreenButton1030">Editor Fullscreen</div>

-                        <div class="option" id="formatButton1030">Format code</div>

-                        <div class="option" id="minimapToggle1030">Minimap

-                            <i class="far fa-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option subSelect">

+                        <span id="currentFontSize1030">Font: 14</span>

+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                        <div class="toDisplaySub">

+                            <div class="option" onclick="setFontSize(12);">12</div>

+                            <div class="option" onclick="setFontSize(14);">14</div>

+                            <div class="option" onclick="setFontSize(16);">16</div>

+                            <div class="option" onclick="setFontSize(18);">18</div>

+                            <div class="option" onclick="setFontSize(20);">20</div>

+                            <div class="option" onclick="setFontSize(22);">22</div>

                         </div>

-                        <div class="option" id="debugButton1030">Inspector</div>

-                        <div class="option" id="metadataButton1030">Metadata</div>

-                        <div class="option subSelect">

-                            <span id="currentVersion1030">Vers. : Latest</span>

-                            <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                            <div class="toDisplaySub">

-                                <div class="option" onclick="setVersion('latest');">Latest</div>

-                                <div class="option" onclick="setVersion('2.5');">2.5</div>

-                            </div>

+                    </div>

+                    <div class="option" id="safemodeToggle1030">Safe mode

+                        <i class="far fa-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option checked" id="editorButton1030">Editor

+                        <i class="fa fa-check-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option" id="fullscreenButton1030">Fullscreen</div>

+                    <div class="option" id="editorFullscreenButton1030">Editor Fullscreen</div>

+                    <div class="option" id="formatButton1030">Format code</div>

+                    <div class="option" id="minimapToggle1030">Minimap

+                        <i class="far fa-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option" id="debugButton1030">Inspector</div>

+                    <div class="option" id="metadataButton1030">Metadata</div>

+                    <div class="option subSelect">

+                        <span id="currentVersion1030">Vers. : Latest</span>

+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                        <div class="toDisplaySub">

+                            <div class="option" onclick="setVersion('latest');">Latest</div>

+                            <div class="option" onclick="setVersion('2.5');">2.5</div>

                         </div>

                     </div>

                 </div>

             </div>

+        </div>

 

-            <div class="category right">

-                <div class="button select">

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

-                </div>

+        <div class="category right">

+            <div class="button select">

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

             </div>

         </div>

-

-        <div class="navbar navBar750">

-            <div class="category">

-                <div class="button select">File

-                    <div class="toDisplay">

-                        <div class="option" id="runButton750">Run

-                            <i class="fa fa-play" aria-hidden="true"></i>

-                        </div>

-                        <div class="option" id="newButton750">New

-                            <i class="fa fa-file" aria-hidden="true"></i>

-                        </div>

-                        <div class="option" id="clearButton750">Clear

-                            <i class="fa fa-trash" aria-hidden="true"></i>

-                        </div>

-                        <div class="option" id="saveButton750">Save

-                            <i class="fa fa-floppy-o" aria-hidden="true"></i>

-                        </div>

-                        <div class="option" id="zipButton750">Zip

-                            <i class="fa fa-download" aria-hidden="true"></i>

-                        </div>

+    </div>

+

+    <div class="navbar navBar750">

+        <div class="category">

+            <div class="button select">File

+                <div class="toDisplay">

+                    <div class="option" id="runButton750">Run

+                        <i class="fa fa-play" aria-hidden="true"></i>

+                    </div>

+                    <div class="option" id="newButton750">New

+                        <i class="fa fa-file" aria-hidden="true"></i>

+                    </div>

+                    <div class="option" id="clearButton750">Clear

+                        <i class="fa fa-trash" aria-hidden="true"></i>

+                    </div>

+                    <div class="option" id="saveButton750">Save

+                        <i class="fa fa-floppy-o" aria-hidden="true"></i>

+                    </div>

+                    <div class="option" id="zipButton750">Zip

+                        <i class="fa fa-download" aria-hidden="true"></i>

                     </div>

                 </div>

             </div>

+        </div>

 

-            <div class="category">

-                <div class="button select">Settings

-                    <div class="toDisplay">

-                        <div class="option subSelect">Theme

-                            <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                            <div class="toDisplaySub">

-                                <div class="option" id="darkTheme750">Dark</div>

-                                <div class="option" id="lightTheme750">Light</div>

-                            </div>

-                        </div>

-                        <div class="option subSelect">

-                            <span id="currentFontSize750">Font: 14</span>

-                            <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                            <div class="toDisplaySub">

-                                <div class="option" onclick="setFontSize(12);">12</div>

-                                <div class="option" onclick="setFontSize(14);">14</div>

-                                <div class="option" onclick="setFontSize(16);">16</div>

-                                <div class="option" onclick="setFontSize(18);">18</div>

-                                <div class="option" onclick="setFontSize(20);">20</div>

-                                <div class="option" onclick="setFontSize(22);">22</div>

-                            </div>

-                        </div>

-                        <div class="option" id="safemodeToggle750">Safe mode

-                            <i class="far fa-square" aria-hidden="true"></i>

-                        </div>

-                        <div style="display:none;" class="option checked" id="editorButton750">Editor

-                            <i class="fa fa-check-square" aria-hidden="true"></i>

+        <div class="category">

+            <div class="button select">Settings

+                <div class="toDisplay">

+                    <div class="option subSelect">Theme

+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                        <div class="toDisplaySub">

+                            <div class="option" id="darkTheme750">Dark</div>

+                            <div class="option" id="lightTheme750">Light</div>

                         </div>

-                        <div class="option" id="fullscreenButton750">Fullscreen</div>

-                        <div class="option" id="editorFullscreenButton750">Editor Fullscreen</div>

-                        <div class="option" id="formatButton750">Format code</div>

-                        <div class="option" id="minimapToggle750">Minimap

-                            <i class="far fa-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option subSelect">

+                        <span id="currentFontSize750">Font: 14</span>

+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                        <div class="toDisplaySub">

+                            <div class="option" onclick="setFontSize(12);">12</div>

+                            <div class="option" onclick="setFontSize(14);">14</div>

+                            <div class="option" onclick="setFontSize(16);">16</div>

+                            <div class="option" onclick="setFontSize(18);">18</div>

+                            <div class="option" onclick="setFontSize(20);">20</div>

+                            <div class="option" onclick="setFontSize(22);">22</div>

                         </div>

-                        <div class="option" id="debugButton750">Inspector</div>

-                        <div class="option" id="metadataButton750">Metadata</div>

-                        <div class="option subSelect">

-                            <span id="currentVersion750">Vers. : Latest</span>

-                            <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                            <div class="toDisplaySub">

-                                <div class="option" onclick="setVersion('latest');">Latest</div>

-                                <div class="option" onclick="setVersion('2.5');">2.5</div>

-                            </div>

+                    </div>

+                    <div class="option" id="safemodeToggle750">Safe mode

+                        <i class="far fa-square" aria-hidden="true"></i>

+                    </div>

+                    <div style="display:none;" class="option checked" id="editorButton750">Editor

+                        <i class="fa fa-check-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option" id="fullscreenButton750">Fullscreen</div>

+                    <div class="option" id="editorFullscreenButton750">Editor Fullscreen</div>

+                    <div class="option" id="formatButton750">Format code</div>

+                    <div class="option" id="minimapToggle750">Minimap

+                        <i class="far fa-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option" id="debugButton750">Inspector</div>

+                    <div class="option" id="metadataButton750">Metadata</div>

+                    <div class="option subSelect">

+                        <span id="currentVersion750">Vers. : Latest</span>

+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                        <div class="toDisplaySub">

+                            <div class="option" onclick="setVersion('latest');">Latest</div>

+                            <div class="option" onclick="setVersion('2.5');">2.5</div>

                         </div>

                     </div>

                 </div>

             </div>

-

-            <div class="category right">

-                <div class="button select">

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

-                </div>

-            </div>

         </div>

 

-        <div class="wrapper">

-            <div id="jsEditor"></div>

-            <div id="canvasZone">

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

-            </div>

-        </div>

-        <div id="exampleList">

-            <div id="exampleBanner">

-                <h1>Examples</h1>

+        <div class="category right">

+            <div class="button select">

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

             </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>

+    </div>

 

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

-

-        <div id="errorZone">

+    <div class="wrapper">

+        <div id="jsEditor"></div>

+        <div id="canvasZone">

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

         </div>

-

-        <div class="navbarBottom">

-            <div id="statusBar"></div>

-            <div class="links">

-                <div class='link'>

-                    <a target='_new' href="https://www.netlify.com/">Deployed by Netlify</a>

-                </div>

-                <div class='link'>

-                    <a target='_new' href="https://forum.babylonjs.com/">Forum</a>

-                </div>

-                <div class='link'>

-                    <a target='_new' href="https://www.babylonjs.com/sandbox">Sandbox</a>

-                </div>

-                <div class='link'>

-                    <a target='_new' href="https://doc.babylonjs.com">Documentation</a>

-                </div>

-                <div class='link'>

-                    <a target='_new' href="https://doc.babylonjs.com/playground">Search</a>

-                </div>

+    </div>

+    <div id="exampleList">

+        <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>

+

+    <div id="errorZone">

+    </div>

+

+    <div class="navbarBottom">

+        <div id="statusBar"></div>

+        <div class="links">

+            <div class='link'>

+                <a target='_new' href="https://www.netlify.com/">Deployed by Netlify</a>

+            </div>

+            <div class='link'>

+                <a target='_new' href="https://forum.babylonjs.com/">Forum</a>

+            </div>

+            <div class='link'>

+                <a target='_new' href="https://www.babylonjs.com/sandbox">Sandbox</a>

+            </div>

+            <div class='link'>

+                <a target='_new' href="https://doc.babylonjs.com">Documentation</a>

+            </div>

+            <div class='link'>

+                <a target='_new' href="https://doc.babylonjs.com/playground">Search</a>

             </div>

         </div>

+    </div>

 

-        <div id="saveLayer" class="save-layer">

-            <div class="save-form">

-                <label for="saveFormTitle">TITLE</label>

-                <div class="separator"></div>

-                <input type="text" maxlength="120" id="saveFormTitle" class="save-form-title">

+    <div id="saveLayer" class="save-layer">

+        <div class="save-form">

+            <label for="saveFormTitle">TITLE</label>

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

+            <input type="text" maxlength="120" id="saveFormTitle" class="save-form-title">

 

-                <label for="saveFormDescription">DESCRIPTION</label>

-                <div class="separator"></div>

-                <textarea id="saveFormDescription" rows="4" cols="10"></textarea>

+            <label for="saveFormDescription">DESCRIPTION</label>

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

+            <textarea id="saveFormDescription" rows="4" cols="10"></textarea>

 

-                <label for="saveFormTags">TAGS (separated by comma)</label>

-                <div class="separator"></div>

-                <textarea id="saveFormTags" rows="4" cols="10"></textarea>

+            <label for="saveFormTags">TAGS (separated by comma)</label>

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

+            <textarea id="saveFormTags" rows="4" cols="10"></textarea>

 

-                <div class="save-form-buttons" id="saveFormButtons">

+            <div class="save-form-buttons" id="saveFormButtons">

 

-                    <div id="saveFormButtonOk" class="button">OK</div>

-                    <div id="saveFormButtonCancel" class="button">Cancel</div>

-                </div>

+                <div id="saveFormButtonOk" class="button">OK</div>

+                <div id="saveFormButtonCancel" class="button">Cancel</div>

             </div>

         </div>

+    </div>

 

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

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

 

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

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

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

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

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

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

 

-        <!-- Global site tag (gtag.js) - Google Analytics -->

-        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-41767310-2"></script>

-        <script>

-            window.dataLayer = window.dataLayer || [];

-            function gtag() { dataLayer.push(arguments); }

-            gtag('js', new Date());

+    <!-- Global site tag (gtag.js) - Google Analytics -->

+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-41767310-2"></script>

+    <script>

+        window.dataLayer = window.dataLayer || [];

+        function gtag() { dataLayer.push(arguments); }

+        gtag('js', new Date());

 

-            gtag('config', 'UA-41767310-2');

-        </script>

-    </body>

+        gtag('config', 'UA-41767310-2');

+    </script>

+</body>

 

-</html>

+</html>

+ 81 - 73
Playground/frame.html
Bestand weergeven 

@@ -1,93 +1,101 @@
 
 <!DOCTYPE html>

 <html>

 

-    <head>

-        <title>Babylon.js Playground</title>

-        <link rel="shortcut icon" href="https://www.babylonjs.com/img/favicon/favicon.ico">

-        <link rel="manifest" href="https://www.babylonjs.com/img/favicon/manifest.json">

-        <meta name="msapplication-TileColor" content="#ffffff">

-        <meta name="msapplication-TileImage" content="https://www.babylonjs.com/img/favicon/ms-icon-144x144.png">

-        <meta name="msapplication-config" content="https://www.babylonjs.com/img/favicon/browserconfig.xml">

-        <meta name="theme-color" content="#ffffff">

-        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">

+<head>

+    <title>Babylon.js Playground</title>

+    <link rel="shortcut icon" href="https://www.babylonjs.com/img/favicon/favicon.ico">

+    <link rel="manifest" href="https://www.babylonjs.com/img/favicon/manifest.json">

+    <meta name="msapplication-TileColor" content="#ffffff">

+    <meta name="msapplication-TileImage" content="https://www.babylonjs.com/img/favicon/ms-icon-144x144.png">

+    <meta name="msapplication-config" content="https://www.babylonjs.com/img/favicon/browserconfig.xml">

+    <meta name="theme-color" content="#ffffff">

+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">

 

-        <script src="https://code.jquery.com/pep/0.4.2/pep.min.js"></script>

+    <script src="https://code.jquery.com/pep/0.4.2/pep.min.js"></script>

 

-        <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.6.2/dat.gui.min.js"></script>

-        <!-- Babylon.js -->

-        <script src="https://preview.babylonjs.com/ammo.js"></script>

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

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

-        <script src="https://preview.babylonjs.com/earcut.min.js"></script>

-        <script src="https://preview.babylonjs.com/gltf_validator.js"></script>

-        <script src="https://preview.babylonjs.com/babylon.js"></script>

-        <script src="https://preview.babylonjs.com/gui/babylon.gui.min.js"></script>

-        <script src="https://preview.babylonjs.com/inspector/babylon.inspector.bundle.js"></script>

+    <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.6.2/dat.gui.min.js"></script>

+    <!-- Babylon.js -->

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

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

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

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

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

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

+    <script src="https://preview.babylonjs.com/gui/babylon.gui.min.js"></script>

+    <script src="https://preview.babylonjs.com/inspector/babylon.inspector.bundle.js"></script>

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

 

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.fireMaterial.min.js"></script>

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.waterMaterial.min.js"></script>

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.lavaMaterial.min.js"></script>

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.normalMaterial.min.js"></script>

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.skyMaterial.min.js"></script>

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.triPlanarMaterial.min.js"></script>

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.terrainMaterial.min.js"></script>

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.gradientMaterial.min.js"></script>

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.furMaterial.min.js"></script>

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.gridMaterial.min.js"></script>

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.shadowOnlyMaterial.min.js"></script>

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.customMaterial.min.js"></script>

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylon.cellMaterial.min.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.fireMaterial.min.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.waterMaterial.min.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.lavaMaterial.min.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.normalMaterial.min.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.skyMaterial.min.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.triPlanarMaterial.min.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.terrainMaterial.min.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.gradientMaterial.min.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.furMaterial.min.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.gridMaterial.min.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.shadowOnlyMaterial.min.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.customMaterial.min.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylon.cellMaterial.min.js"></script>

 

-        <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.brickProceduralTexture.min.js"></script>

-        <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.cloudProceduralTexture.min.js"></script>

-        <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.fireProceduralTexture.min.js"></script>

-        <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.grassProceduralTexture.min.js"></script>

-        <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.marbleProceduralTexture.min.js"></script>

-        <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.roadProceduralTexture.min.js"></script>

-        <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.starfieldProceduralTexture.min.js"></script>

-        <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.woodProceduralTexture.min.js"></script>

+    <script

+        src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.brickProceduralTexture.min.js"></script>

+    <script

+        src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.cloudProceduralTexture.min.js"></script>

+    <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.fireProceduralTexture.min.js"></script>

+    <script

+        src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.grassProceduralTexture.min.js"></script>

+    <script

+        src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.marbleProceduralTexture.min.js"></script>

+    <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.roadProceduralTexture.min.js"></script>

+    <script

+        src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.starfieldProceduralTexture.min.js"></script>

+    <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylon.woodProceduralTexture.min.js"></script>

 

-        <script src="https://preview.babylonjs.com/postProcessesLibrary/babylon.asciiArtPostProcess.min.js"></script>

-        <script src="https://preview.babylonjs.com/postProcessesLibrary/babylon.digitalRainPostProcess.min.js"></script>

+    <script src="https://preview.babylonjs.com/postProcessesLibrary/babylon.asciiArtPostProcess.min.js"></script>

+    <script src="https://preview.babylonjs.com/postProcessesLibrary/babylon.digitalRainPostProcess.min.js"></script>

 

-        <script src="https://preview.babylonjs.com/loaders/babylon.glTFFileLoader.js"></script>

-        <script src="https://preview.babylonjs.com/loaders/babylon.objFileLoader.js"></script>

-        <script src="https://preview.babylonjs.com/loaders/babylon.stlFileLoader.js"></script>

+    <script src="https://preview.babylonjs.com/loaders/babylon.glTFFileLoader.js"></script>

+    <script src="https://preview.babylonjs.com/loaders/babylon.objFileLoader.js"></script>

+    <script src="https://preview.babylonjs.com/loaders/babylon.stlFileLoader.js"></script>

 

-        <script src="https://preview.babylonjs.com/serializers/babylonjs.serializers.min.js"></script>

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

 

-        <script src="https://rawgit.com/BabylonJS/Extensions/master/ClonerSystem/src/babylonx.cloner.js"></script>

-        <script src="https://rawgit.com/BabylonJS/Extensions/master/CompoundShader/src/babylonx.CompoundShader.js"></script>

-        <link href="frame.css" rel="stylesheet" />

-    </head>

+    <script src="https://rawgit.com/BabylonJS/Extensions/master/ClonerSystem/src/babylonx.cloner.js"></script>

+    <script src="https://rawgit.com/BabylonJS/Extensions/master/CompoundShader/src/babylonx.CompoundShader.js"></script>

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

+</head>

 

-    <body>

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

+<body>

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

 

-        <div class="footer">

+    <div class="footer">

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

         <div class="footerRight">

-                <a href="javascript:void(null);">

-                    <img id="refresh" src="textures/icons/refresh.png"  width="36" height="36" alt="Reload page" title="Reload page"/>

-                </a>

-                <a id="edit" href="#" target="_blank">

-                    <img src="textures/icons/edit.png" width="36" height="36" alt="Edit in playground" title="Edit in playground"/>

-                </a>

-        </div>

+            <a href="javascript:void(null);">

+                <img id="refresh" src="textures/icons/refresh.png" width="36" height="36" alt="Reload page"

+                    title="Reload page" />

+            </a>

+            <a id="edit" href="#" target="_blank">

+                <img src="textures/icons/edit.png" width="36" height="36" alt="Edit in playground"

+                    title="Edit in playground" />

+            </a>

         </div>

+    </div>

 

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

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

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

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

 

-        <!-- Global site tag (gtag.js) - Google Analytics -->

-        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-41767310-2"></script>

-        <script>

-            window.dataLayer = window.dataLayer || [];

-            function gtag() { dataLayer.push(arguments); }

-            gtag('js', new Date());

+    <!-- Global site tag (gtag.js) - Google Analytics -->

+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-41767310-2"></script>

+    <script>

+        window.dataLayer = window.dataLayer || [];

+        function gtag() { dataLayer.push(arguments); }

+        gtag('js', new Date());

 

-            gtag('config', 'UA-41767310-2');

-        </script>

-    </body>

+        gtag('config', 'UA-41767310-2');

+    </script>

+</body>

 

-</html>

+</html>

+ 50 - 53
Playground/full.html
Bestand weergeven 

@@ -1,56 +1,53 @@
 
 <!DOCTYPE html>

 <html>

 

-    <head>

-        <title>Babylon.js Playground</title>

-        <link rel="shortcut icon" href="https://www.babylonjs.com/img/favicon/favicon.ico">

-        <link rel="manifest" href="https://www.babylonjs.com/img/favicon/manifest.json">

-        <meta name="msapplication-TileColor" content="#ffffff">

-        <meta name="msapplication-TileImage" content="https://www.babylonjs.com/img/favicon/ms-icon-144x144.png">

-        <meta name="msapplication-config" content="https://www.babylonjs.com/img/favicon/browserconfig.xml">

-        <meta name="theme-color" content="#ffffff">

-        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">

-

-        <script src="https://code.jquery.com/pep/0.4.2/pep.min.js"></script>

-        <!-- Babylon.js -->

-        <script src="https://preview.babylonjs.com/ammo.js"></script>

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

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

-        <script src="https://preview.babylonjs.com/gltf_validator.js"></script>

-        <script src="https://preview.babylonjs.com/babylon.js"></script>

-        <script src="https://preview.babylonjs.com/gui/babylon.gui.min.js"></script>

-        <script src="https://preview.babylonjs.com/inspector/babylon.inspector.bundle.js"></script>

-

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylonjs.materials.min.js"></script>

-

-        <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylonjs.proceduralTextures.min.js"></script>

-

-        <script src="https://preview.babylonjs.com/postProcessesLibrary/babylonjs.postProcess.min.js"></script>

-

-        <script src="https://preview.babylonjs.com/loaders/babylonjs.loaders.js"></script>

-

-

-

-        <script src="https://rawgit.com/BabylonJS/Extensions/master/ClonerSystem/src/babylonx.cloner.js"></script>

-        <script src="https://rawgit.com/BabylonJS/Extensions/master/CompoundShader/src/babylonx.CompoundShader.js"></script>

-        <link href="frame.css" rel="stylesheet" />

-    </head>

-

-    <body>

-        <!-- Override frame style -->

-        <canvas touch-action="none" id="renderCanvas" tabindex="1" style="height: 100%"></canvas>

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

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

-

-        <!-- Global site tag (gtag.js) - Google Analytics -->

-        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-41767310-2"></script>

-        <script>

-            window.dataLayer = window.dataLayer || [];

-            function gtag() { dataLayer.push(arguments); }

-            gtag('js', new Date());

-

-            gtag('config', 'UA-41767310-2');

-        </script>

-    </body>

-

-</html>

+<head>

+    <title>Babylon.js Playground</title>

+    <link rel="shortcut icon" href="https://www.babylonjs.com/img/favicon/favicon.ico">

+    <link rel="manifest" href="https://www.babylonjs.com/img/favicon/manifest.json">

+    <meta name="msapplication-TileColor" content="#ffffff">

+    <meta name="msapplication-TileImage" content="https://www.babylonjs.com/img/favicon/ms-icon-144x144.png">

+    <meta name="msapplication-config" content="https://www.babylonjs.com/img/favicon/browserconfig.xml">

+    <meta name="theme-color" content="#ffffff">

+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">

+

+    <script src="https://code.jquery.com/pep/0.4.2/pep.min.js"></script>

+    <!-- Babylon.js -->

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

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

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

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

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

+    <script src="https://preview.babylonjs.com/gui/babylon.gui.min.js"></script>

+    <script src="https://preview.babylonjs.com/inspector/babylon.inspector.bundle.js"></script>

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

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylonjs.materials.min.js"></script>

+    <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylonjs.proceduralTextures.min.js"></script>

+    <script src="https://preview.babylonjs.com/postProcessesLibrary/babylonjs.postProcess.min.js"></script>

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

+

+

+

+    <script src="https://rawgit.com/BabylonJS/Extensions/master/ClonerSystem/src/babylonx.cloner.js"></script>

+    <script src="https://rawgit.com/BabylonJS/Extensions/master/CompoundShader/src/babylonx.CompoundShader.js"></script>

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

+</head>

+

+<body>

+    <!-- Override frame style -->

+    <canvas touch-action="none" id="renderCanvas" tabindex="1" style="height: 100%"></canvas>

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

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

+

+    <!-- Global site tag (gtag.js) - Google Analytics -->

+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-41767310-2"></script>

+    <script>

+        window.dataLayer = window.dataLayer || [];

+        function gtag() { dataLayer.push(arguments); }

+        gtag('js', new Date());

+

+        gtag('config', 'UA-41767310-2');

+    </script>

+</body>

+

+</html>

+ 3 - 1
Playground/index.html
Bestand weergeven 

@@ -27,6 +27,7 @@
 
     <script src="https://preview.babylonjs.com/babylon.js"></script>

     <script src="https://preview.babylonjs.com/gui/babylon.gui.min.js"></script>

     <script src="https://preview.babylonjs.com/inspector/babylon.inspector.bundle.js"></script>

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

     <script src="https://preview.babylonjs.com/materialsLibrary/babylonjs.materials.min.js"></script>

     <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylonjs.proceduralTextures.min.js"></script>

     <script src="https://preview.babylonjs.com/postProcessesLibrary/babylonjs.postProcess.min.js"></script>

@@ -118,7 +119,8 @@
 
                     <div class="option subSelect" id="qrCodeHover" onmouseover="showQRCode();">QR Code Link

                         <i class="fa fa-chevron-right" aria-hidden="true"></i>

                         <div class="toDisplaySub">

-                            <div class="option" style="height:auto;padding: 20px;background: white;" id="qrCodeImage">QR Code Image</div>

+                            <div class="option" style="height:auto;padding: 20px;background: white;" id="qrCodeImage">QR

+                                Code Image</div>

                         </div>

                     </div>

                 </div>

BIN
Playground/sounds/bounce.wav
Bestand weergeven


BIN
Playground/textures/sidexside.jpg
Bestand weergeven


BIN
Playground/textures/topbottom.jpg
Bestand weergeven


+ 402 - 405
Playground/ts.html
Bestand weergeven 

@@ -1,495 +1,492 @@
 
 <!DOCTYPE html>

 <html>

 

-    <head>

-        <title>Babylon.js Playground</title>

-        <meta charset='utf-8' />

-        <meta name="viewport" content="width=device-width, user-scalable=no">

-        <link rel="shortcut icon" href="https://www.babylonjs.com/img/favicon/favicon.ico">

-        <link rel="apple-touch-icon" sizes="57x57" href="https://www.babylonjs.com/img/favicon/apple-icon-57x57.png">

-        <link rel="apple-touch-icon" sizes="60x60" href="https://www.babylonjs.com/img/favicon/apple-icon-60x60.png">

-        <link rel="apple-touch-icon" sizes="72x72" href="https://www.babylonjs.com/img/favicon/apple-icon-72x72.png">

-        <link rel="apple-touch-icon" sizes="76x76" href="https://www.babylonjs.com/img/favicon/apple-icon-76x76.png">

-        <link rel="apple-touch-icon" sizes="114x114" href="https://www.babylonjs.com/img/favicon/apple-icon-114x114.png">

-        <link rel="apple-touch-icon" sizes="120x120" href="https://www.babylonjs.com/img/favicon/apple-icon-120x120.png">

-        <link rel="apple-touch-icon" sizes="144x144" href="https://www.babylonjs.com/img/favicon/apple-icon-144x144.png">

-        <link rel="apple-touch-icon" sizes="152x152" href="https://www.babylonjs.com/img/favicon/apple-icon-152x152.png">

-        <link rel="apple-touch-icon" sizes="180x180" href="https://www.babylonjs.com/img/favicon/apple-icon-180x180.png">

-        <link rel="icon" type="image/png" sizes="192x192" href="https://www.babylonjs.com/img/favicon/android-icon-192x192.png">

-        <link rel="icon" type="image/png" sizes="32x32" href="https://www.babylonjs.com/img/favicon/favicon-32x32.png">

-        <link rel="icon" type="image/png" sizes="96x96" href="https://www.babylonjs.com/img/favicon/favicon-96x96.png">

-        <link rel="icon" type="image/png" sizes="16x16" href="https://www.babylonjs.com/img/favicon/favicon-16x16.png">

-        <link rel="manifest" href="https://www.babylonjs.com/img/favicon/manifest.json">

-        <meta name="msapplication-TileColor" content="#ffffff">

-        <meta name="msapplication-TileImage" content="https://www.babylonjs.com/img/favicon/ms-icon-144x144.png">

-        <meta name="msapplication-config" content="https://www.babylonjs.com/img/favicon/browserconfig.xml">

-        <meta name="theme-color" content="#ffffff">

-

-        <script src="js/libs/pep.min.js"></script>

-        <!--For canvas/code separator-->

-        <script src="js/libs/split.js"></script>

-

-        <script src="js/libs/dat.gui.min.js"></script>

-        <!-- jszip -->

-        <script src="js/libs/jszip.min.js"></script>

-        <script src="js/libs/fileSaver.js"></script>

-        <!-- Dependencies -->

-        <script src="https://preview.babylonjs.com/ammo.js"></script>

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

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

-        <script src="https://preview.babylonjs.com/earcut.min.js"></script>

-        <!-- Babylon.js -->

-        <script src="https://preview.babylonjs.com/babylon.js"></script>

-        <script src="https://preview.babylonjs.com/gui/babylon.gui.min.js"></script>

-        <script src="https://preview.babylonjs.com/inspector/babylon.inspector.bundle.js"></script>

-        <script src="https://preview.babylonjs.com/materialsLibrary/babylonjs.materials.min.js"></script>

-        <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylonjs.proceduralTextures.min.js"></script>

-        <script src="https://preview.babylonjs.com/postProcessesLibrary/babylonjs.postProcess.min.js"></script>

-        <script src="https://preview.babylonjs.com/loaders/babylonjs.loaders.js"></script>

-        <script src="https://preview.babylonjs.com/serializers/babylonjs.serializers.min.js"></script>

-

-        <!-- Monaco -->

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

-

-        <!-- Extensions -->

-        <script src="https://rawgit.com/BabylonJS/Extensions/master/ClonerSystem/src/babylonx.cloner.js" async></script>

-        <script src="https://rawgit.com/BabylonJS/Extensions/master/CompoundShader/src/babylonx.CompoundShader.js" async></script>

-

-        <!-- Scene Manager -->

-        <script src="https://mackeyk24.github.io/toolkit/babylon.manager.js"></script>

-        <script src="https://mackeyk24.github.io/toolkit/babylon.navmesh.js"></script>

-

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

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

-    </head>

-

-    <body>

-        <div class="navbar navBar1600">

-            <div class="title">

-                Babylon.js Playground

-            </div>

-            <div class="version" id="mainTitle">

-            </div>

+<head>

+    <title>Babylon.js Playground</title>

+    <meta charset='utf-8' />

+    <meta name="viewport" content="width=device-width, user-scalable=no">

+    <link rel="shortcut icon" href="https://www.babylonjs.com/favicon.ico">

+

+    <link rel="stylesheet" href="https://use.typekit.net/cta4xsb.css">

+

+    <script src="js/libs/pep.min.js"></script>

+    <!--For canvas/code separator-->

+    <script src="js/libs/split.js"></script>

+

+    <script src="js/libs/dat.gui.min.js"></script>

+    <!-- jszip -->

+    <script src="js/libs/jszip.min.js"></script>

+    <script src="js/libs/fileSaver.js"></script>

+    <!-- Dependencies -->

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

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

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

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

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

+    <!-- Babylon.js -->

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

+    <script src="https://preview.babylonjs.com/gui/babylon.gui.min.js"></script>

+    <script src="https://preview.babylonjs.com/inspector/babylon.inspector.bundle.js"></script>

+    <script src="https://preview.babylonjs.com/materialsLibrary/babylonjs.materials.min.js"></script>

+    <script src="https://preview.babylonjs.com/proceduralTexturesLibrary/babylonjs.proceduralTextures.min.js"></script>

+    <script src="https://preview.babylonjs.com/postProcessesLibrary/babylonjs.postProcess.min.js"></script>

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

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

+

+    <!-- Monaco -->

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

+

+    <!-- Extensions -->

+    <script src="https://rawgit.com/BabylonJS/Extensions/master/ClonerSystem/src/babylonx.cloner.js" async></script>

+    <script src="https://rawgit.com/BabylonJS/Extensions/master/CompoundShader/src/babylonx.CompoundShader.js"

+        async></script>

+

+    <!-- Scene Manager -->

+    <script src="https://mackeyk24.github.io/toolkit/babylon.manager.js"></script>

+    <script src="https://mackeyk24.github.io/toolkit/babylon.navmesh.js"></script>

+

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

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

+</head>

+

+<body>

+    <div class="navbar navBar1600">

+        <div class="title">

+            Babylon.js Playground

+        </div>

+        <div class="version" id="mainTitle">

+        </div>

 

-            <div class="category">

-                <div class="button run" id="runButton1600">Run

-                    <i class="fa fa-play" aria-hidden="true"></i>

-                </div>

+        <div class="category">

+            <div class="button run" id="runButton1600">Run

+                <i class="fa fa-play" aria-hidden="true"></i>

             </div>

+        </div>

 

 

-            <div class="category">

-                <div class="button" id="newButton1600">New

-                    <i class="fa fa-file" aria-hidden="true"></i>

-                </div>

-                <div class="button removeOnPhone" id="clearButton1600">Clear

-                    <i class="fa fa-trash" aria-hidden="true"></i>

-                </div>

+        <div class="category">

+            <div class="button" id="newButton1600">New

+                <i class="fa fa-file" aria-hidden="true"></i>

+            </div>

+            <div class="button removeOnPhone" id="clearButton1600">Clear

+                <i class="fa fa-trash" aria-hidden="true"></i>

             </div>

+        </div>

 

-            <div class="category">

-                <div class="button" id="saveButton1600">Save

-                    <i class="fa fa-floppy-o" aria-hidden="true"></i>

-                </div>

-                <div class="button removeOnPhone" id="zipButton1600">Zip

-                    <i class="fa fa-download" aria-hidden="true"></i>

-                </div>

+        <div class="category">

+            <div class="button" id="saveButton1600">Save

+                <i class="fa fa-floppy-o" aria-hidden="true"></i>

+            </div>

+            <div class="button removeOnPhone" id="zipButton1600">Zip

+                <i class="fa fa-download" aria-hidden="true"></i>

             </div>

+        </div>

 

-            <div class="category">

-                <div class="button select">Settings

-                    <div class="toDisplay">

-                        <div class="option subSelect">Theme

-                            <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                            <div class="toDisplaySub">

-                                <div class="option" id="darkTheme1600">Dark</div>

-                                <div class="option" id="lightTheme1600">Light</div>

-                            </div>

+        <div class="category">

+            <div class="button select">Settings

+                <div class="toDisplay">

+                    <div class="option subSelect">Theme

+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                        <div class="toDisplaySub">

+                            <div class="option" id="darkTheme1600">Dark</div>

+                            <div class="option" id="lightTheme1600">Light</div>

                         </div>

-                        <div class="option subSelect">

-                            <span id="currentFontSize1600">Font: 14</span>

-                            <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                            <div class="toDisplaySub">

-                                <div class="option" onclick="setFontSize(12);">12</div>

-                                <div class="option" onclick="setFontSize(14);">14</div>

-                                <div class="option" onclick="setFontSize(16);">16</div>

-                                <div class="option" onclick="setFontSize(18);">18</div>

-                                <div class="option" onclick="setFontSize(20);">20</div>

-                                <div class="option" onclick="setFontSize(22);">22</div>

-                            </div>

-                        </div>

-                        <div class="option" id="safemodeToggle1600">Safe mode

-                            <i class="far fa-square" aria-hidden="true"></i>

-                        </div>

-                        <div class="option checked" id="editorButton1600">Editor

-                            <i class="fa fa-check-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option subSelect">

+                        <span id="currentFontSize1600">Font: 14</span>

+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                        <div class="toDisplaySub">

+                            <div class="option" onclick="setFontSize(12);">12</div>

+                            <div class="option" onclick="setFontSize(14);">14</div>

+                            <div class="option" onclick="setFontSize(16);">16</div>

+                            <div class="option" onclick="setFontSize(18);">18</div>

+                            <div class="option" onclick="setFontSize(20);">20</div>

+                            <div class="option" onclick="setFontSize(22);">22</div>

                         </div>

-                        <div class="option" id="fullscreenButton1600">Fullscreen</div>

-                        <div class="option" id="editorFullscreenButton1600">Editor Fullscreen</div>

-                        <div class="option" id="formatButton1600">Format code</div>

-                        <div class="option" id="minimapToggle1600">Minimap

-                            <i class="far fa-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option" id="safemodeToggle1600">Safe mode

+                        <i class="far fa-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option checked" id="editorButton1600">Editor

+                        <i class="fa fa-check-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option" id="fullscreenButton1600">Fullscreen</div>

+                    <div class="option" id="editorFullscreenButton1600">Editor Fullscreen</div>

+                    <div class="option" id="formatButton1600">Format code</div>

+                    <div class="option" id="minimapToggle1600">Minimap

+                        <i class="far fa-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option subSelect" id="qrCodeHover" onmouseover="showQRCode();">QR Code Link

+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                        <div class="toDisplaySub">

+                            <div class="option" style="height:auto;padding: 20px;background: white;" id="qrCodeImage">QR

+                                Code Image</div>

                         </div>

                     </div>

                 </div>

-

-                <div class="button uncheck" id="debugButton1600">Inspector</div>

-                <div class="button" id="metadataButton1600">Metadata</div>

             </div>

 

+            <div class="button uncheck" id="debugButton1600">Inspector</div>

+            <div class="button" id="metadataButton1600">Metadata</div>

+        </div>

 

 

-            <div class="category right">

-                <div class="button select">

-                    <span id="currentVersion1600">Version: Latest</span>

-                    <div class="toDisplay">

-                        <div class="option" onclick="setVersion('latest');">Latest</div>

-                        <div class="option" onclick="setVersion('stable');">Stable</div>

-                    </div>

-                </div>

-                <div class="button select">

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

+

+        <div class="category right">

+            <div class="button select">

+                <span id="currentVersion1600">Version: Latest</span>

+                <div class="toDisplay">

+                    <div class="option" onclick="setVersion('latest');">Latest</div>

+                    <div class="option" onclick="setVersion('stable');">Stable</div>

                 </div>

             </div>

+            <div class="button select">

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

+            </div>

         </div>

+    </div>

 

-        <div class="navbar navBar1475">

-            <div class="title">

-                Babylon.js Playground

-            </div>

-            <div class="version" id="mainTitle">

-            </div>

+    <div class="navbar navBar1475">

+        <div class="title">

+            Babylon.js Playground

+        </div>

+        <div class="version" id="mainTitle">

+        </div>

 

-            <div class="category">

-                <div class="button run" id="runButton1475">Run

-                    <i class="fa fa-play" aria-hidden="true"></i>

-                </div>

+        <div class="category">

+            <div class="button run" id="runButton1475">Run

+                <i class="fa fa-play" aria-hidden="true"></i>

             </div>

+        </div>

 

 

-            <div class="category">

-                <div class="button" id="newButton1475">New

-                    <i class="fa fa-file" aria-hidden="true"></i>

-                </div>

-                <div class="button removeOnPhone" id="clearButton1475">Clear

-                    <i class="fa fa-trash" aria-hidden="true"></i>

-                </div>

+        <div class="category">

+            <div class="button" id="newButton1475">New

+                <i class="fa fa-file" aria-hidden="true"></i>

             </div>

+            <div class="button removeOnPhone" id="clearButton1475">Clear

+                <i class="fa fa-trash" aria-hidden="true"></i>

+            </div>

+        </div>

 

-            <div class="category">

-                <div class="button" id="saveButton1475">Save

-                    <i class="fa fa-floppy-o" aria-hidden="true"></i>

-                </div>

-                <div class="button removeOnPhone" id="zipButton1475">Zip

-                    <i class="fa fa-download" aria-hidden="true"></i>

-                </div>

+        <div class="category">

+            <div class="button" id="saveButton1475">Save

+                <i class="fa fa-floppy-o" aria-hidden="true"></i>

             </div>

+            <div class="button removeOnPhone" id="zipButton1475">Zip

+                <i class="fa fa-download" aria-hidden="true"></i>

+            </div>

+        </div>

 

-            <div class="category">

-                <div class="button select">Settings

-                    <div class="toDisplay">

-                        <div class="option subSelect">Theme

-                            <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                            <div class="toDisplaySub">

-                                <div class="option" id="darkTheme1475">Dark</div>

-                                <div class="option" id="lightTheme1475">Light</div>

-                            </div>

-                        </div>

-                        <div class="option subSelect">

-                            <span id="currentFontSize1475">Font: 14</span>

-                            <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                            <div class="toDisplaySub">

-                                <div class="option" onclick="setFontSize(12);">12</div>

-                                <div class="option" onclick="setFontSize(14);">14</div>

-                                <div class="option" onclick="setFontSize(16);">16</div>

-                                <div class="option" onclick="setFontSize(18);">18</div>

-                                <div class="option" onclick="setFontSize(20);">20</div>

-                                <div class="option" onclick="setFontSize(22);">22</div>

-                            </div>

+        <div class="category">

+            <div class="button select">Settings

+                <div class="toDisplay">

+                    <div class="option subSelect">Theme

+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                        <div class="toDisplaySub">

+                            <div class="option" id="darkTheme1475">Dark</div>

+                            <div class="option" id="lightTheme1475">Light</div>

                         </div>

-                        <div class="option" id='safemodeToggle1475'>Safe mode

-                            <i class="far fa-square" aria-hidden="true"></i>

-                        </div>

-                        <div class="option checked" id="editorButton1475">Editor

-                            <i class="fa fa-check-square" aria-hidden="true"></i>

-                        </div>

-                        <div class="option" id="fullscreenButton1475">Fullscreen</div>

-                        <div class="option" id="editorFullscreenButton1475">Editor Fullscreen</div>

-                        <div class="option" id="formatButton1475">Format code</div>

-                        <div class="option" id="minimapToggle1475">Minimap

-                            <i class="far fa-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option subSelect">

+                        <span id="currentFontSize1475">Font: 14</span>

+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                        <div class="toDisplaySub">

+                            <div class="option" onclick="setFontSize(12);">12</div>

+                            <div class="option" onclick="setFontSize(14);">14</div>

+                            <div class="option" onclick="setFontSize(16);">16</div>

+                            <div class="option" onclick="setFontSize(18);">18</div>

+                            <div class="option" onclick="setFontSize(20);">20</div>

+                            <div class="option" onclick="setFontSize(22);">22</div>

                         </div>

-                        <div class="option" id="debugButton1475">Inspector</div>

-                        <div class="option" id="metadataButton1475">Metadata</div>

-                        <div class="option subSelect">

-                            <span id="currentVersion1475">Vers. : Latest</span>

-                            <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                            <div class="toDisplaySub">

-                                <div class="option" onclick="setVersion('latest');">Latest</div>

-                                <div class="option" onclick="setVersion('stable');">Stable</div>

-                            </div>

+                    </div>

+                    <div class="option" id='safemodeToggle1475'>Safe mode

+                        <i class="far fa-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option checked" id="editorButton1475">Editor

+                        <i class="fa fa-check-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option" id="fullscreenButton1475">Fullscreen</div>

+                    <div class="option" id="editorFullscreenButton1475">Editor Fullscreen</div>

+                    <div class="option" id="formatButton1475">Format code</div>

+                    <div class="option" id="minimapToggle1475">Minimap

+                        <i class="far fa-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option" id="debugButton1475">Inspector</div>

+                    <div class="option" id="metadataButton1475">Metadata</div>

+                    <div class="option subSelect">

+                        <span id="currentVersion1475">Vers. : Latest</span>

+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                        <div class="toDisplaySub">

+                            <div class="option" onclick="setVersion('latest');">Latest</div>

+                            <div class="option" onclick="setVersion('stable');">Stable</div>

                         </div>

                     </div>

                 </div>

             </div>

+        </div>

 

-            <div class="category right">

-                <div class="button select">

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

-                </div>

+        <div class="category right">

+            <div class="button select">

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

             </div>

         </div>

+    </div>

 

-        <div class="navbar navBar1030">

-            <div class="category">

-                <div class="button run" id="runButton1030">Run

-                    <i class="fa fa-play" aria-hidden="true"></i>

-                </div>

+    <div class="navbar navBar1030">

+        <div class="category">

+            <div class="button run" id="runButton1030">Run

+                <i class="fa fa-play" aria-hidden="true"></i>

             </div>

+        </div>

 

 

-            <div class="category">

-                <div class="button" id="newButton1030">New

-                    <i class="fa fa-file" aria-hidden="true"></i>

-                </div>

-                <div class="button removeOnPhone" id="clearButton1030">Clear

-                    <i class="fa fa-trash" aria-hidden="true"></i>

-                </div>

+        <div class="category">

+            <div class="button" id="newButton1030">New

+                <i class="fa fa-file" aria-hidden="true"></i>

             </div>

+            <div class="button removeOnPhone" id="clearButton1030">Clear

+                <i class="fa fa-trash" aria-hidden="true"></i>

+            </div>

+        </div>

 

-            <div class="category">

-                <div class="button" id="saveButton1030">Save

-                    <i class="fa fa-floppy-o" aria-hidden="true"></i>

-                </div>

-                <div class="button removeOnPhone" id="zipButton1030">Zip

-                    <i class="fa fa-download" aria-hidden="true"></i>

-                </div>

+        <div class="category">

+            <div class="button" id="saveButton1030">Save

+                <i class="fa fa-floppy-o" aria-hidden="true"></i>

             </div>

+            <div class="button removeOnPhone" id="zipButton1030">Zip

+                <i class="fa fa-download" aria-hidden="true"></i>

+            </div>

+        </div>

 

-            <div class="category">

-                <div class="button select">Settings

-                    <div class="toDisplay">

-                        <div class="option subSelect">Theme

-                            <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                            <div class="toDisplaySub">

-                                <div class="option" id="darkTheme1030">Dark</div>

-                                <div class="option" id="lightTheme1030">Light</div>

-                            </div>

-                        </div>

-                        <div class="option subSelect">

-                            <span id="currentFontSize1030">Font: 14</span>

-                            <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                            <div class="toDisplaySub">

-                                <div class="option" onclick="setFontSize(12);">12</div>

-                                <div class="option" onclick="setFontSize(14);">14</div>

-                                <div class="option" onclick="setFontSize(16);">16</div>

-                                <div class="option" onclick="setFontSize(18);">18</div>

-                                <div class="option" onclick="setFontSize(20);">20</div>

-                                <div class="option" onclick="setFontSize(22);">22</div>

-                            </div>

+        <div class="category">

+            <div class="button select">Settings

+                <div class="toDisplay">

+                    <div class="option subSelect">Theme

+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                        <div class="toDisplaySub">

+                            <div class="option" id="darkTheme1030">Dark</div>

+                            <div class="option" id="lightTheme1030">Light</div>

                         </div>

-                        <div class="option" id="safemodeToggle1030">Safe mode

-                            <i class="far fa-square" aria-hidden="true"></i>

-                        </div>

-                        <div class="option checked" id="editorButton1030">Editor

-                            <i class="fa fa-check-square" aria-hidden="true"></i>

-                        </div>

-                        <div class="option" id="fullscreenButton1030">Fullscreen</div>

-                        <div class="option" id="editorFullscreenButton1030">Editor Fullscreen</div>

-                        <div class="option" id="formatButton1030">Format code</div>

-                        <div class="option" id="minimapToggle1030">Minimap

-                            <i class="far fa-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option subSelect">

+                        <span id="currentFontSize1030">Font: 14</span>

+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                        <div class="toDisplaySub">

+                            <div class="option" onclick="setFontSize(12);">12</div>

+                            <div class="option" onclick="setFontSize(14);">14</div>

+                            <div class="option" onclick="setFontSize(16);">16</div>

+                            <div class="option" onclick="setFontSize(18);">18</div>

+                            <div class="option" onclick="setFontSize(20);">20</div>

+                            <div class="option" onclick="setFontSize(22);">22</div>

                         </div>

-                        <div class="option" id="debugButton1030">Inspector</div>

-                        <div class="option" id="metadataButton1030">Metadata</div>

-                        <div class="option subSelect">

-                            <span id="currentVersion1030">Vers. : Latest</span>

-                            <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                            <div class="toDisplaySub">

-                                <div class="option" onclick="setVersion('latest');">Latest</div>

-                                <div class="option" onclick="setVersion('stable');">Stable</div>

-                            </div>

+                    </div>

+                    <div class="option" id="safemodeToggle1030">Safe mode

+                        <i class="far fa-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option checked" id="editorButton1030">Editor

+                        <i class="fa fa-check-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option" id="fullscreenButton1030">Fullscreen</div>

+                    <div class="option" id="editorFullscreenButton1030">Editor Fullscreen</div>

+                    <div class="option" id="formatButton1030">Format code</div>

+                    <div class="option" id="minimapToggle1030">Minimap

+                        <i class="far fa-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option" id="debugButton1030">Inspector</div>

+                    <div class="option" id="metadataButton1030">Metadata</div>

+                    <div class="option subSelect">

+                        <span id="currentVersion1030">Vers. : Latest</span>

+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                        <div class="toDisplaySub">

+                            <div class="option" onclick="setVersion('latest');">Latest</div>

+                            <div class="option" onclick="setVersion('stable');">Stable</div>

                         </div>

                     </div>

                 </div>

             </div>

+        </div>

 

-            <div class="category right">

-                <div class="button select">

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

-                </div>

+        <div class="category right">

+            <div class="button select">

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

             </div>

         </div>

-

-        <div class="navbar navBar750">

-            <div class="category">

-                <div class="button select">File

-                    <div class="toDisplay">

-                        <div class="option" id="runButton750">Run

-                            <i class="fa fa-play" aria-hidden="true"></i>

-                        </div>

-                        <div class="option" id="newButton750">New

-                            <i class="fa fa-file" aria-hidden="true"></i>

-                        </div>

-                        <div class="option" id="clearButton750">Clear

-                            <i class="fa fa-trash" aria-hidden="true"></i>

-                        </div>

-                        <div class="option" id="saveButton750">Save

-                            <i class="fa fa-floppy-o" aria-hidden="true"></i>

-                        </div>

-                        <div class="option" id="zipButton750">Zip

-                            <i class="fa fa-download" aria-hidden="true"></i>

-                        </div>

+    </div>

+

+    <div class="navbar navBar750">

+        <div class="category">

+            <div class="button select">File

+                <div class="toDisplay">

+                    <div class="option" id="runButton750">Run

+                        <i class="fa fa-play" aria-hidden="true"></i>

+                    </div>

+                    <div class="option" id="newButton750">New

+                        <i class="fa fa-file" aria-hidden="true"></i>

+                    </div>

+                    <div class="option" id="clearButton750">Clear

+                        <i class="fa fa-trash" aria-hidden="true"></i>

+                    </div>

+                    <div class="option" id="saveButton750">Save

+                        <i class="fa fa-floppy-o" aria-hidden="true"></i>

+                    </div>

+                    <div class="option" id="zipButton750">Zip

+                        <i class="fa fa-download" aria-hidden="true"></i>

                     </div>

                 </div>

             </div>

+        </div>

 

-            <div class="category">

-                <div class="button select">Settings

-                    <div class="toDisplay">

-                        <div class="option subSelect">Theme

-                            <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                            <div class="toDisplaySub">

-                                <div class="option" id="darkTheme750">Dark</div>

-                                <div class="option" id="lightTheme750">Light</div>

-                            </div>

+        <div class="category">

+            <div class="button select">Settings

+                <div class="toDisplay">

+                    <div class="option subSelect">Theme

+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                        <div class="toDisplaySub">

+                            <div class="option" id="darkTheme750">Dark</div>

+                            <div class="option" id="lightTheme750">Light</div>

                         </div>

-                        <div class="option subSelect">

-                            <span id="currentFontSize750">Font: 14</span>

-                            <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                            <div class="toDisplaySub">

-                                <div class="option" onclick="setFontSize(12);">12</div>

-                                <div class="option" onclick="setFontSize(14);">14</div>

-                                <div class="option" onclick="setFontSize(16);">16</div>

-                                <div class="option" onclick="setFontSize(18);">18</div>

-                                <div class="option" onclick="setFontSize(20);">20</div>

-                                <div class="option" onclick="setFontSize(22);">22</div>

-                            </div>

-                        </div>

-                        <div class="option" id="safemodeToggle750">Safe mode

-                            <i class="far fa-square" aria-hidden="true"></i>

-                        </div>

-                        <div style="display:none;" class="option checked" id="editorButton750">Editor

-                            <i class="fa fa-check-square" aria-hidden="true"></i>

-                        </div>

-                        <div class="option" id="fullscreenButton750">Fullscreen</div>

-                        <div class="option" id="editorFullscreenButton750">Editor Fullscreen</div>

-                        <div class="option" id="formatButton750">Format code</div>

-                        <div class="option" id="minimapToggle750">Minimap

-                            <i class="far fa-square" aria-hidden="true"></i>

-                        </div>

-                        <div class="option" id="debugButton750">Inspector</div>

-                        <div class="option" id="metadataButton750">Metadata</div>

-                        <div class="option subSelect">

-                            <span id="currentVersion750">Vers. : Latest</span>

-                            <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                            <div class="toDisplaySub">

-                                <div class="option" onclick="setVersion('latest');">Latest</div>

-                                <div class="option" onclick="setVersion('stable');">Stable</div>

-                            </div>

+                    </div>

+                    <div class="option subSelect">

+                        <span id="currentFontSize750">Font: 14</span>

+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                        <div class="toDisplaySub">

+                            <div class="option" onclick="setFontSize(12);">12</div>

+                            <div class="option" onclick="setFontSize(14);">14</div>

+                            <div class="option" onclick="setFontSize(16);">16</div>

+                            <div class="option" onclick="setFontSize(18);">18</div>

+                            <div class="option" onclick="setFontSize(20);">20</div>

+                            <div class="option" onclick="setFontSize(22);">22</div>

                         </div>

-                        <div class="option subSelect" id="qrCodeHover" onmouseover="showQRCode();">QR Code Link

-                            <i class="fa fa-chevron-right" aria-hidden="true"></i>

-                            <div class="toDisplaySub">

-                                <div class="option" style="height:auto;padding: 20px;background: white;" id="qrCodeImage">QR Code Image</div>

-                            </div>

+                    </div>

+                    <div class="option" id="safemodeToggle750">Safe mode

+                        <i class="far fa-square" aria-hidden="true"></i>

+                    </div>

+                    <div style="display:none;" class="option checked" id="editorButton750">Editor

+                        <i class="fa fa-check-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option" id="fullscreenButton750">Fullscreen</div>

+                    <div class="option" id="editorFullscreenButton750">Editor Fullscreen</div>

+                    <div class="option" id="formatButton750">Format code</div>

+                    <div class="option" id="minimapToggle750">Minimap

+                        <i class="far fa-square" aria-hidden="true"></i>

+                    </div>

+                    <div class="option" id="debugButton750">Inspector</div>

+                    <div class="option" id="metadataButton750">Metadata</div>

+                    <div class="option subSelect">

+                        <span id="currentVersion750">Vers. : Latest</span>

+                        <i class="fa fa-chevron-right" aria-hidden="true"></i>

+                        <div class="toDisplaySub">

+                            <div class="option" onclick="setVersion('latest');">Latest</div>

+                            <div class="option" onclick="setVersion('stable');">Stable</div>

                         </div>

                     </div>

                 </div>

             </div>

         </div>

 

-        <div class="wrapper">

-            <div id="jsEditor"></div>

-            <div id="canvasZone">

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

-            </div>

-        </div>

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

-            <div id="exampleBanner">

-                <h1>Examples</h1>

+        <div class="category right">

+            <div class="button select">

+                <span id="currentScript750">Examples</span>

             </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>

+    </div>

 

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

-

-        <div id="errorZone">

+    <div class="wrapper">

+        <div id="jsEditor"></div>

+        <div id="canvasZone">

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

         </div>

-

-        <div class="navbarBottom">

-            <div id="statusBar"></div>

-            <div class="links">

-                <div class='link'>

-                    <a target='_new' href="https://www.netlify.com/">Deployed by Netlify</a>

-                </div>

-                <div class='link'>

-                    <a target='_new' href="https://forum.babylonjs.com/">Forum</a>

-                </div>

-                <div class='link'>

-                    <a target='_new' href="https://www.babylonjs.com/sandbox">Sandbox</a>

-                </div>

-                <div class='link'>

-                    <a target='_new' href="https://doc.babylonjs.com">Documentation</a>

-                </div>

-                <div class='link'>

-                    <a target='_new' href="https://doc.babylonjs.com/playground">Search</a>

-                </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>

+

+    <div id="errorZone">

+    </div>

+

+    <div class="navbarBottom">

+        <div id="statusBar"></div>

+        <div class="links">

+            <div class='link'>

+                <a target='_new' href="https://www.netlify.com/">Deployed by Netlify</a>

+            </div>

+            <div class='link'>

+                <a target='_new' href="https://forum.babylonjs.com/">Forum</a>

+            </div>

+            <div class='link'>

+                <a target='_new' href="https://www.babylonjs.com/sandbox">Sandbox</a>

+            </div>

+            <div class='link'>

+                <a target='_new' href="https://doc.babylonjs.com">Documentation</a>

+            </div>

+            <div class='link'>

+                <a target='_new' href="https://doc.babylonjs.com/playground">Search</a>

             </div>

         </div>

+    </div>

 

-        <div id="saveLayer" class="save-layer">

-            <div class="save-form">

-                <label for="saveFormTitle">TITLE</label>

-                <div class="separator"></div>

-                <input type="text" maxlength="120" id="saveFormTitle" class="save-form-title">

+    <div id="saveLayer" class="save-layer">

+        <div class="save-form">

+            <label for="saveFormTitle">TITLE</label>

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

+            <input type="text" maxlength="120" id="saveFormTitle" class="save-form-title">

 

-                <label for="saveFormDescription">DESCRIPTION</label>

-                <div class="separator"></div>

-                <textarea id="saveFormDescription" rows="4" cols="10"></textarea>

+            <label for="saveFormDescription">DESCRIPTION</label>

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

+            <textarea id="saveFormDescription" rows="4" cols="10"></textarea>

 

-                <label for="saveFormTags">TAGS (separated by comma)</label>

-                <div class="separator"></div>

-                <textarea id="saveFormTags" rows="4" cols="10"></textarea>

+            <label for="saveFormTags">TAGS (separated by comma)</label>

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

+            <textarea id="saveFormTags" rows="4" cols="10"></textarea>

 

-                <div class="save-form-buttons" id="saveFormButtons">

+            <div class="save-form-buttons" id="saveFormButtons">

 

-                    <div id="saveFormButtonOk" class="button">OK</div>

-                    <div id="saveFormButtonCancel" class="button">Cancel</div>

-                </div>

+                <div id="saveFormButtonOk" class="button">OK</div>

+                <div id="saveFormButtonCancel" class="button">Cancel</div>

             </div>

         </div>

-

-        <div id="waitDiv">

-            <span id="waitTitle">Babylon.js Playground

-                <BR>

-                <BR>

-                <BR>

-            </span>

-            <img src="waitlogo.png" id="waitLogo" />

+    </div>

+

+    <div id="waitDiv">

+        <span id="waitTitle">Babylon.js Playground

+            <BR>

+            <BR>

+            <BR>

+        </span>

+        <div id="logo-part">

+            <img src="v4.svg" id="waitLogo" />

+            <img src="spinner.svg" id="waitSpinner" />

         </div>

+    </div>

+

+    <script src="js/libs/jquery.min.js"></script>

+    <script src="js/jquery.qrcode.js"></script>

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

+

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

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

+    <script src="js/libs/typescript.js"></script>

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

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

 

-        <script src="js/libs/jquery.min.js"></script>

-        <script src="js/jquery.qrcode.js"></script>

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

-

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

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

-        <script src="js/libs/typescript.js"></script>

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

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

-        

-        <!-- Global site tag (gtag.js) - Google Analytics -->

-        <script async src="https://www.googletagmanager.com/gtag/js?id=UA-41767310-2"></script>

-        <script>

+    <!-- Global site tag (gtag.js) - Google Analytics -->

+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-41767310-2"></script>

+    <script>

         window.dataLayer = window.dataLayer || [];

-        function gtag(){dataLayer.push(arguments);}

+        function gtag() { dataLayer.push(arguments); }

         gtag('js', new Date());

 

         gtag('config', 'UA-41767310-2');

-        </script>        

-    </body>

+    </script>

+</body>

 

-</html>

+</html>

+ 56 - 2
Tools/Config/config.json
Bestand weergeven 

@@ -13,6 +13,7 @@
 
         "packageES6DevFolderName": "packageES6Dev",
 
         "playgroundDirectory": "../../Playground/",
 
         "intellisenseFile": "babylon.d.txt",
 
+        "documentationFile": "documentation.d.ts",
 
         "intellisenseSources": [
 
             "../../dist/preview release/babylon.d.ts",
 
             "../../dist/preview release/gui/babylon.gui.d.ts",
 
@@ -45,7 +46,8 @@
 
         "loaders",
 
         "serializers",
 
         "gui",
 
-        "inspector"
 
+        "inspector",
 
+        "nodeEditor"
 
     ],
 
     "es6modules": [
 
         "core",
 
@@ -56,7 +58,8 @@
 
         "serializers",
 
         "gui",
 
         "inspector",
 
-        "viewer"
 
+        "viewer",
 
+        "nodeEditor"
 
     ],
 
     "lintModules": [
 
         "core",
 
@@ -580,6 +583,57 @@
 
             }
 
         }
 
     },
 
+    "nodeEditor": {
 
+        "libraries": [
 
+            {
 
+                "output": "babylon.nodeEditor.js",
 
+                "entry": "./legacy/legacy.ts"
 
+            }
 
+        ],
 
+        "build": {
 
+            "ignoreInTestMode": true,
 
+            "mainFolder": "./nodeEditor/",
 
+            "uncheckedLintImports": [
 
+                "react",
 
+                "react-dom",
 
+                "re-resizable",
 
+                "glTF"
 
+            ],
 
+            "umd": {
 
+                "packageName": "babylonjs-node-editor",
 
+                "webpackRoot": "NODEEDITOR",
 
+                "processDeclaration": {
 
+                    "filename": "babylon.nodeEditor.module.d.ts",
 
+                    "moduleName": "NODEEDITOR",
 
+                    "importsToRemove": [],
 
+                    "classMap": {
 
+                        "babylonjs": "BABYLON",
 
+                        "react": "React",
 
+                        "@babylonjs/core": "BABYLON",
 
+                        "@fortawesome": false,
 
+                        "react-contextmenu": false
 
+                    }
 
+                }
 
+            },
 
+            "es6": {
 
+                "webpackBuild": true,
 
+                "buildDependencies": [
 
+                    "node_modules/re-resizable/lib/index.es5.js",
 
+                    "Tools/**/*"
 
+                ],
 
+                "packageName": "@babylonjs/node-editor",
 
+                "readme": "dist/preview release/nodeEditor/readme-es6.md",
 
+                "packagesFiles": [
 
+                    "babylon.nodeEditor.max.js",
 
+                    "babylon.nodeEditor.max.js.map",
 
+                    "babylon.nodeEditor.module.d.ts",
 
+                    "readme.md"
 
+                ],
 
+                "typings": "babylon.nodeEditor.module.d.ts",
 
+                "index": "babylon.nodeEditor.max.js"
 
+            }
 
+        }
 
+    },
 
     "viewer": {
 
         "libraries": [
 
             {

+ 1 - 1
Tools/Gulp/gulpfile.js
Bestand weergeven 

@@ -90,4 +90,4 @@ gulp.task("npmPackages", gulp.series("npmPackages-all"));
 
 /**
 
  * The default task, concat and min the main BJS files.
 
  */
 
-gulp.task("default", gulp.series("cleanup", "tsLint", "importLint", "circularDependencies", "typescript-all", "intellisense", "typedoc-all", "tests-all"));
 
+gulp.task("default", gulp.series("cleanup", "tsLint", "importLint", "circularDependencies", "typescript-all", "intellisense", "documentation", "typedoc-all", "tests-all"));

+ 6 - 0
Tools/Gulp/tasks/gulpTasks-intellisense.js
Bestand weergeven 

@@ -18,4 +18,10 @@ gulp.task("intellisense", function() {
 
         .pipe(replace(/^\s* _/gm, "private _"))

         .pipe(replace(/^\s*_/gm, "private _"))

         .pipe(gulp.dest(config.build.playgroundDirectory));

+});

+

+gulp.task("documentation", function() {

+    return gulp.src(config.build.intellisenseSources)

+        .pipe(concat(config.build.documentationFile))

+        .pipe(gulp.dest(config.build.outputDirectory));

 });

+ 4 - 4
azure-pipelines.yml
Bestand weergeven 

@@ -19,7 +19,7 @@ jobs:
 
     inputs:
 
       workingDir: Tools/Gulp
 
       verbose: false
 
-  - script: 'gulp tests-whatsnew'
 
+  - script: 'gulp tests-whatsnew --max-old-space-size=8192'
 
     workingDirectory: Tools/Gulp
 
     displayName: 'Whats new'
 
     env:
 
@@ -37,7 +37,7 @@ jobs:
 
     inputs:
 
       workingDir: Tools/Gulp
 
       verbose: false
 
-  - script: 'gulp typedoc-check'
 
+  - script: 'gulp typedoc-check --max-old-space-size=8192'
 
     workingDirectory: Tools/Gulp
 
     displayName: 'Typedoc check'
 
 
@@ -52,7 +52,7 @@ jobs:
 
     inputs:
 
       workingDir: Tools/Gulp
 
       verbose: false
 
-  - script: 'gulp fullLint'
 
+  - script: 'gulp fullLint --max-old-space-size=8192'
 
     workingDirectory: Tools/Gulp
 
     displayName: 'Full Lint'
 
 
@@ -207,4 +207,4 @@ jobs:
 
     condition: succeededOrFailed()
 
     inputs:
 
       testRunner: JUnit
 
-      testResultsFiles: '.temp/testResults/ViewerValidationTests.xml'
 
+      testResultsFiles: '.temp/testResults/ViewerValidationTests.xml'

+ 37 - 38
bower.json
Bestand weergeven 

@@ -1,39 +1,38 @@
 
 {
 
-  "name": "babylonjs",
 
-  "description": "Babylon.js is a complete JavaScript framework for building 3D games with HTML 5 and WebGL",
 
-  "main": "./dist/babylon.2.5.js",
 
-  "homepage": "https://www.babylonjs.com",
 
-  "repository": {
 
-    "type": "git",
 
-    "url": "git://github.com/BabylonJS/Babylon.js.git"
 
-  },
 
-  "authors": [
 
-    "David Catuhe",
 
-    "David Rousset"
 
-  ],
 
-  "keywords": [
 
-    "3D",
 
-    "WebGL",
 
-    "WebAudio",
 
-    "Shaders",
 
-    "Realtime"
 
-  ],
 
-  "license": "Apache-2.0",
 
-  "ignore": [
 
-    "**/.*",
 
-    "node_modules",
 
-    "Babylon",
 
-    "Exporters",
 
-    "Loaders",
 
-    "Previous releases",
 
-    "/Tools",
 
-    "gulpfile.js",
 
-    "package.json",
 
-    "babylon.2.1*.*",
 
-    "*.md",
 
-    "*.yml",
 
-    "cannon.js",
 
-    "Oimo.js",
 
-    "poly2tri.js"
 
-  ]
 
-}
 
+    "name": "babylonjs",
 
+    "description": "Babylon.js is a complete JavaScript framework for building 3D games with HTML 5 and WebGL",
 
+    "main": "./dist/babylon.js",
 
+    "homepage": "https://www.babylonjs.com",
 
+    "repository": {
 
+        "type": "git",
 
+        "url": "git://github.com/BabylonJS/Babylon.js.git"
 
+    },
 
+    "authors": [
 
+        "David Catuhe"
 
+    ],
 
+    "keywords": [
 
+        "3D",
 
+        "WebGL",
 
+        "WebAudio",
 
+        "Shaders",
 
+        "Realtime"
 
+    ],
 
+    "license": "Apache-2.0",
 
+    "ignore": [
 
+        "**/.*",
 
+        "node_modules",
 
+        "Babylon",
 
+        "Exporters",
 
+        "Loaders",
 
+        "Previous releases",
 
+        "/Tools",
 
+        "gulpfile.js",
 
+        "package.json",
 
+        "babylon.2.1*.*",
 
+        "*.md",
 
+        "*.yml",
 
+        "cannon.js",
 
+        "Oimo.js",
 
+        "poly2tri.js"
 
+    ]
 
+}

File diff suppressed because it is too large
+ 40 - 665
dist/ammo.js


File diff suppressed because it is too large
+ 40 - 665
dist/preview release/ammo.js


File diff suppressed because it is too large
+ 18032 - 16191
dist/preview release/babylon.d.ts


File diff suppressed because it is too large
+ 2 - 2
dist/preview release/babylon.js


File diff suppressed because it is too large
+ 7514 - 1399
dist/preview release/babylon.max.js


File diff suppressed because it is too large
+ 1 - 1
dist/preview release/babylon.max.js.map


File diff suppressed because it is too large
+ 47426 - 43529
dist/preview release/babylon.module.d.ts


File diff suppressed because it is too large
+ 68571 - 0
dist/preview release/documentation.d.ts


+ 1 - 1
dist/preview release/glTF2Interface/package.json
Bestand weergeven 

@@ -1,7 +1,7 @@
 
 {
 
     "name": "babylonjs-gltf2interface",
 
     "description": "A typescript declaration of babylon's gltf2 inteface.",
 
-    "version": "4.1.0-alpha.0",
 
+    "version": "4.1.0-alpha.2",
 
     "repository": {
 
         "type": "git",
 
         "url": "https://github.com/BabylonJS/Babylon.js.git"

+ 46 - 46
dist/preview release/gui/babylon.gui.js
Bestand weergeven 

@@ -7,7 +7,7 @@
 
 		exports["babylonjs-gui"] = factory(require("babylonjs"));
 
 	else
 
 		root["BABYLON"] = root["BABYLON"] || {}, root["BABYLON"]["GUI"] = factory(root["BABYLON"]);
 
-})((typeof self !== "undefined" ? self : typeof global !== "undefined" ? global : this), function(__WEBPACK_EXTERNAL_MODULE_babylonjs_Maths_math__) {
 
+})((typeof self !== "undefined" ? self : typeof global !== "undefined" ? global : this), function(__WEBPACK_EXTERNAL_MODULE_babylonjs_Misc_tools__) {
 
 return /******/ (function(modules) { // webpackBootstrap
 
 /******/ 	// The module cache
 
 /******/ 	var installedModules = {};
 
@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 
@@ -355,7 +355,7 @@ module.exports = g;
 
 "use strict";
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AdvancedDynamicTextureInstrumentation", function() { return AdvancedDynamicTextureInstrumentation; });
 
-/* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Misc/tools */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Misc/tools */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_0__);
 
 

 /**

@@ -498,7 +498,7 @@ var AdvancedDynamicTextureInstrumentation = /** @class */ (function () {
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AdvancedDynamicTexture", function() { return AdvancedDynamicTexture; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__);
 
 /* harmony import */ var _controls_container__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./controls/container */ "./2D/controls/container.ts");
 
 /* harmony import */ var _style__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./style */ "./2D/style.ts");
 
@@ -1053,7 +1053,7 @@ var AdvancedDynamicTexture = /** @class */ (function (_super) {
 
                     });

                     continue;

                 }

-                var position = mesh.getBoundingInfo ? mesh.getBoundingInfo().boundingSphere.center : mesh.getAbsolutePosition();

+                var position = mesh.getBoundingInfo ? mesh.getBoundingInfo().boundingSphere.center : babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__["Vector3"].ZeroReadOnly;

                 var projectedPosition = babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__["Vector3"].Project(position, mesh.getWorldMatrix(), scene.getTransformMatrix(), globalViewport);

                 if (projectedPosition.z < 0 || projectedPosition.z > 1) {

                     control.notRenderable = true;

@@ -1619,7 +1619,7 @@ var Button = /** @class */ (function (_super) {
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Checkbox", function() { return Checkbox; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__);
 
 /* harmony import */ var _control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./control */ "./2D/controls/control.ts");
 
 /* harmony import */ var _stackPanel__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./stackPanel */ "./2D/controls/stackPanel.ts");
 
@@ -1800,7 +1800,7 @@ var Checkbox = /** @class */ (function (_super) {
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ColorPicker", function() { return ColorPicker; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__);
 
 /* harmony import */ var _control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./control */ "./2D/controls/control.ts");
 
 /* harmony import */ var _inputText__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./inputText */ "./2D/controls/inputText.ts");
 
@@ -3187,7 +3187,7 @@ var ColorPicker = /** @class */ (function (_super) {
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Container", function() { return Container; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Misc_logger__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/logger */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Misc_logger__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/logger */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Misc_logger__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_logger__WEBPACK_IMPORTED_MODULE_1__);
 
 /* harmony import */ var _control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./control */ "./2D/controls/control.ts");
 
 /* harmony import */ var _measure__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../measure */ "./2D/measure.ts");
 
@@ -3592,7 +3592,7 @@ var Container = /** @class */ (function (_super) {
 
 "use strict";
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Control", function() { return Control; });
 
-/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_0__);
 
 /* harmony import */ var _valueAndUnit__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../valueAndUnit */ "./2D/valueAndUnit.ts");
 
 /* harmony import */ var _measure__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../measure */ "./2D/measure.ts");
 
@@ -5783,7 +5783,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony import */ var _container__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./container */ "./2D/controls/container.ts");
 
 /* harmony import */ var _valueAndUnit__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../valueAndUnit */ "./2D/valueAndUnit.ts");
 
 /* harmony import */ var _control__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./control */ "./2D/controls/control.ts");
 
-/* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! babylonjs/Misc/tools */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! babylonjs/Misc/tools */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_4__);
 
 

 

@@ -6239,7 +6239,7 @@ var Grid = /** @class */ (function (_super) {
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Image", function() { return Image; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__);
 
 /* harmony import */ var _control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./control */ "./2D/controls/control.ts");
 
 

@@ -7014,7 +7014,7 @@ var InputPassword = /** @class */ (function (_super) {
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InputText", function() { return InputText; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__);
 
 /* harmony import */ var _control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./control */ "./2D/controls/control.ts");
 
 /* harmony import */ var _valueAndUnit__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../valueAndUnit */ "./2D/valueAndUnit.ts");
 
@@ -8023,7 +8023,7 @@ var InputText = /** @class */ (function (_super) {
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Line", function() { return Line; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Maths/math */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Maths/math */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_1__);
 
 /* harmony import */ var _control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./control */ "./2D/controls/control.ts");
 
 /* harmony import */ var _valueAndUnit__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../valueAndUnit */ "./2D/valueAndUnit.ts");
 
@@ -8216,8 +8216,8 @@ var Line = /** @class */ (function (_super) {
 
         context.lineWidth = this._lineWidth;

         context.setLineDash(this._dash);

         context.beginPath();

-        context.moveTo(this._cachedParentMeasure.left + this._x1.getValue(this._host), this._cachedParentMeasure.left + this._y1.getValue(this._host));

-        context.lineTo(this._cachedParentMeasure.left + this._effectiveX2, this._cachedParentMeasure.left + this._effectiveY2);

+        context.moveTo(this._cachedParentMeasure.left + this._x1.getValue(this._host), this._cachedParentMeasure.top + this._y1.getValue(this._host));

+        context.lineTo(this._cachedParentMeasure.left + this._effectiveX2, this._cachedParentMeasure.top + this._effectiveY2);

         context.stroke();

         context.restore();

     };

@@ -8291,7 +8291,7 @@ var Line = /** @class */ (function (_super) {
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MultiLine", function() { return MultiLine; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Meshes_abstractMesh__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Meshes/abstractMesh */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Meshes_abstractMesh__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Meshes/abstractMesh */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Meshes_abstractMesh__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Meshes_abstractMesh__WEBPACK_IMPORTED_MODULE_1__);
 
 /* harmony import */ var _control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./control */ "./2D/controls/control.ts");
 
 /* harmony import */ var _multiLinePoint__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../multiLinePoint */ "./2D/multiLinePoint.ts");
 
@@ -8558,7 +8558,7 @@ var MultiLine = /** @class */ (function (_super) {
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RadioButton", function() { return RadioButton; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__);
 
 /* harmony import */ var _control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./control */ "./2D/controls/control.ts");
 
 /* harmony import */ var _stackPanel__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./stackPanel */ "./2D/controls/stackPanel.ts");
 
@@ -8903,7 +8903,7 @@ var Rectangle = /** @class */ (function (_super) {
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ScrollViewer", function() { return ScrollViewer; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Events_pointerEvents__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Events/pointerEvents */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Events_pointerEvents__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Events/pointerEvents */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Events_pointerEvents__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Events_pointerEvents__WEBPACK_IMPORTED_MODULE_1__);
 
 /* harmony import */ var _rectangle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../rectangle */ "./2D/controls/rectangle.ts");
 
 /* harmony import */ var _grid__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../grid */ "./2D/controls/grid.ts");
 
@@ -9994,7 +9994,7 @@ var SelectionPanel = /** @class */ (function (_super) {
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BaseSlider", function() { return BaseSlider; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__);
 
 /* harmony import */ var _control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../control */ "./2D/controls/control.ts");
 
 /* harmony import */ var _valueAndUnit__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../valueAndUnit */ "./2D/valueAndUnit.ts");
 
@@ -10895,7 +10895,7 @@ var Slider = /** @class */ (function (_super) {
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "StackPanel", function() { return StackPanel; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/tools */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/tools */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_1__);
 
 /* harmony import */ var _container__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./container */ "./2D/controls/container.ts");
 
 /* harmony import */ var _control__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./control */ "./2D/controls/control.ts");
 
@@ -11153,7 +11153,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TextWrapping", function() { return TextWrapping; });
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TextBlock", function() { return TextBlock; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__);
 
 /* harmony import */ var _valueAndUnit__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../valueAndUnit */ "./2D/valueAndUnit.ts");
 
 /* harmony import */ var _control__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./control */ "./2D/controls/control.ts");
 
@@ -11593,7 +11593,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "KeyPropertySet", function() { return KeyPropertySet; });
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VirtualKeyboard", function() { return VirtualKeyboard; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_1__);
 
 /* harmony import */ var _stackPanel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./stackPanel */ "./2D/controls/stackPanel.ts");
 
 /* harmony import */ var _button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./button */ "./2D/controls/button.ts");
 
@@ -11974,7 +11974,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Vector2WithInfo", function() { return Vector2WithInfo; });
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Matrix2D", function() { return Matrix2D; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Maths/math */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Maths/math */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_1__);
 
 

 

@@ -12198,7 +12198,7 @@ var Matrix2D = /** @class */ (function () {
 
 "use strict";
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Measure", function() { return Measure; });
 
-/* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Maths/math */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Maths/math */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0__);
 
 

 

@@ -12331,7 +12331,7 @@ var Measure = /** @class */ (function () {
 
 "use strict";
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MultiLinePoint", function() { return MultiLinePoint; });
 
-/* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Maths/math */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Maths/math */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0__);
 
 /* harmony import */ var _valueAndUnit__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./valueAndUnit */ "./2D/valueAndUnit.ts");
 
 

@@ -12474,7 +12474,7 @@ var MultiLinePoint = /** @class */ (function () {
 
 "use strict";
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Style", function() { return Style; });
 
-/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_0__);
 
 /* harmony import */ var _valueAndUnit__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./valueAndUnit */ "./2D/valueAndUnit.ts");
 
 

@@ -12781,7 +12781,7 @@ var ValueAndUnit = /** @class */ (function () {
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AbstractButton3D", function() { return AbstractButton3D; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Meshes_transformNode__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Meshes/transformNode */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Meshes_transformNode__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Meshes/transformNode */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Meshes_transformNode__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Meshes_transformNode__WEBPACK_IMPORTED_MODULE_1__);
 
 /* harmony import */ var _control3D__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./control3D */ "./3D/controls/control3D.ts");
 
 

@@ -12824,7 +12824,7 @@ var AbstractButton3D = /** @class */ (function (_super) {
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Button3D", function() { return Button3D; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Maths/math */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Maths/math */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_1__);
 
 /* harmony import */ var _abstractButton3D__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./abstractButton3D */ "./3D/controls/abstractButton3D.ts");
 
 /* harmony import */ var _2D_advancedDynamicTexture__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../2D/advancedDynamicTexture */ "./2D/advancedDynamicTexture.ts");
 
@@ -13001,7 +13001,7 @@ var Button3D = /** @class */ (function (_super) {
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Container3D", function() { return Container3D; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Meshes_transformNode__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Meshes/transformNode */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Meshes_transformNode__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Meshes/transformNode */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Meshes_transformNode__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Meshes_transformNode__WEBPACK_IMPORTED_MODULE_1__);
 
 /* harmony import */ var _control3D__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./control3D */ "./3D/controls/control3D.ts");
 
 

@@ -13158,7 +13158,7 @@ var Container3D = /** @class */ (function (_super) {
 
 "use strict";
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Control3D", function() { return Control3D; });
 
-/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_0__);
 
 /* harmony import */ var _vector3WithInfo__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../vector3WithInfo */ "./3D/vector3WithInfo.ts");
 
 

@@ -13564,7 +13564,7 @@ var Control3D = /** @class */ (function () {
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CylinderPanel", function() { return CylinderPanel; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/tools */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/tools */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_1__);
 
 /* harmony import */ var _volumeBasedPanel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./volumeBasedPanel */ "./3D/controls/volumeBasedPanel.ts");
 
 /* harmony import */ var _container3D__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./container3D */ "./3D/controls/container3D.ts");
 
@@ -13649,7 +13649,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HolographicButton", function() { return HolographicButton; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
 /* harmony import */ var _button3D__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./button3D */ "./3D/controls/button3D.ts");
 
-/* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! babylonjs/Maths/math */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! babylonjs/Maths/math */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_2__);
 
 /* harmony import */ var _materials_fluentMaterial__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../materials/fluentMaterial */ "./3D/materials/fluentMaterial.ts");
 
 /* harmony import */ var _2D_controls_stackPanel__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../2D/controls/stackPanel */ "./2D/controls/stackPanel.ts");
 
@@ -14125,7 +14125,7 @@ var MeshButton3D = /** @class */ (function (_super) {
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlanePanel", function() { return PlanePanel; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Maths/math */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Maths/math */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_1__);
 
 /* harmony import */ var _container3D__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./container3D */ "./3D/controls/container3D.ts");
 
 /* harmony import */ var _volumeBasedPanel__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./volumeBasedPanel */ "./3D/controls/volumeBasedPanel.ts");
 
@@ -14180,7 +14180,7 @@ var PlanePanel = /** @class */ (function (_super) {
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ScatterPanel", function() { return ScatterPanel; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/tools */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/tools */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_1__);
 
 /* harmony import */ var _volumeBasedPanel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./volumeBasedPanel */ "./3D/controls/volumeBasedPanel.ts");
 
 /* harmony import */ var _container3D__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./container3D */ "./3D/controls/container3D.ts");
 
@@ -14307,7 +14307,7 @@ var ScatterPanel = /** @class */ (function (_super) {
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SpherePanel", function() { return SpherePanel; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/tools */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/tools */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_1__);
 
 /* harmony import */ var _volumeBasedPanel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./volumeBasedPanel */ "./3D/controls/volumeBasedPanel.ts");
 
 /* harmony import */ var _container3D__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./container3D */ "./3D/controls/container3D.ts");
 
@@ -14392,7 +14392,7 @@ var SpherePanel = /** @class */ (function (_super) {
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "StackPanel3D", function() { return StackPanel3D; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/tools */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/tools */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_1__);
 
 /* harmony import */ var _container3D__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./container3D */ "./3D/controls/container3D.ts");
 
 

@@ -14517,7 +14517,7 @@ var StackPanel3D = /** @class */ (function (_super) {
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VolumeBasedPanel", function() { return VolumeBasedPanel; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/tools */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/tools */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_1__);
 
 /* harmony import */ var _container3D__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./container3D */ "./3D/controls/container3D.ts");
 
 

@@ -14708,7 +14708,7 @@ var VolumeBasedPanel = /** @class */ (function (_super) {
 
 "use strict";
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GUI3DManager", function() { return GUI3DManager; });
 
-/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Misc/observable */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_observable__WEBPACK_IMPORTED_MODULE_0__);
 
 /* harmony import */ var _controls_container3D__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./controls/container3D */ "./3D/controls/container3D.ts");
 
 

@@ -14975,7 +14975,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FluentMaterialDefines", function() { return FluentMaterialDefines; });
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FluentMaterial", function() { return FluentMaterial; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/decorators */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Misc/decorators */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_decorators__WEBPACK_IMPORTED_MODULE_1__);
 
 /* harmony import */ var _shaders_fluent_vertex__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./shaders/fluent.vertex */ "./3D/materials/shaders/fluent.vertex.ts");
 
 /* harmony import */ var _shaders_fluent_fragment__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./shaders/fluent.fragment */ "./3D/materials/shaders/fluent.fragment.ts");
 
@@ -15297,7 +15297,7 @@ __webpack_require__.r(__webpack_exports__);
 
 "use strict";
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "fluentPixelShader", function() { return fluentPixelShader; });
 
-/* harmony import */ var babylonjs_Materials_effect__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Materials/effect */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Materials_effect__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Materials/effect */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Materials_effect__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Materials_effect__WEBPACK_IMPORTED_MODULE_0__);
 
 

 var name = 'fluentPixelShader';

@@ -15319,7 +15319,7 @@ var fluentPixelShader = { name: name, shader: shader };
 
 "use strict";
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "fluentVertexShader", function() { return fluentVertexShader; });
 
-/* harmony import */ var babylonjs_Materials_effect__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Materials/effect */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Materials_effect__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Materials/effect */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Materials_effect__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Materials_effect__WEBPACK_IMPORTED_MODULE_0__);
 
 

 var name = 'fluentVertexShader';

@@ -15342,7 +15342,7 @@ var fluentVertexShader = { name: name, shader: shader };
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Vector3WithInfo", function() { return Vector3WithInfo; });
 
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "../../node_modules/tslib/tslib.es6.js");
 
-/* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Maths/math */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! babylonjs/Maths/math */ "babylonjs/Misc/tools");
 
 /* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_1__);
 
 

 

@@ -15636,14 +15636,14 @@ if (typeof globalObject !== "undefined") {
 
 
 /***/ }),
 
 
-/***/ "babylonjs/Maths/math":
 
+/***/ "babylonjs/Misc/tools":
 
 /*!****************************************************************************************************!*\
 
   !*** external {"root":"BABYLON","commonjs":"babylonjs","commonjs2":"babylonjs","amd":"babylonjs"} ***!
 
   \****************************************************************************************************/
 
 /*! no static exports found */
 
 /***/ (function(module, exports) {
 
 
-module.exports = __WEBPACK_EXTERNAL_MODULE_babylonjs_Maths_math__;
 
+module.exports = __WEBPACK_EXTERNAL_MODULE_babylonjs_Misc_tools__;
 
 
 /***/ })

File diff suppressed because it is too large
+ 1 - 1
dist/preview release/gui/babylon.gui.js.map


File diff suppressed because it is too large
+ 1 - 1
dist/preview release/gui/babylon.gui.min.js


+ 2 - 2
dist/preview release/gui/package.json
Bestand weergeven 

@@ -4,7 +4,7 @@
 
     },
 
     "name": "babylonjs-gui",
 
     "description": "The Babylon.js GUI library is an extension you can use to generate interactive user interface. It is build on top of the DynamicTexture.",
 
-    "version": "4.1.0-alpha.0",
 
+    "version": "4.1.0-alpha.2",
 
     "repository": {
 
         "type": "git",
 
         "url": "https://github.com/BabylonJS/Babylon.js.git"
 
@@ -28,7 +28,7 @@
 
     ],
 
     "license": "Apache-2.0",
 
     "dependencies": {
 
-        "babylonjs": "4.1.0-alpha.0"
 
+        "babylonjs": "4.1.0-alpha.2"
 
     },
 
     "engines": {
 
         "node": "*"

File diff suppressed because it is too large
+ 7 - 7
dist/preview release/inspector/babylon.inspector.bundle.js


File diff suppressed because it is too large
+ 529 - 288
dist/preview release/inspector/babylon.inspector.bundle.max.js


File diff suppressed because it is too large
+ 1 - 1
dist/preview release/inspector/babylon.inspector.bundle.max.js.map


+ 72 - 30
dist/preview release/inspector/babylon.inspector.d.ts
Bestand weergeven 

@@ -18,6 +18,15 @@ declare module INSPECTOR {
 
     }

 }

 declare module INSPECTOR {

+    export class Tools {

+        static StoreLocalBooleanSettings(key: string, value: boolean): void;

+        static ReadLocalBooleanSettings(key: string, defaultValue: boolean): boolean;

+        static LookForItem(item: any, selectedEntity: any): boolean;

+        private static _RecursiveRemoveHiddenMeshesAndHoistChildren;

+        static SortAndFilter(parent: any, items: any[]): any[];

+    }

+}

+declare module INSPECTOR {

     export class GlobalState {

         onSelectionChangedObservable: BABYLON.Observable<any>;

         onPropertyChangedObservable: BABYLON.Observable<PropertyChangedEvent>;

@@ -38,6 +47,8 @@ declare module INSPECTOR {
 
         blockMutationUpdates: boolean;

         selectedLineContainerTitle: string;

         recorder: ReplayRecorder;

+        private _onlyUseEulers;

+        onlyUseEulers: boolean;

         init(propertyChangedObservable: BABYLON.Observable<PropertyChangedEvent>): void;

         prepareGLTFPlugin(loader: BABYLON.GLTFFileLoader): void;

         lightGizmos: Array<BABYLON.LightGizmo>;

@@ -90,7 +101,7 @@ declare module INSPECTOR {
 
 }

 declare module INSPECTOR {

     interface ILineContainerComponentProps {

-        globalState: GlobalState;

+        globalState?: GlobalState;

         title: string;

         children: any[] | any;

         closed?: boolean;

@@ -199,6 +210,7 @@ declare module INSPECTOR {
 
         maximum: number;

         step: number;

         directValue?: number;

+        useEuler?: boolean;

         onChange?: (value: number) => void;

         onInput?: (value: number) => void;

         onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;

@@ -214,6 +226,7 @@ declare module INSPECTOR {
 
         }): boolean;

         onChange(newValueString: any): void;

         onInput(newValueString: any): void;

+        prepareDataToRead(value: number): number;

         render(): JSX.Element;

     }

 }

@@ -310,6 +323,7 @@ declare module INSPECTOR {
 
         propertyName: string;

         step?: number;

         onChange?: (newvalue: BABYLON.Vector3) => void;

+        useEuler?: boolean;

         onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;

     }

     export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {

@@ -321,6 +335,7 @@ declare module INSPECTOR {
 
         };

         private _localChange;

         constructor(props: IVector3LineComponentProps);

+        getCurrentValue(): any;

         shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {

             isExpanded: boolean;

             value: BABYLON.Vector3;

@@ -338,12 +353,14 @@ declare module INSPECTOR {
 
     interface IQuaternionLineComponentProps {

         label: string;

         target: any;

+        useEuler?: boolean;

         propertyName: string;

         onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;

     }

     export class QuaternionLineComponent extends React.Component<IQuaternionLineComponentProps, {

         isExpanded: boolean;

         value: BABYLON.Quaternion;

+        eulerValue: BABYLON.Vector3;

     }> {

         private _localChange;

         constructor(props: IQuaternionLineComponentProps);

@@ -358,6 +375,10 @@ declare module INSPECTOR {
 
         updateStateY(value: number): void;

         updateStateZ(value: number): void;

         updateStateW(value: number): void;

+        updateQuaternionFromEuler(): void;

+        updateStateEulerX(value: number): void;

+        updateStateEulerY(value: number): void;

+        updateStateEulerZ(value: number): void;

         render(): JSX.Element;

     }

 }

@@ -400,12 +421,27 @@ declare module INSPECTOR {
 
     }

 }

 declare module INSPECTOR {

+    interface IFileButtonLineComponentProps {

+        label: string;

+        onClick: (file: File) => void;

+        accept: string;

+    }

+    export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {

+        private static _IDGenerator;

+        private _id;

+        constructor(props: IFileButtonLineComponentProps);

+        onChange(evt: any): void;

+        render(): JSX.Element;

+    }

+}

+declare module INSPECTOR {

     export interface ITextureLinkLineComponentProps {

         label: string;

         texture: BABYLON.Nullable<BABYLON.BaseTexture>;

         material?: BABYLON.Material;

         onSelectionChangedObservable?: BABYLON.Observable<any>;

         onDebugSelectionChangeObservable?: BABYLON.Observable<BABYLON.BaseTexture>;

+        propertyName?: string;

     }

     export class TextureLinkLineComponent extends React.Component<ITextureLinkLineComponentProps, {

         isDebugSelected: boolean;

@@ -416,6 +452,7 @@ declare module INSPECTOR {
 
         componentWillUnmount(): void;

         debugTexture(): void;

         onLink(): void;

+        updateTexture(file: File): void;

         render(): JSX.Element | null;

     }

 }

@@ -430,7 +467,7 @@ declare module INSPECTOR {
 
     export class StandardMaterialPropertyGridComponent extends React.Component<IStandardMaterialPropertyGridComponentProps> {

         private _onDebugSelectionChangeObservable;

         constructor(props: IStandardMaterialPropertyGridComponentProps);

-        renderTextures(): JSX.Element | null;

+        renderTextures(): JSX.Element;

         render(): JSX.Element;

     }

 }

@@ -439,7 +476,8 @@ declare module INSPECTOR {
 
         texture: BABYLON.BaseTexture;

         width: number;

         height: number;

-        globalState: GlobalState;

+        globalState?: GlobalState;

+        hideChannelSelect?: boolean;

     }

     export class TextureLineComponent extends React.Component<ITextureLineComponentProps, {

         displayRed: boolean;

@@ -472,6 +510,9 @@ declare module INSPECTOR {
 
         isInteger?: boolean;

         onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;

         additionalClass?: string;

+        step?: string;

+        digits?: number;

+        useEuler?: boolean;

     }

     export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {

         value: string;

@@ -491,18 +532,6 @@ declare module INSPECTOR {
 
     }

 }

 declare module INSPECTOR {

-    interface IFileButtonLineComponentProps {

-        label: string;

-        onClick: (file: File) => void;

-        accept: string;

-    }

-    export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {

-        constructor(props: IFileButtonLineComponentProps);

-        onChange(evt: any): void;

-        render(): JSX.Element;

-    }

-}

-declare module INSPECTOR {

     interface ITexturePropertyGridComponentProps {

         texture: BABYLON.BaseTexture;

         lockObject: LockObject;

@@ -558,7 +587,7 @@ declare module INSPECTOR {
 
     export class PBRMaterialPropertyGridComponent extends React.Component<IPBRMaterialPropertyGridComponentProps> {

         private _onDebugSelectionChangeObservable;

         constructor(props: IPBRMaterialPropertyGridComponentProps);

-        renderTextures(onDebugSelectionChangeObservable: BABYLON.Observable<BABYLON.BaseTexture>): JSX.Element | null;

+        renderTextures(onDebugSelectionChangeObservable: BABYLON.Observable<BABYLON.BaseTexture>): JSX.Element;

         render(): JSX.Element;

     }

 }

@@ -1006,7 +1035,7 @@ declare module INSPECTOR {
 
     export class PBRMetallicRoughnessMaterialPropertyGridComponent extends React.Component<IPBRMetallicRoughnessMaterialPropertyGridComponentProps> {

         private _onDebugSelectionChangeObservable;

         constructor(props: IPBRMetallicRoughnessMaterialPropertyGridComponentProps);

-        renderTextures(): JSX.Element | null;

+        renderTextures(): JSX.Element;

         render(): JSX.Element;

     }

 }

@@ -1021,7 +1050,7 @@ declare module INSPECTOR {
 
     export class PBRSpecularGlossinessMaterialPropertyGridComponent extends React.Component<IPBRSpecularGlossinessMaterialPropertyGridComponentProps> {

         private _onDebugSelectionChangeObservable;

         constructor(props: IPBRSpecularGlossinessMaterialPropertyGridComponentProps);

-        renderTextures(): JSX.Element | null;

+        renderTextures(): JSX.Element;

         render(): JSX.Element;

     }

 }

@@ -1213,6 +1242,20 @@ declare module INSPECTOR {
 
     }

 }

 declare module INSPECTOR {

+    interface INodeMaterialPropertyGridComponentProps {

+        globalState: GlobalState;

+        material: BABYLON.NodeMaterial;

+        lockObject: LockObject;

+        onSelectionChangedObservable?: BABYLON.Observable<any>;

+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;

+    }

+    export class NodeMaterialPropertyGridComponent extends React.Component<INodeMaterialPropertyGridComponentProps> {

+        constructor(props: INodeMaterialPropertyGridComponentProps);

+        edit(): void;

+        render(): JSX.Element;

+    }

+}

+declare module INSPECTOR {

     export class PropertyGridTabComponent extends PaneComponent {

         private _timerIntervalId;

         private _lockObject;

@@ -1288,8 +1331,14 @@ declare module INSPECTOR {
 
     }

 }

 declare module INSPECTOR {

+    export class SettingsTabComponent extends PaneComponent {

+        constructor(props: IPaneComponentProps);

+        render(): JSX.Element;

+    }

+}

+declare module INSPECTOR {

     interface IActionTabsComponentProps {

-        scene: BABYLON.Scene;

+        scene?: BABYLON.Scene;

         noCommands?: boolean;

         noHeader?: boolean;

         noExpand?: boolean;

@@ -1297,7 +1346,7 @@ declare module INSPECTOR {
 
         popupMode?: boolean;

         onPopup?: () => void;

         onClose?: () => void;

-        globalState: GlobalState;

+        globalState?: GlobalState;

     }

     export class ActionTabsComponent extends React.Component<IActionTabsComponentProps, {

         selectedEntity: any;

@@ -1310,7 +1359,7 @@ declare module INSPECTOR {
 
         componentWillMount(): void;

         componentWillUnmount(): void;

         changeSelectedTab(index: number): void;

-        renderContent(): JSX.Element;

+        renderContent(): JSX.Element | null;

         onClose(): void;

         onPopup(): void;

         render(): JSX.Element;

@@ -1530,13 +1579,6 @@ declare module INSPECTOR {
 
     }

 }

 declare module INSPECTOR {

-    export class Tools {

-        static LookForItem(item: any, selectedEntity: any): boolean;

-        private static _RecursiveRemoveHiddenMeshesAndHoistChildren;

-        static SortAndFilter(parent: any, items: any[]): any[];

-    }

-}

-declare module INSPECTOR {

     export interface ITreeItemSelectableComponentProps {

         entity: any;

         selectedEntity?: any;

@@ -1713,11 +1755,11 @@ declare module INSPECTOR {
 
         private static _CreateSceneExplorer;

         private static _CreateActionTabs;

         private static _CreateEmbedHost;

-        private static _CreatePopup;

+        static _CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): BABYLON.Nullable<HTMLDivElement>;

         static readonly IsVisible: boolean;

         static EarlyAttachToLoader(): void;

         static Show(scene: BABYLON.Scene, userOptions: Partial<BABYLON.IInspectorOptions>): void;

-        private static _CreateCanvasContainer;

+        static _CreateCanvasContainer(parentControl: HTMLElement): void;

         private static _DestroyCanvasContainer;

         private static _Cleanup;

         private static _RemoveElementFromDOM;

+ 154 - 62
dist/preview release/inspector/babylon.inspector.module.d.ts
Bestand weergeven 

@@ -18,6 +18,15 @@ declare module "babylonjs-inspector/components/replayRecorder" {
 
         export(): void;

     }

 }

+declare module "babylonjs-inspector/tools" {

+    export class Tools {

+        static StoreLocalBooleanSettings(key: string, value: boolean): void;

+        static ReadLocalBooleanSettings(key: string, defaultValue: boolean): boolean;

+        static LookForItem(item: any, selectedEntity: any): boolean;

+        private static _RecursiveRemoveHiddenMeshesAndHoistChildren;

+        static SortAndFilter(parent: any, items: any[]): any[];

+    }

+}

 declare module "babylonjs-inspector/components/globalState" {

     import { GLTFFileLoader, IGLTFLoaderExtension } from "babylonjs-loaders/glTF/index";

     import { IGLTFValidationResults } from "babylonjs-gltf2interface";

@@ -49,6 +58,8 @@ declare module "babylonjs-inspector/components/globalState" {
 
         blockMutationUpdates: boolean;

         selectedLineContainerTitle: string;

         recorder: ReplayRecorder;

+        private _onlyUseEulers;

+        onlyUseEulers: boolean;

         init(propertyChangedObservable: Observable<PropertyChangedEvent>): void;

         prepareGLTFPlugin(loader: GLTFFileLoader): void;

         lightGizmos: Array<LightGizmo>;

@@ -111,7 +122,7 @@ declare module "babylonjs-inspector/components/actionTabs/lineContainerComponent
 
     import * as React from "react";

     import { GlobalState } from "babylonjs-inspector/components/globalState";

     interface ILineContainerComponentProps {

-        globalState: GlobalState;

+        globalState?: GlobalState;

         title: string;

         children: any[] | any;

         closed?: boolean;

@@ -233,6 +244,7 @@ declare module "babylonjs-inspector/components/actionTabs/lines/sliderLineCompon
 
         maximum: number;

         step: number;

         directValue?: number;

+        useEuler?: boolean;

         onChange?: (value: number) => void;

         onInput?: (value: number) => void;

         onPropertyChangedObservable?: Observable<PropertyChangedEvent>;

@@ -248,6 +260,7 @@ declare module "babylonjs-inspector/components/actionTabs/lines/sliderLineCompon
 
         }): boolean;

         onChange(newValueString: any): void;

         onInput(newValueString: any): void;

+        prepareDataToRead(value: number): number;

         render(): JSX.Element;

     }

 }

@@ -356,6 +369,7 @@ declare module "babylonjs-inspector/components/actionTabs/lines/vector3LineCompo
 
         propertyName: string;

         step?: number;

         onChange?: (newvalue: Vector3) => void;

+        useEuler?: boolean;

         onPropertyChangedObservable?: Observable<PropertyChangedEvent>;

     }

     export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {

@@ -367,6 +381,7 @@ declare module "babylonjs-inspector/components/actionTabs/lines/vector3LineCompo
 
         };

         private _localChange;

         constructor(props: IVector3LineComponentProps);

+        getCurrentValue(): any;

         shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {

             isExpanded: boolean;

             value: Vector3;

@@ -383,17 +398,19 @@ declare module "babylonjs-inspector/components/actionTabs/lines/vector3LineCompo
 
 declare module "babylonjs-inspector/components/actionTabs/lines/quaternionLineComponent" {

     import * as React from "react";

     import { Observable } from "babylonjs/Misc/observable";

-    import { Quaternion } from "babylonjs/Maths/math";

+    import { Quaternion, Vector3 } from "babylonjs/Maths/math";

     import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";

     interface IQuaternionLineComponentProps {

         label: string;

         target: any;

+        useEuler?: boolean;

         propertyName: string;

         onPropertyChangedObservable?: Observable<PropertyChangedEvent>;

     }

     export class QuaternionLineComponent extends React.Component<IQuaternionLineComponentProps, {

         isExpanded: boolean;

         value: Quaternion;

+        eulerValue: Vector3;

     }> {

         private _localChange;

         constructor(props: IQuaternionLineComponentProps);

@@ -408,6 +425,10 @@ declare module "babylonjs-inspector/components/actionTabs/lines/quaternionLineCo
 
         updateStateY(value: number): void;

         updateStateZ(value: number): void;

         updateStateW(value: number): void;

+        updateQuaternionFromEuler(): void;

+        updateStateEulerX(value: number): void;

+        updateStateEulerY(value: number): void;

+        updateStateEulerZ(value: number): void;

         render(): JSX.Element;

     }

 }

@@ -466,6 +487,21 @@ declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/mat
 
         render(): JSX.Element;

     }

 }

+declare module "babylonjs-inspector/components/actionTabs/lines/fileButtonLineComponent" {

+    import * as React from "react";

+    interface IFileButtonLineComponentProps {

+        label: string;

+        onClick: (file: File) => void;

+        accept: string;

+    }

+    export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {

+        private static _IDGenerator;

+        private _id;

+        constructor(props: IFileButtonLineComponentProps);

+        onChange(evt: any): void;

+        render(): JSX.Element;

+    }

+}

 declare module "babylonjs-inspector/components/actionTabs/lines/textureLinkLineComponent" {

     import * as React from "react";

     import { Nullable } from "babylonjs/types";

@@ -478,6 +514,7 @@ declare module "babylonjs-inspector/components/actionTabs/lines/textureLinkLineC
 
         material?: Material;

         onSelectionChangedObservable?: Observable<any>;

         onDebugSelectionChangeObservable?: Observable<BaseTexture>;

+        propertyName?: string;

     }

     export class TextureLinkLineComponent extends React.Component<ITextureLinkLineComponentProps, {

         isDebugSelected: boolean;

@@ -488,6 +525,7 @@ declare module "babylonjs-inspector/components/actionTabs/lines/textureLinkLineC
 
         componentWillUnmount(): void;

         debugTexture(): void;

         onLink(): void;

+        updateTexture(file: File): void;

         render(): JSX.Element | null;

     }

 }

@@ -508,7 +546,7 @@ declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/mat
 
     export class StandardMaterialPropertyGridComponent extends React.Component<IStandardMaterialPropertyGridComponentProps> {

         private _onDebugSelectionChangeObservable;

         constructor(props: IStandardMaterialPropertyGridComponentProps);

-        renderTextures(): JSX.Element | null;

+        renderTextures(): JSX.Element;

         render(): JSX.Element;

     }

 }

@@ -520,7 +558,8 @@ declare module "babylonjs-inspector/components/actionTabs/lines/textureLineCompo
 
         texture: BaseTexture;

         width: number;

         height: number;

-        globalState: GlobalState;

+        globalState?: GlobalState;

+        hideChannelSelect?: boolean;

     }

     export class TextureLineComponent extends React.Component<ITextureLineComponentProps, {

         displayRed: boolean;

@@ -557,6 +596,9 @@ declare module "babylonjs-inspector/components/actionTabs/lines/floatLineCompone
 
         isInteger?: boolean;

         onPropertyChangedObservable?: Observable<PropertyChangedEvent>;

         additionalClass?: string;

+        step?: string;

+        digits?: number;

+        useEuler?: boolean;

     }

     export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {

         value: string;

@@ -575,19 +617,6 @@ declare module "babylonjs-inspector/components/actionTabs/lines/floatLineCompone
 
         render(): JSX.Element;

     }

 }

-declare module "babylonjs-inspector/components/actionTabs/lines/fileButtonLineComponent" {

-    import * as React from "react";

-    interface IFileButtonLineComponentProps {

-        label: string;

-        onClick: (file: File) => void;

-        accept: string;

-    }

-    export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {

-        constructor(props: IFileButtonLineComponentProps);

-        onChange(evt: any): void;

-        render(): JSX.Element;

-    }

-}

 declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/materials/texturePropertyGridComponent" {

     import * as React from "react";

     import { Observable } from "babylonjs/Misc/observable";

@@ -661,7 +690,7 @@ declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/mat
 
     export class PBRMaterialPropertyGridComponent extends React.Component<IPBRMaterialPropertyGridComponentProps> {

         private _onDebugSelectionChangeObservable;

         constructor(props: IPBRMaterialPropertyGridComponentProps);

-        renderTextures(onDebugSelectionChangeObservable: Observable<BaseTexture>): JSX.Element | null;

+        renderTextures(onDebugSelectionChangeObservable: Observable<BaseTexture>): JSX.Element;

         render(): JSX.Element;

     }

 }

@@ -1292,7 +1321,7 @@ declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/mat
 
     export class PBRMetallicRoughnessMaterialPropertyGridComponent extends React.Component<IPBRMetallicRoughnessMaterialPropertyGridComponentProps> {

         private _onDebugSelectionChangeObservable;

         constructor(props: IPBRMetallicRoughnessMaterialPropertyGridComponentProps);

-        renderTextures(): JSX.Element | null;

+        renderTextures(): JSX.Element;

         render(): JSX.Element;

     }

 }

@@ -1313,7 +1342,7 @@ declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/mat
 
     export class PBRSpecularGlossinessMaterialPropertyGridComponent extends React.Component<IPBRSpecularGlossinessMaterialPropertyGridComponentProps> {

         private _onDebugSelectionChangeObservable;

         constructor(props: IPBRSpecularGlossinessMaterialPropertyGridComponentProps);

-        renderTextures(): JSX.Element | null;

+        renderTextures(): JSX.Element;

         render(): JSX.Element;

     }

 }

@@ -1589,6 +1618,26 @@ declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/pos
 
         render(): JSX.Element;

     }

 }

+declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/materials/nodeMaterialPropertyGridComponent" {

+    import * as React from "react";

+    import { Observable } from "babylonjs/Misc/observable";

+    import { NodeMaterial } from "babylonjs/Materials/Node/nodeMaterial";

+    import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";

+    import { LockObject } from "babylonjs-inspector/components/actionTabs/tabs/propertyGrids/lockObject";

+    import { GlobalState } from "babylonjs-inspector/components/globalState";

+    interface INodeMaterialPropertyGridComponentProps {

+        globalState: GlobalState;

+        material: NodeMaterial;

+        lockObject: LockObject;

+        onSelectionChangedObservable?: Observable<any>;

+        onPropertyChangedObservable?: Observable<PropertyChangedEvent>;

+    }

+    export class NodeMaterialPropertyGridComponent extends React.Component<INodeMaterialPropertyGridComponentProps> {

+        constructor(props: INodeMaterialPropertyGridComponentProps);

+        edit(): void;

+        render(): JSX.Element;

+    }

+}

 declare module "babylonjs-inspector/components/actionTabs/tabs/propertyGridTabComponent" {

     import { PaneComponent, IPaneComponentProps } from "babylonjs-inspector/components/actionTabs/paneComponent";

     export class PropertyGridTabComponent extends PaneComponent {

@@ -1673,12 +1722,19 @@ declare module "babylonjs-inspector/components/actionTabs/tabs/toolsTabComponent
 
         render(): JSX.Element | null;

     }

 }

+declare module "babylonjs-inspector/components/actionTabs/tabs/settingsTabComponent" {

+    import { PaneComponent, IPaneComponentProps } from "babylonjs-inspector/components/actionTabs/paneComponent";

+    export class SettingsTabComponent extends PaneComponent {

+        constructor(props: IPaneComponentProps);

+        render(): JSX.Element;

+    }

+}

 declare module "babylonjs-inspector/components/actionTabs/actionTabsComponent" {

     import * as React from "react";

     import { Scene } from "babylonjs/scene";

     import { GlobalState } from "babylonjs-inspector/components/globalState";

     interface IActionTabsComponentProps {

-        scene: Scene;

+        scene?: Scene;

         noCommands?: boolean;

         noHeader?: boolean;

         noExpand?: boolean;

@@ -1686,7 +1742,7 @@ declare module "babylonjs-inspector/components/actionTabs/actionTabsComponent" {
 
         popupMode?: boolean;

         onPopup?: () => void;

         onClose?: () => void;

-        globalState: GlobalState;

+        globalState?: GlobalState;

     }

     export class ActionTabsComponent extends React.Component<IActionTabsComponentProps, {

         selectedEntity: any;

@@ -1699,7 +1755,7 @@ declare module "babylonjs-inspector/components/actionTabs/actionTabsComponent" {
 
         componentWillMount(): void;

         componentWillUnmount(): void;

         changeSelectedTab(index: number): void;

-        renderContent(): JSX.Element;

+        renderContent(): JSX.Element | null;

         onClose(): void;

         onPopup(): void;

         render(): JSX.Element;

@@ -1965,13 +2021,6 @@ declare module "babylonjs-inspector/components/sceneExplorer/treeItemSpecialized
 
         render(): JSX.Element;

     }

 }

-declare module "babylonjs-inspector/tools" {

-    export class Tools {

-        static LookForItem(item: any, selectedEntity: any): boolean;

-        private static _RecursiveRemoveHiddenMeshesAndHoistChildren;

-        static SortAndFilter(parent: any, items: any[]): any[];

-    }

-}

 declare module "babylonjs-inspector/components/sceneExplorer/treeItemSelectableComponent" {

     import { Nullable } from "babylonjs/types";

     import { IExplorerExtensibilityGroup } from "babylonjs/Debug/debugLayer";

@@ -2152,6 +2201,7 @@ declare module "babylonjs-inspector/components/embedHost/embedHostComponent" {
 
 }

 declare module "babylonjs-inspector/inspector" {

     import { IInspectorOptions } from "babylonjs/Debug/debugLayer";

+    import { Nullable } from "babylonjs/types";

     import { Observable } from "babylonjs/Misc/observable";

     import { Scene } from "babylonjs/scene";

     import { PropertyChangedEvent } from "babylonjs-inspector/components/propertyChangedEvent";

@@ -2174,11 +2224,11 @@ declare module "babylonjs-inspector/inspector" {
 
         private static _CreateSceneExplorer;

         private static _CreateActionTabs;

         private static _CreateEmbedHost;

-        private static _CreatePopup;

+        static _CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): Nullable<HTMLDivElement>;

         static readonly IsVisible: boolean;

         static EarlyAttachToLoader(): void;

         static Show(scene: Scene, userOptions: Partial<IInspectorOptions>): void;

-        private static _CreateCanvasContainer;

+        static _CreateCanvasContainer(parentControl: HTMLElement): void;

         private static _DestroyCanvasContainer;

         private static _Cleanup;

         private static _RemoveElementFromDOM;

@@ -2214,6 +2264,15 @@ declare module INSPECTOR {
 
     }

 }

 declare module INSPECTOR {

+    export class Tools {

+        static StoreLocalBooleanSettings(key: string, value: boolean): void;

+        static ReadLocalBooleanSettings(key: string, defaultValue: boolean): boolean;

+        static LookForItem(item: any, selectedEntity: any): boolean;

+        private static _RecursiveRemoveHiddenMeshesAndHoistChildren;

+        static SortAndFilter(parent: any, items: any[]): any[];

+    }

+}

+declare module INSPECTOR {

     export class GlobalState {

         onSelectionChangedObservable: BABYLON.Observable<any>;

         onPropertyChangedObservable: BABYLON.Observable<PropertyChangedEvent>;

@@ -2234,6 +2293,8 @@ declare module INSPECTOR {
 
         blockMutationUpdates: boolean;

         selectedLineContainerTitle: string;

         recorder: ReplayRecorder;

+        private _onlyUseEulers;

+        onlyUseEulers: boolean;

         init(propertyChangedObservable: BABYLON.Observable<PropertyChangedEvent>): void;

         prepareGLTFPlugin(loader: BABYLON.GLTFFileLoader): void;

         lightGizmos: Array<BABYLON.LightGizmo>;

@@ -2286,7 +2347,7 @@ declare module INSPECTOR {
 
 }

 declare module INSPECTOR {

     interface ILineContainerComponentProps {

-        globalState: GlobalState;

+        globalState?: GlobalState;

         title: string;

         children: any[] | any;

         closed?: boolean;

@@ -2395,6 +2456,7 @@ declare module INSPECTOR {
 
         maximum: number;

         step: number;

         directValue?: number;

+        useEuler?: boolean;

         onChange?: (value: number) => void;

         onInput?: (value: number) => void;

         onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;

@@ -2410,6 +2472,7 @@ declare module INSPECTOR {
 
         }): boolean;

         onChange(newValueString: any): void;

         onInput(newValueString: any): void;

+        prepareDataToRead(value: number): number;

         render(): JSX.Element;

     }

 }

@@ -2506,6 +2569,7 @@ declare module INSPECTOR {
 
         propertyName: string;

         step?: number;

         onChange?: (newvalue: BABYLON.Vector3) => void;

+        useEuler?: boolean;

         onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;

     }

     export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {

@@ -2517,6 +2581,7 @@ declare module INSPECTOR {
 
         };

         private _localChange;

         constructor(props: IVector3LineComponentProps);

+        getCurrentValue(): any;

         shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {

             isExpanded: boolean;

             value: BABYLON.Vector3;

@@ -2534,12 +2599,14 @@ declare module INSPECTOR {
 
     interface IQuaternionLineComponentProps {

         label: string;

         target: any;

+        useEuler?: boolean;

         propertyName: string;

         onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;

     }

     export class QuaternionLineComponent extends React.Component<IQuaternionLineComponentProps, {

         isExpanded: boolean;

         value: BABYLON.Quaternion;

+        eulerValue: BABYLON.Vector3;

     }> {

         private _localChange;

         constructor(props: IQuaternionLineComponentProps);

@@ -2554,6 +2621,10 @@ declare module INSPECTOR {
 
         updateStateY(value: number): void;

         updateStateZ(value: number): void;

         updateStateW(value: number): void;

+        updateQuaternionFromEuler(): void;

+        updateStateEulerX(value: number): void;

+        updateStateEulerY(value: number): void;

+        updateStateEulerZ(value: number): void;

         render(): JSX.Element;

     }

 }

@@ -2596,12 +2667,27 @@ declare module INSPECTOR {
 
     }

 }

 declare module INSPECTOR {

+    interface IFileButtonLineComponentProps {

+        label: string;

+        onClick: (file: File) => void;

+        accept: string;

+    }

+    export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {

+        private static _IDGenerator;

+        private _id;

+        constructor(props: IFileButtonLineComponentProps);

+        onChange(evt: any): void;

+        render(): JSX.Element;

+    }

+}

+declare module INSPECTOR {

     export interface ITextureLinkLineComponentProps {

         label: string;

         texture: BABYLON.Nullable<BABYLON.BaseTexture>;

         material?: BABYLON.Material;

         onSelectionChangedObservable?: BABYLON.Observable<any>;

         onDebugSelectionChangeObservable?: BABYLON.Observable<BABYLON.BaseTexture>;

+        propertyName?: string;

     }

     export class TextureLinkLineComponent extends React.Component<ITextureLinkLineComponentProps, {

         isDebugSelected: boolean;

@@ -2612,6 +2698,7 @@ declare module INSPECTOR {
 
         componentWillUnmount(): void;

         debugTexture(): void;

         onLink(): void;

+        updateTexture(file: File): void;

         render(): JSX.Element | null;

     }

 }

@@ -2626,7 +2713,7 @@ declare module INSPECTOR {
 
     export class StandardMaterialPropertyGridComponent extends React.Component<IStandardMaterialPropertyGridComponentProps> {

         private _onDebugSelectionChangeObservable;

         constructor(props: IStandardMaterialPropertyGridComponentProps);

-        renderTextures(): JSX.Element | null;

+        renderTextures(): JSX.Element;

         render(): JSX.Element;

     }

 }

@@ -2635,7 +2722,8 @@ declare module INSPECTOR {
 
         texture: BABYLON.BaseTexture;

         width: number;

         height: number;

-        globalState: GlobalState;

+        globalState?: GlobalState;

+        hideChannelSelect?: boolean;

     }

     export class TextureLineComponent extends React.Component<ITextureLineComponentProps, {

         displayRed: boolean;

@@ -2668,6 +2756,9 @@ declare module INSPECTOR {
 
         isInteger?: boolean;

         onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;

         additionalClass?: string;

+        step?: string;

+        digits?: number;

+        useEuler?: boolean;

     }

     export class FloatLineComponent extends React.Component<IFloatLineComponentProps, {

         value: string;

@@ -2687,18 +2778,6 @@ declare module INSPECTOR {
 
     }

 }

 declare module INSPECTOR {

-    interface IFileButtonLineComponentProps {

-        label: string;

-        onClick: (file: File) => void;

-        accept: string;

-    }

-    export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {

-        constructor(props: IFileButtonLineComponentProps);

-        onChange(evt: any): void;

-        render(): JSX.Element;

-    }

-}

-declare module INSPECTOR {

     interface ITexturePropertyGridComponentProps {

         texture: BABYLON.BaseTexture;

         lockObject: LockObject;

@@ -2754,7 +2833,7 @@ declare module INSPECTOR {
 
     export class PBRMaterialPropertyGridComponent extends React.Component<IPBRMaterialPropertyGridComponentProps> {

         private _onDebugSelectionChangeObservable;

         constructor(props: IPBRMaterialPropertyGridComponentProps);

-        renderTextures(onDebugSelectionChangeObservable: BABYLON.Observable<BABYLON.BaseTexture>): JSX.Element | null;

+        renderTextures(onDebugSelectionChangeObservable: BABYLON.Observable<BABYLON.BaseTexture>): JSX.Element;

         render(): JSX.Element;

     }

 }

@@ -3202,7 +3281,7 @@ declare module INSPECTOR {
 
     export class PBRMetallicRoughnessMaterialPropertyGridComponent extends React.Component<IPBRMetallicRoughnessMaterialPropertyGridComponentProps> {

         private _onDebugSelectionChangeObservable;

         constructor(props: IPBRMetallicRoughnessMaterialPropertyGridComponentProps);

-        renderTextures(): JSX.Element | null;

+        renderTextures(): JSX.Element;

         render(): JSX.Element;

     }

 }

@@ -3217,7 +3296,7 @@ declare module INSPECTOR {
 
     export class PBRSpecularGlossinessMaterialPropertyGridComponent extends React.Component<IPBRSpecularGlossinessMaterialPropertyGridComponentProps> {

         private _onDebugSelectionChangeObservable;

         constructor(props: IPBRSpecularGlossinessMaterialPropertyGridComponentProps);

-        renderTextures(): JSX.Element | null;

+        renderTextures(): JSX.Element;

         render(): JSX.Element;

     }

 }

@@ -3409,6 +3488,20 @@ declare module INSPECTOR {
 
     }

 }

 declare module INSPECTOR {

+    interface INodeMaterialPropertyGridComponentProps {

+        globalState: GlobalState;

+        material: BABYLON.NodeMaterial;

+        lockObject: LockObject;

+        onSelectionChangedObservable?: BABYLON.Observable<any>;

+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;

+    }

+    export class NodeMaterialPropertyGridComponent extends React.Component<INodeMaterialPropertyGridComponentProps> {

+        constructor(props: INodeMaterialPropertyGridComponentProps);

+        edit(): void;

+        render(): JSX.Element;

+    }

+}

+declare module INSPECTOR {

     export class PropertyGridTabComponent extends PaneComponent {

         private _timerIntervalId;

         private _lockObject;

@@ -3484,8 +3577,14 @@ declare module INSPECTOR {
 
     }

 }

 declare module INSPECTOR {

+    export class SettingsTabComponent extends PaneComponent {

+        constructor(props: IPaneComponentProps);

+        render(): JSX.Element;

+    }

+}

+declare module INSPECTOR {

     interface IActionTabsComponentProps {

-        scene: BABYLON.Scene;

+        scene?: BABYLON.Scene;

         noCommands?: boolean;

         noHeader?: boolean;

         noExpand?: boolean;

@@ -3493,7 +3592,7 @@ declare module INSPECTOR {
 
         popupMode?: boolean;

         onPopup?: () => void;

         onClose?: () => void;

-        globalState: GlobalState;

+        globalState?: GlobalState;

     }

     export class ActionTabsComponent extends React.Component<IActionTabsComponentProps, {

         selectedEntity: any;

@@ -3506,7 +3605,7 @@ declare module INSPECTOR {
 
         componentWillMount(): void;

         componentWillUnmount(): void;

         changeSelectedTab(index: number): void;

-        renderContent(): JSX.Element;

+        renderContent(): JSX.Element | null;

         onClose(): void;

         onPopup(): void;

         render(): JSX.Element;

@@ -3726,13 +3825,6 @@ declare module INSPECTOR {
 
     }

 }

 declare module INSPECTOR {

-    export class Tools {

-        static LookForItem(item: any, selectedEntity: any): boolean;

-        private static _RecursiveRemoveHiddenMeshesAndHoistChildren;

-        static SortAndFilter(parent: any, items: any[]): any[];

-    }

-}

-declare module INSPECTOR {

     export interface ITreeItemSelectableComponentProps {

         entity: any;

         selectedEntity?: any;

@@ -3909,11 +4001,11 @@ declare module INSPECTOR {
 
         private static _CreateSceneExplorer;

         private static _CreateActionTabs;

         private static _CreateEmbedHost;

-        private static _CreatePopup;

+        static _CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): BABYLON.Nullable<HTMLDivElement>;

         static readonly IsVisible: boolean;

         static EarlyAttachToLoader(): void;

         static Show(scene: BABYLON.Scene, userOptions: Partial<BABYLON.IInspectorOptions>): void;

-        private static _CreateCanvasContainer;

+        static _CreateCanvasContainer(parentControl: HTMLElement): void;

         private static _DestroyCanvasContainer;

         private static _Cleanup;

         private static _RemoveElementFromDOM;

+ 9 - 7
dist/preview release/inspector/package.json
Bestand weergeven 

@@ -4,7 +4,7 @@
 
     },
 
     "name": "babylonjs-inspector",
 
     "description": "The Babylon.js inspector.",
 
-    "version": "4.1.0-alpha.0",
 
+    "version": "4.1.0-alpha.2",
 
     "repository": {
 
         "type": "git",
 
         "url": "https://github.com/BabylonJS/Babylon.js.git"
 
@@ -29,13 +29,15 @@
 
     ],
 
     "license": "Apache-2.0",
 
     "dependencies": {
 
+        "babylonjs": "4.1.0-alpha.2",
 
+        "babylonjs-gui": "4.1.0-alpha.2",
 
+        "babylonjs-loaders": "4.1.0-alpha.2",
 
+        "babylonjs-serializers": "4.1.0-alpha.2",
 
+        "babylonjs-gltf2interface": "4.1.0-alpha.2"
 
+    },
 
+    "devDependencies": {
 
         "@types/react": "~16.7.3",
 
-        "@types/react-dom": "~16.0.9",
 
-        "babylonjs": "4.1.0-alpha.0",
 
-        "babylonjs-gui": "4.1.0-alpha.0",
 
-        "babylonjs-loaders": "4.1.0-alpha.0",
 
-        "babylonjs-serializers": "4.1.0-alpha.0",
 
-        "babylonjs-gltf2interface": "4.1.0-alpha.0"
 
+        "@types/react-dom": "~16.0.9"
 
     },
 
     "engines": {
 
         "node": "*"

+ 3 - 3
dist/preview release/loaders/babylon.glTF1FileLoader.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 13 - 9
dist/preview release/loaders/babylon.glTF2FileLoader.js
Bestand weergeven 

@@ -2062,10 +2062,10 @@ var GLTFLoader = /** @class */ (function () {
 
         else if (primitive.targets.length !== node._numMorphTargets) {

             throw new Error(context + ": Primitives do not have the same number of targets");

         }

-        babylonMesh.morphTargetManager = new babylonjs_Misc_deferred__WEBPACK_IMPORTED_MODULE_0__["MorphTargetManager"]();

+        babylonMesh.morphTargetManager = new babylonjs_Misc_deferred__WEBPACK_IMPORTED_MODULE_0__["MorphTargetManager"](babylonMesh.getScene());

         for (var index = 0; index < primitive.targets.length; index++) {

             var weight = node.weights ? node.weights[index] : mesh.weights ? mesh.weights[index] : 0;

-            babylonMesh.morphTargetManager.addTarget(new babylonjs_Misc_deferred__WEBPACK_IMPORTED_MODULE_0__["MorphTarget"]("morphTarget" + index, weight));

+            babylonMesh.morphTargetManager.addTarget(new babylonjs_Misc_deferred__WEBPACK_IMPORTED_MODULE_0__["MorphTarget"]("morphTarget" + index, weight, babylonMesh.getScene()));

             // TODO: tell the target whether it has positions, normals, tangents

         }

     };

@@ -2098,28 +2098,32 @@ var GLTFLoader = /** @class */ (function () {
 
             }));

         };

         loadAttribute("POSITION", babylonjs_Misc_deferred__WEBPACK_IMPORTED_MODULE_0__["VertexBuffer"].PositionKind, function (babylonVertexBuffer, data) {

+            var positions = new Float32Array(data.length);

             babylonVertexBuffer.forEach(data.length, function (value, index) {

-                data[index] += value;

+                positions[index] = data[index] + value;

             });

-            babylonMorphTarget.setPositions(data);

+            babylonMorphTarget.setPositions(positions);

         });

         loadAttribute("NORMAL", babylonjs_Misc_deferred__WEBPACK_IMPORTED_MODULE_0__["VertexBuffer"].NormalKind, function (babylonVertexBuffer, data) {

-            babylonVertexBuffer.forEach(data.length, function (value, index) {

-                data[index] += value;

+            var normals = new Float32Array(data.length);

+            babylonVertexBuffer.forEach(normals.length, function (value, index) {

+                normals[index] = data[index] + value;

             });

-            babylonMorphTarget.setNormals(data);

+            babylonMorphTarget.setNormals(normals);

         });

         loadAttribute("TANGENT", babylonjs_Misc_deferred__WEBPACK_IMPORTED_MODULE_0__["VertexBuffer"].TangentKind, function (babylonVertexBuffer, data) {

+            var tangents = new Float32Array(data.length / 3 * 4);

             var dataIndex = 0;

             babylonVertexBuffer.forEach(data.length / 3 * 4, function (value, index) {

                 // Tangent data for morph targets is stored as xyz delta.

                 // The vertexData.tangent is stored as xyzw.

                 // So we need to skip every fourth vertexData.tangent.

                 if (((index + 1) % 4) !== 0) {

-                    data[dataIndex++] += value;

+                    tangents[dataIndex] = data[dataIndex] + value;

+                    dataIndex++;

                 }

             });

-            babylonMorphTarget.setTangents(data);

+            babylonMorphTarget.setTangents(tangents);

         });

         return Promise.all(promises).then(function () { });

     };

File diff suppressed because it is too large
+ 1 - 1
dist/preview release/loaders/babylon.glTF2FileLoader.js.map


File diff suppressed because it is too large
+ 1 - 1
dist/preview release/loaders/babylon.glTF2FileLoader.min.js


+ 16 - 12
dist/preview release/loaders/babylon.glTFFileLoader.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 
@@ -4611,10 +4611,10 @@ var GLTFLoader = /** @class */ (function () {
 
         else if (primitive.targets.length !== node._numMorphTargets) {

             throw new Error(context + ": Primitives do not have the same number of targets");

         }

-        babylonMesh.morphTargetManager = new babylonjs_Misc_deferred__WEBPACK_IMPORTED_MODULE_0__["MorphTargetManager"]();

+        babylonMesh.morphTargetManager = new babylonjs_Misc_deferred__WEBPACK_IMPORTED_MODULE_0__["MorphTargetManager"](babylonMesh.getScene());

         for (var index = 0; index < primitive.targets.length; index++) {

             var weight = node.weights ? node.weights[index] : mesh.weights ? mesh.weights[index] : 0;

-            babylonMesh.morphTargetManager.addTarget(new babylonjs_Misc_deferred__WEBPACK_IMPORTED_MODULE_0__["MorphTarget"]("morphTarget" + index, weight));

+            babylonMesh.morphTargetManager.addTarget(new babylonjs_Misc_deferred__WEBPACK_IMPORTED_MODULE_0__["MorphTarget"]("morphTarget" + index, weight, babylonMesh.getScene()));

             // TODO: tell the target whether it has positions, normals, tangents

         }

     };

@@ -4647,28 +4647,32 @@ var GLTFLoader = /** @class */ (function () {
 
             }));

         };

         loadAttribute("POSITION", babylonjs_Misc_deferred__WEBPACK_IMPORTED_MODULE_0__["VertexBuffer"].PositionKind, function (babylonVertexBuffer, data) {

+            var positions = new Float32Array(data.length);

             babylonVertexBuffer.forEach(data.length, function (value, index) {

-                data[index] += value;

+                positions[index] = data[index] + value;

             });

-            babylonMorphTarget.setPositions(data);

+            babylonMorphTarget.setPositions(positions);

         });

         loadAttribute("NORMAL", babylonjs_Misc_deferred__WEBPACK_IMPORTED_MODULE_0__["VertexBuffer"].NormalKind, function (babylonVertexBuffer, data) {

-            babylonVertexBuffer.forEach(data.length, function (value, index) {

-                data[index] += value;

+            var normals = new Float32Array(data.length);

+            babylonVertexBuffer.forEach(normals.length, function (value, index) {

+                normals[index] = data[index] + value;

             });

-            babylonMorphTarget.setNormals(data);

+            babylonMorphTarget.setNormals(normals);

         });

         loadAttribute("TANGENT", babylonjs_Misc_deferred__WEBPACK_IMPORTED_MODULE_0__["VertexBuffer"].TangentKind, function (babylonVertexBuffer, data) {

+            var tangents = new Float32Array(data.length / 3 * 4);

             var dataIndex = 0;

             babylonVertexBuffer.forEach(data.length / 3 * 4, function (value, index) {

                 // Tangent data for morph targets is stored as xyz delta.

                 // The vertexData.tangent is stored as xyzw.

                 // So we need to skip every fourth vertexData.tangent.

                 if (((index + 1) % 4) !== 0) {

-                    data[dataIndex++] += value;

+                    tangents[dataIndex] = data[dataIndex] + value;

+                    dataIndex++;

                 }

             });

-            babylonMorphTarget.setTangents(data);

+            babylonMorphTarget.setTangents(tangents);

         });

         return Promise.all(promises).then(function () { });

     };

File diff suppressed because it is too large
+ 1 - 1
dist/preview release/loaders/babylon.glTFFileLoader.js.map


File diff suppressed because it is too large
+ 1 - 1
dist/preview release/loaders/babylon.glTFFileLoader.min.js


+ 16 - 12
dist/preview release/loaders/babylonjs.loaders.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 
@@ -5953,10 +5953,10 @@ var GLTFLoader = /** @class */ (function () {
 
         else if (primitive.targets.length !== node._numMorphTargets) {

             throw new Error(context + ": Primitives do not have the same number of targets");

         }

-        babylonMesh.morphTargetManager = new babylonjs_Misc_deferred__WEBPACK_IMPORTED_MODULE_0__["MorphTargetManager"]();

+        babylonMesh.morphTargetManager = new babylonjs_Misc_deferred__WEBPACK_IMPORTED_MODULE_0__["MorphTargetManager"](babylonMesh.getScene());

         for (var index = 0; index < primitive.targets.length; index++) {

             var weight = node.weights ? node.weights[index] : mesh.weights ? mesh.weights[index] : 0;

-            babylonMesh.morphTargetManager.addTarget(new babylonjs_Misc_deferred__WEBPACK_IMPORTED_MODULE_0__["MorphTarget"]("morphTarget" + index, weight));

+            babylonMesh.morphTargetManager.addTarget(new babylonjs_Misc_deferred__WEBPACK_IMPORTED_MODULE_0__["MorphTarget"]("morphTarget" + index, weight, babylonMesh.getScene()));

             // TODO: tell the target whether it has positions, normals, tangents

         }

     };

@@ -5989,28 +5989,32 @@ var GLTFLoader = /** @class */ (function () {
 
             }));

         };

         loadAttribute("POSITION", babylonjs_Misc_deferred__WEBPACK_IMPORTED_MODULE_0__["VertexBuffer"].PositionKind, function (babylonVertexBuffer, data) {

+            var positions = new Float32Array(data.length);

             babylonVertexBuffer.forEach(data.length, function (value, index) {

-                data[index] += value;

+                positions[index] = data[index] + value;

             });

-            babylonMorphTarget.setPositions(data);

+            babylonMorphTarget.setPositions(positions);

         });

         loadAttribute("NORMAL", babylonjs_Misc_deferred__WEBPACK_IMPORTED_MODULE_0__["VertexBuffer"].NormalKind, function (babylonVertexBuffer, data) {

-            babylonVertexBuffer.forEach(data.length, function (value, index) {

-                data[index] += value;

+            var normals = new Float32Array(data.length);

+            babylonVertexBuffer.forEach(normals.length, function (value, index) {

+                normals[index] = data[index] + value;

             });

-            babylonMorphTarget.setNormals(data);

+            babylonMorphTarget.setNormals(normals);

         });

         loadAttribute("TANGENT", babylonjs_Misc_deferred__WEBPACK_IMPORTED_MODULE_0__["VertexBuffer"].TangentKind, function (babylonVertexBuffer, data) {

+            var tangents = new Float32Array(data.length / 3 * 4);

             var dataIndex = 0;

             babylonVertexBuffer.forEach(data.length / 3 * 4, function (value, index) {

                 // Tangent data for morph targets is stored as xyz delta.

                 // The vertexData.tangent is stored as xyzw.

                 // So we need to skip every fourth vertexData.tangent.

                 if (((index + 1) % 4) !== 0) {

-                    data[dataIndex++] += value;

+                    tangents[dataIndex] = data[dataIndex] + value;

+                    dataIndex++;

                 }

             });

-            babylonMorphTarget.setTangents(data);

+            babylonMorphTarget.setTangents(tangents);

         });

         return Promise.all(promises).then(function () { });

     };

File diff suppressed because it is too large
+ 1 - 1
dist/preview release/loaders/babylonjs.loaders.js.map


File diff suppressed because it is too large
+ 1 - 1
dist/preview release/loaders/babylonjs.loaders.min.js


+ 3 - 3
dist/preview release/loaders/package.json
Bestand weergeven 

@@ -4,7 +4,7 @@
 
     },
 
     "name": "babylonjs-loaders",
 
     "description": "The Babylon.js file loaders library is an extension you can use to load different 3D file types into a Babylon scene.",
 
-    "version": "4.1.0-alpha.0",
 
+    "version": "4.1.0-alpha.2",
 
     "repository": {
 
         "type": "git",
 
         "url": "https://github.com/BabylonJS/Babylon.js.git"
 
@@ -28,8 +28,8 @@
 
     ],
 
     "license": "Apache-2.0",
 
     "dependencies": {
 
-        "babylonjs-gltf2interface": "4.1.0-alpha.0",
 
-        "babylonjs": "4.1.0-alpha.0"
 
+        "babylonjs-gltf2interface": "4.1.0-alpha.2",
 
+        "babylonjs": "4.1.0-alpha.2"
 
     },
 
     "engines": {
 
         "node": "*"

+ 3 - 3
dist/preview release/materialsLibrary/babylon.cellMaterial.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/materialsLibrary/babylon.customMaterial.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/materialsLibrary/babylon.fireMaterial.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/materialsLibrary/babylon.furMaterial.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/materialsLibrary/babylon.gradientMaterial.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/materialsLibrary/babylon.gridMaterial.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/materialsLibrary/babylon.lavaMaterial.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/materialsLibrary/babylon.mixMaterial.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/materialsLibrary/babylon.normalMaterial.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/materialsLibrary/babylon.shadowOnlyMaterial.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/materialsLibrary/babylon.simpleMaterial.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/materialsLibrary/babylon.skyMaterial.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/materialsLibrary/babylon.terrainMaterial.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/materialsLibrary/babylon.triPlanarMaterial.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/materialsLibrary/babylon.waterMaterial.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/materialsLibrary/babylonjs.materials.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 2 - 2
dist/preview release/materialsLibrary/package.json
Bestand weergeven 

@@ -4,7 +4,7 @@
 
     },
 
     "name": "babylonjs-materials",
 
     "description": "The Babylon.js materials library is a collection of advanced materials to be used in a Babylon.js scene.",
 
-    "version": "4.1.0-alpha.0",
 
+    "version": "4.1.0-alpha.2",
 
     "repository": {
 
         "type": "git",
 
         "url": "https://github.com/BabylonJS/Babylon.js.git"
 
@@ -28,7 +28,7 @@
 
     ],
 
     "license": "Apache-2.0",
 
     "dependencies": {
 
-        "babylonjs": "4.1.0-alpha.0"
 
+        "babylonjs": "4.1.0-alpha.2"
 
     },
 
     "engines": {
 
         "node": "*"

+ 650 - 0
dist/preview release/nodeEditor/babylon.nodeEditor.d.ts
Bestand weergeven 

@@ -0,0 +1,650 @@
 
+/// <reference types="react" />

+declare module NODEEDITOR {

+    /**

+     * Port model

+     */

+    export class DefaultPortModel extends PortModel {

+        /**

+         * If the port is input or output

+         */

+        position: string | "input" | "output";

+        /**

+         * What the port is connected to

+         */

+        connection: BABYLON.Nullable<BABYLON.NodeMaterialConnectionPoint>;

+        defaultValue: any;

+        static idCounter: number;

+        constructor(name: string, type?: string);

+        syncWithNodeMaterialConnectionPoint(connection: BABYLON.NodeMaterialConnectionPoint): void;

+        getNodeModel(): DefaultNodeModel;

+        link(outPort: DefaultPortModel): LinkModel<import("storm-react-diagrams").LinkModelListener>;

+        createLinkModel(): LinkModel;

+        static SortInputOutput(a: BABYLON.Nullable<DefaultPortModel>, b: BABYLON.Nullable<DefaultPortModel>): {

+            input: DefaultPortModel;

+            output: DefaultPortModel;

+        } | null;

+    }

+}

+declare module NODEEDITOR {

+    interface ITextLineComponentProps {

+        label: string;

+        value: string;

+        color?: string;

+        underline?: boolean;

+        onLink?: () => void;

+    }

+    export class TextLineComponent extends React.Component<ITextLineComponentProps> {

+        constructor(props: ITextLineComponentProps);

+        onLink(): void;

+        renderContent(): JSX.Element;

+        render(): JSX.Element;

+    }

+}

+declare module NODEEDITOR {

+    /**

+     * Generic node model which stores information about a node editor block

+     */

+    export class GenericNodeModel extends DefaultNodeModel {

+        /**

+         * Labels for the block

+         */

+        header: string;

+        /**

+         * BABYLON.Vector2 for the node if it exists

+         */

+        vector2: BABYLON.Nullable<BABYLON.Vector2>;

+        /**

+         * BABYLON.Vector3 for the node if it exists

+         */

+        vector3: BABYLON.Nullable<BABYLON.Vector3>;

+        /**

+         * BABYLON.Vector4 for the node if it exists

+         */

+        vector4: BABYLON.Nullable<BABYLON.Vector4>;

+        /**

+         * BABYLON.Matrix for the node if it exists

+         */

+        matrix: BABYLON.Nullable<BABYLON.Matrix>;

+        /**

+         * Constructs the node model

+         */

+        constructor();

+        prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor, filterInputs: string[]): void;

+        renderProperties(globalState: GlobalState): JSX.Element;

+    }

+}

+declare module NODEEDITOR {

+    /**

+     * GenericNodeWidgetProps

+     */

+    export interface GenericNodeWidgetProps {

+        node: BABYLON.Nullable<GenericNodeModel>;

+        globalState: GlobalState;

+    }

+    /**

+     * GenericNodeWidgetState

+     */

+    export interface GenericNodeWidgetState {

+    }

+    /**

+     * Used to display a node block for the node editor

+     */

+    export class GenericNodeWidget extends React.Component<GenericNodeWidgetProps, GenericNodeWidgetState> {

+        /**

+         * Creates a GenericNodeWidget

+         * @param props

+         */

+        constructor(props: GenericNodeWidgetProps);

+        render(): JSX.Element;

+    }

+}

+declare module NODEEDITOR {

+    /**

+     * Node factory which creates editor nodes

+     */

+    export class GenericNodeFactory extends SRD.AbstractNodeFactory {

+        private _globalState;

+        /**

+         * Constructs a GenericNodeFactory

+         */

+        constructor(globalState: GlobalState);

+        /**

+         * Generates a node widget

+         * @param diagramEngine diagram engine

+         * @param node node to generate

+         * @returns node widget jsx

+         */

+        generateReactWidget(diagramEngine: SRD.DiagramEngine, node: GenericNodeModel): JSX.Element;

+        /**

+         * Gets a new instance of a node model

+         * @returns generic node model

+         */

+        getNewInstance(): GenericNodeModel;

+    }

+}

+declare module NODEEDITOR {

+    interface ILineContainerComponentProps {

+        title: string;

+        children: any[] | any;

+        closed?: boolean;

+    }

+    export class LineContainerComponent extends React.Component<ILineContainerComponentProps, {

+        isExpanded: boolean;

+    }> {

+        private static _InMemoryStorage;

+        constructor(props: ILineContainerComponentProps);

+        switchExpandedState(): void;

+        renderHeader(): JSX.Element;

+        render(): JSX.Element;

+    }

+}

+declare module NODEEDITOR {

+    export interface IButtonLineComponentProps {

+        label: string;

+        onClick: () => void;

+    }

+    export class ButtonLineComponent extends React.Component<IButtonLineComponentProps> {

+        constructor(props: IButtonLineComponentProps);

+        render(): JSX.Element;

+    }

+}

+declare module NODEEDITOR {

+    interface INodeListComponentProps {

+        globalState: GlobalState;

+        onAddValueNode: (b: string) => void;

+        onAddNodeFromClass: (ObjectClass: typeof BABYLON.NodeMaterialBlock) => void;

+    }

+    export class NodeListComponent extends React.Component<INodeListComponentProps> {

+        render(): JSX.Element;

+    }

+}

+declare module NODEEDITOR {

+    interface IPropertyTabComponentProps {

+        globalState: GlobalState;

+    }

+    export class PropertyTabComponent extends React.Component<IPropertyTabComponentProps, {

+        currentNode: BABYLON.Nullable<DefaultNodeModel>;

+    }> {

+        constructor(props: IPropertyTabComponentProps);

+        componentWillMount(): void;

+        render(): JSX.Element;

+    }

+}

+declare module NODEEDITOR {

+    interface IPortalProps {

+        globalState: GlobalState;

+    }

+    export class Portal extends React.Component<IPortalProps> {

+        render(): React.ReactPortal;

+    }

+}

+declare module NODEEDITOR {

+    interface IFileButtonLineComponentProps {

+        label: string;

+        onClick: (file: File) => void;

+        accept: string;

+    }

+    export class FileButtonLineComponent extends React.Component<IFileButtonLineComponentProps> {

+        constructor(props: IFileButtonLineComponentProps);

+        onChange(evt: any): void;

+        render(): JSX.Element;

+    }

+}

+declare module NODEEDITOR {

+    interface ITexturePropertyTabComponentProps {

+        globalState: GlobalState;

+        node: TextureNodeModel;

+    }

+    export class TexturePropertyTabComponent extends React.Component<ITexturePropertyTabComponentProps> {

+        /**

+         * Replaces the texture of the node

+         * @param file the file of the texture to use

+         */

+        replaceTexture(file: File): void;

+        render(): JSX.Element;

+    }

+}

+declare module NODEEDITOR {

+    /**

+     * BABYLON.Texture node model which stores information about a node editor block

+     */

+    export class TextureNodeModel extends DefaultNodeModel {

+        private _block;

+        /**

+         * BABYLON.Texture for the node if it exists

+         */

+        texture: BABYLON.Nullable<BABYLON.Texture>;

+        /**

+         * Constructs the node model

+         */

+        constructor();

+        renderProperties(globalState: GlobalState): JSX.Element;

+        prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor, filterInputs: string[]): void;

+    }

+}

+declare module NODEEDITOR {

+    interface ITextureLineComponentProps {

+        texture: BABYLON.BaseTexture;

+        width: number;

+        height: number;

+        globalState?: any;

+        hideChannelSelect?: boolean;

+    }

+    export class TextureLineComponent extends React.Component<ITextureLineComponentProps, {

+        displayRed: boolean;

+        displayGreen: boolean;

+        displayBlue: boolean;

+        displayAlpha: boolean;

+        face: number;

+    }> {

+        constructor(props: ITextureLineComponentProps);

+        shouldComponentUpdate(nextProps: ITextureLineComponentProps, nextState: {

+            displayRed: boolean;

+            displayGreen: boolean;

+            displayBlue: boolean;

+            displayAlpha: boolean;

+            face: number;

+        }): boolean;

+        componentDidMount(): void;

+        componentDidUpdate(): void;

+        updatePreview(): void;

+        render(): JSX.Element;

+    }

+}

+declare module NODEEDITOR {

+    /**

+     * GenericNodeWidgetProps

+     */

+    export interface TextureNodeWidgetProps {

+        node: BABYLON.Nullable<TextureNodeModel>;

+        globalState: GlobalState;

+    }

+    /**

+     * Used to display a node block for the node editor

+     */

+    export class TextureNodeWidget extends React.Component<TextureNodeWidgetProps> {

+        /**

+         * Creates a GenericNodeWidget

+         * @param props

+         */

+        constructor(props: TextureNodeWidgetProps);

+        render(): JSX.Element;

+    }

+}

+declare module NODEEDITOR {

+    /**

+     * Node factory which creates editor nodes

+     */

+    export class TextureNodeFactory extends SRD.AbstractNodeFactory {

+        private _globalState;

+        /**

+         * Constructs a TextureNodeFactory

+         */

+        constructor(globalState: GlobalState);

+        /**

+         * Generates a node widget

+         * @param diagramEngine diagram engine

+         * @param node node to generate

+         * @returns node widget jsx

+         */

+        generateReactWidget(diagramEngine: SRD.DiagramEngine, node: TextureNodeModel): JSX.Element;

+        /**

+         * Gets a new instance of a node model

+         * @returns texture node model

+         */

+        getNewInstance(): TextureNodeModel;

+    }

+}

+declare module NODEEDITOR {

+    interface INumericInputComponentProps {

+        label: string;

+        value: number;

+        step?: number;

+        onChange: (value: number) => void;

+    }

+    export class NumericInputComponent extends React.Component<INumericInputComponentProps, {

+        value: string;

+    }> {

+        static defaultProps: {

+            step: number;

+        };

+        private _localChange;

+        constructor(props: INumericInputComponentProps);

+        shouldComponentUpdate(nextProps: INumericInputComponentProps, nextState: {

+            value: string;

+        }): boolean;

+        updateValue(evt: any): void;

+        render(): JSX.Element;

+    }

+}

+declare module NODEEDITOR {

+    export class PropertyChangedEvent {

+        object: any;

+        property: string;

+        value: any;

+        initialValue: any;

+    }

+}

+declare module NODEEDITOR {

+    interface IVector2LineComponentProps {

+        label: string;

+        target: any;

+        propertyName: string;

+        step?: number;

+        onChange?: (newvalue: BABYLON.Vector2) => void;

+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;

+    }

+    export class Vector2LineComponent extends React.Component<IVector2LineComponentProps, {

+        isExpanded: boolean;

+        value: BABYLON.Vector2;

+    }> {

+        static defaultProps: {

+            step: number;

+        };

+        private _localChange;

+        constructor(props: IVector2LineComponentProps);

+        shouldComponentUpdate(nextProps: IVector2LineComponentProps, nextState: {

+            isExpanded: boolean;

+            value: BABYLON.Vector2;

+        }): boolean;

+        switchExpandState(): void;

+        raiseOnPropertyChanged(previousValue: BABYLON.Vector2): void;

+        updateStateX(value: number): void;

+        updateStateY(value: number): void;

+        render(): JSX.Element;

+    }

+}

+declare module NODEEDITOR {

+    interface IVector2PropertyTabComponentProps {

+        globalState: GlobalState;

+        connection: BABYLON.NodeMaterialConnectionPoint;

+    }

+    export class Vector2PropertyTabComponent extends React.Component<IVector2PropertyTabComponentProps> {

+        render(): JSX.Element;

+    }

+}

+declare module NODEEDITOR {

+    interface IVector3LineComponentProps {

+        label: string;

+        target: any;

+        propertyName: string;

+        step?: number;

+        onChange?: (newvalue: BABYLON.Vector3) => void;

+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;

+    }

+    export class Vector3LineComponent extends React.Component<IVector3LineComponentProps, {

+        isExpanded: boolean;

+        value: BABYLON.Vector3;

+    }> {

+        static defaultProps: {

+            step: number;

+        };

+        private _localChange;

+        constructor(props: IVector3LineComponentProps);

+        shouldComponentUpdate(nextProps: IVector3LineComponentProps, nextState: {

+            isExpanded: boolean;

+            value: BABYLON.Vector3;

+        }): boolean;

+        switchExpandState(): void;

+        raiseOnPropertyChanged(previousValue: BABYLON.Vector3): void;

+        updateVector3(): void;

+        updateStateX(value: number): void;

+        updateStateY(value: number): void;

+        updateStateZ(value: number): void;

+        render(): JSX.Element;

+    }

+}

+declare module NODEEDITOR {

+    interface IVector3PropertyTabComponentProps {

+        globalState: GlobalState;

+        connection: BABYLON.NodeMaterialConnectionPoint;

+    }

+    export class Vector3PropertyTabComponent extends React.Component<IVector3PropertyTabComponentProps> {

+        render(): JSX.Element;

+    }

+}

+declare module NODEEDITOR {

+    export interface ICheckBoxLineComponentProps {

+        label: string;

+        target?: any;

+        propertyName?: string;

+        isSelected?: () => boolean;

+        onSelect?: (value: boolean) => void;

+        onValueChanged?: () => void;

+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;

+    }

+    export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponentProps, {

+        isSelected: boolean;

+    }> {

+        private static _UniqueIdSeed;

+        private _uniqueId;

+        private _localChange;

+        constructor(props: ICheckBoxLineComponentProps);

+        shouldComponentUpdate(nextProps: ICheckBoxLineComponentProps, nextState: {

+            isSelected: boolean;

+        }): boolean;

+        onChange(): void;

+        render(): JSX.Element;

+    }

+}

+declare module NODEEDITOR {

+    class ListLineOption {

+        label: string;

+        value: number | string;

+    }

+    interface IOptionsLineComponentProps {

+        label: string;

+        target: any;

+        propertyName: string;

+        options: ListLineOption[];

+        noDirectUpdate?: boolean;

+        onSelect?: (value: number | string) => void;

+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;

+        valuesAreStrings?: boolean;

+    }

+    export class OptionsLineComponent extends React.Component<IOptionsLineComponentProps, {

+        value: number | string;

+    }> {

+        private _localChange;

+        constructor(props: IOptionsLineComponentProps);

+        shouldComponentUpdate(nextProps: IOptionsLineComponentProps, nextState: {

+            value: number;

+        }): boolean;

+        raiseOnPropertyChanged(newValue: number | string, previousValue: number | string): void;

+        updateValue(valueString: string): void;

+        render(): JSX.Element;

+    }

+}

+declare module NODEEDITOR {

+    export interface IColor3LineComponentProps {

+        label: string;

+        target: any;

+        propertyName: string;

+        onPropertyChangedObservable?: BABYLON.Observable<PropertyChangedEvent>;

+    }

+    export class Color3LineComponent extends React.Component<IColor3LineComponentProps, {

+        isExpanded: boolean;

+        color: BABYLON.Color3;

+    }> {

+        private _localChange;

+        constructor(props: IColor3LineComponentProps);

+        shouldComponentUpdate(nextProps: IColor3LineComponentProps, nextState: {

+            color: BABYLON.Color3;

+        }): boolean;

+        onChange(newValue: string): void;

+        switchExpandState(): void;

+        raiseOnPropertyChanged(previousValue: BABYLON.Color3): void;

+        updateStateR(value: number): void;

+        updateStateG(value: number): void;

+        updateStateB(value: number): void;

+        copyToClipboard(): void;

+        render(): JSX.Element;

+    }

+}

+declare module NODEEDITOR {

+    interface IColor3PropertyTabComponentProps {

+        globalState: GlobalState;

+        connection: BABYLON.NodeMaterialConnectionPoint;

+    }

+    export class Color3PropertyTabComponent extends React.Component<IColor3PropertyTabComponentProps> {

+        render(): JSX.Element;

+    }

+}

+declare module NODEEDITOR {

+    interface IInputPropertyTabComponentProps {

+        globalState: GlobalState;

+        inputNode: InputNodeModel;

+    }

+    export class InputPropertyTabComponentProps extends React.Component<IInputPropertyTabComponentProps> {

+        constructor(props: IInputPropertyTabComponentProps);

+        renderValue(globalState: GlobalState): JSX.Element | null;

+        setDefaultValue(): void;

+        render(): JSX.Element;

+    }

+}

+declare module NODEEDITOR {

+    /**

+     * Generic node model which stores information about a node editor block

+     */

+    export class InputNodeModel extends DefaultNodeModel {

+        connection?: BABYLON.NodeMaterialConnectionPoint;

+        /**

+         * Constructs the node model

+         */

+        constructor();

+        renderProperties(globalState: GlobalState): JSX.Element | null;

+    }

+}

+declare module NODEEDITOR {

+    /**

+     * GenericNodeWidgetProps

+     */

+    export interface InputNodeWidgetProps {

+        node: BABYLON.Nullable<InputNodeModel>;

+        globalState: GlobalState;

+    }

+    /**

+     * Used to display a node block for the node editor

+     */

+    export class InputNodeWidget extends React.Component<InputNodeWidgetProps> {

+        /**

+         * Creates a GenericNodeWidget

+         * @param props

+         */

+        constructor(props: InputNodeWidgetProps);

+        render(): JSX.Element;

+    }

+}

+declare module NODEEDITOR {

+    /**

+     * Node factory which creates editor nodes

+     */

+    export class InputNodeFactory extends SRD.AbstractNodeFactory {

+        private _globalState;

+        /**

+         * Constructs a GenericNodeFactory

+         */

+        constructor(globalState: GlobalState);

+        /**

+         * Generates a node widget

+         * @param diagramEngine diagram engine

+         * @param node node to generate

+         * @returns node widget jsx

+         */

+        generateReactWidget(diagramEngine: SRD.DiagramEngine, node: InputNodeModel): JSX.Element;

+        /**

+         * Gets a new instance of a node model

+         * @returns input node model

+         */

+        getNewInstance(): InputNodeModel;

+    }

+}

+declare module NODEEDITOR {

+    interface IGraphEditorProps {

+        globalState: GlobalState;

+    }

+    export class NodeCreationOptions {

+        column: number;

+        nodeMaterialBlock?: BABYLON.NodeMaterialBlock;

+        type?: string;

+        connection?: BABYLON.NodeMaterialConnectionPoint;

+    }

+    export class GraphEditor extends React.Component<IGraphEditorProps> {

+        private _engine;

+        private _model;

+        private _nodes;

+        /** @hidden */

+        _toAdd: LinkModel[] | null;

+        /**

+         * Current row/column position used when adding new nodes

+         */

+        private _rowPos;

+        /**

+         * Creates a node and recursivly creates its parent nodes from it's input

+         * @param nodeMaterialBlock

+         */

+        createNodeFromObject(options: NodeCreationOptions): DefaultNodeModel;

+        componentDidMount(): void;

+        componentWillUnmount(): void;

+        constructor(props: IGraphEditorProps);

+        build(): void;

+        addNodeFromClass(ObjectClass: typeof BABYLON.NodeMaterialBlock): DefaultNodeModel;

+        addValueNode(type: string, column?: number, connection?: BABYLON.NodeMaterialConnectionPoint): DefaultNodeModel;

+        render(): JSX.Element;

+    }

+}

+declare module NODEEDITOR {

+    /**

+     * Generic node model which stores information about a node editor block

+     */

+    export class DefaultNodeModel extends NodeModel {

+        /**

+         * The babylon block this node represents

+         */

+        block: BABYLON.Nullable<BABYLON.NodeMaterialBlock>;

+        ports: {

+            [s: string]: DefaultPortModel;

+        };

+        /**

+         * Constructs the node model

+         */

+        constructor(key: string);

+        prepare(options: NodeCreationOptions, nodes: Array<DefaultNodeModel>, model: DiagramModel, graphEditor: GraphEditor, filterInputs: string[]): void;

+        renderProperties(globalState: GlobalState): JSX.Element | null;

+    }

+}

+declare module NODEEDITOR {

+    export class GlobalState {

+        nodeMaterial?: BABYLON.NodeMaterial;

+        hostElement: HTMLElement;

+        hostDocument: HTMLDocument;

+        onSelectionChangedObservable: BABYLON.Observable<BABYLON.Nullable<DefaultNodeModel>>;

+        onRebuildRequiredObservable: BABYLON.Observable<void>;

+        onResetRequiredObservable: BABYLON.Observable<void>;

+        onUpdateRequiredObservable: BABYLON.Observable<void>;

+    }

+}

+declare module NODEEDITOR {

+    export class Popup {

+        static CreatePopup(title: string, windowVariableName: string, width?: number, height?: number): HTMLDivElement | null;

+        private static _CopyStyles;

+    }

+}

+declare module NODEEDITOR {

+    /**

+     * Interface used to specify creation options for the node editor

+     */

+    export interface INodeEditorOptions {

+        nodeMaterial: BABYLON.NodeMaterial;

+    }

+    /**

+     * Class used to create a node editor

+     */

+    export class NodeEditor {

+        /**

+         * Show the node editor

+         * @param options defines the options to use to configure the node editor

+         */

+        static Show(options: INodeEditorOptions): void;

+    }

+}

File diff suppressed because it is too large
+ 41 - 0
dist/preview release/nodeEditor/babylon.nodeEditor.js


File diff suppressed because it is too large
+ 49627 - 0
dist/preview release/nodeEditor/babylon.nodeEditor.max.js


File diff suppressed because it is too large
+ 1 - 0
dist/preview release/nodeEditor/babylon.nodeEditor.max.js.map


File diff suppressed because it is too large
+ 1415 - 0
dist/preview release/nodeEditor/babylon.nodeEditor.module.d.ts


+ 27 - 0
dist/preview release/nodeEditor/package.json
Bestand weergeven 

@@ -0,0 +1,27 @@
 
+{
 
+    "author": {
 
+        "name": "David CATUHE"
 
+    },
 
+    "name": "babylonjs-node-editor",
 
+    "description": "The Babylon.js node material editor.",
 
+    "version": "4.1.0-alpha.2",
 
+    "repository": {
 
+        "type": "git",
 
+        "url": "https://github.com/BabylonJS/Babylon.js.git"
 
+    },
 
+    "license": "Apache-2.0",
 
+    "dependencies": {
 
+        "babylonjs": "4.1.0-alpha.2"
 
+    },
 
+    "files": [
 
+        "babylon.nodeEditor.max.js.map",
 
+        "babylon.nodeEditor.max.js",
 
+        "babylon.nodeEditor.js",
 
+        "babylon.nodeEditor.module.d.ts",
 
+        "readme.md",
 
+        "package.json"
 
+    ],
 
+    "engines": {
 
+        "node": "*"
 
+    }
 
+}

+ 1 - 0
dist/preview release/nodeEditor/readme-es6.md
Bestand weergeven 

@@ -0,0 +1 @@
 
+Node Editor es6

+ 1 - 0
dist/preview release/nodeEditor/readme.md
Bestand weergeven 

@@ -0,0 +1 @@
 
+Node Editor

+ 1 - 1
dist/preview release/package.json
Bestand weergeven 

@@ -7,7 +7,7 @@
 
     ],
 
     "name": "babylonjs",
 
     "description": "Babylon.js is a JavaScript 3D engine based on webgl.",
 
-    "version": "4.1.0-alpha.0",
 
+    "version": "4.1.0-alpha.2",
 
     "repository": {
 
         "type": "git",
 
         "url": "https://github.com/BabylonJS/Babylon.js.git"

+ 1 - 1
dist/preview release/packagesSizeBaseLine.json
Bestand weergeven 

@@ -1 +1 @@
 
-{"engineOnly":290697,"sceneOnly":500458,"minGridMaterial":627471,"minStandardMaterial":752230}
 
+{"engineOnly":251146,"sceneOnly":508675,"minGridMaterial":636126,"minStandardMaterial":761524}

+ 3 - 3
dist/preview release/postProcessesLibrary/babylon.asciiArtPostProcess.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/postProcessesLibrary/babylon.digitalRainPostProcess.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/postProcessesLibrary/babylon.oceanPostProcess.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/postProcessesLibrary/babylonjs.postProcess.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 2 - 2
dist/preview release/postProcessesLibrary/package.json
Bestand weergeven 

@@ -4,7 +4,7 @@
 
     },
 
     "name": "babylonjs-post-process",
 
     "description": "The Babylon.js materials library is a collection of advanced materials to be used in a Babylon.js scene.",
 
-    "version": "4.1.0-alpha.0",
 
+    "version": "4.1.0-alpha.2",
 
     "repository": {
 
         "type": "git",
 
         "url": "https://github.com/BabylonJS/Babylon.js.git"
 
@@ -28,7 +28,7 @@
 
     ],
 
     "license": "Apache-2.0",
 
     "dependencies": {
 
-        "babylonjs": "4.1.0-alpha.0"
 
+        "babylonjs": "4.1.0-alpha.2"
 
     },
 
     "engines": {
 
         "node": "*"

+ 3 - 3
dist/preview release/proceduralTexturesLibrary/babylon.brickProceduralTexture.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/proceduralTexturesLibrary/babylon.cloudProceduralTexture.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/proceduralTexturesLibrary/babylon.fireProceduralTexture.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/proceduralTexturesLibrary/babylon.grassProceduralTexture.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/proceduralTexturesLibrary/babylon.marbleProceduralTexture.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/proceduralTexturesLibrary/babylon.normalMapProceduralTexture.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/proceduralTexturesLibrary/babylon.perlinNoiseProceduralTexture.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/proceduralTexturesLibrary/babylon.roadProceduralTexture.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/proceduralTexturesLibrary/babylon.starfieldProceduralTexture.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/proceduralTexturesLibrary/babylon.woodProceduralTexture.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 3 - 3
dist/preview release/proceduralTexturesLibrary/babylonjs.proceduralTextures.js
Bestand weergeven 

@@ -97,9 +97,9 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /******/ ({
 
 
 /***/ "../../node_modules/tslib/tslib.es6.js":
 
-/*!***********************************************************!*\
 
-  !*** D:/Repos/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
-  \***********************************************************/
 
+/*!*****************************************************************!*\
 
+  !*** c:/Dev/Babylon/Babylon.js/node_modules/tslib/tslib.es6.js ***!
 
+  \*****************************************************************/
 
 /*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
 
 /***/ (function(module, __webpack_exports__, __webpack_require__) {

+ 2 - 2
dist/preview release/proceduralTexturesLibrary/package.json
Bestand weergeven 

@@ -4,7 +4,7 @@
 
     },
 
     "name": "babylonjs-procedural-textures",
 
     "description": "The Babylon.js materials library is a collection of advanced materials to be used in a Babylon.js scene.",
 
-    "version": "4.1.0-alpha.0",
 
+    "version": "4.1.0-alpha.2",
 
     "repository": {
 
         "type": "git",
 
         "url": "https://github.com/BabylonJS/Babylon.js.git"
 
@@ -28,7 +28,7 @@
 
     ],
 
     "license": "Apache-2.0",
 
     "dependencies": {
 
-        "babylonjs": "4.1.0-alpha.0"
 
+        "babylonjs": "4.1.0-alpha.2"
 
     },
 
     "engines": {
 
         "node": "*"

+ 14 - 29
dist/preview release/serializers/babylon.glTF2Serializer.js
Bestand weergeven 

@@ -300,14 +300,13 @@ _glTFExporter__WEBPACK_IMPORTED_MODULE_1__["_Exporter"].RegisterExtension(NAME,
 
 "use strict";
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "KHR_texture_transform", function() { return KHR_texture_transform; });
 
-/* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Maths/math */ "babylonjs/Maths/math");
 
-/* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0__);
 
+/* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Misc/tools */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_0__);
 
 /* harmony import */ var _glTFExporter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../glTFExporter */ "./glTF/2.0/glTFExporter.ts");
 
 /* harmony import */ var _shaders_textureTransform_fragment__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../shaders/textureTransform.fragment */ "./glTF/2.0/shaders/textureTransform.fragment.ts");
 
 

 

 

-

 var NAME = "KHR_texture_transform";

 

 /**

@@ -329,6 +328,12 @@ var KHR_texture_transform = /** @class */ (function () {
 
     KHR_texture_transform.prototype.preExportTextureAsync = function (context, babylonTexture, mimeType) {

         var _this = this;

         return new Promise(function (resolve, reject) {

+            var scene = babylonTexture.getScene();

+            if (!scene) {

+                reject(context + ": \"scene\" is not defined for Babylon texture " + babylonTexture.name + "!");

+                return;

+            }

+            // TODO: this doesn't take into account rotation center values

             var texture_transform_extension = {};

             if (babylonTexture.uOffset !== 0 || babylonTexture.vOffset !== 0) {

                 texture_transform_extension.offset = [babylonTexture.uOffset, babylonTexture.vOffset];

@@ -341,19 +346,9 @@ var KHR_texture_transform = /** @class */ (function () {
 
             }

             if (!Object.keys(texture_transform_extension).length) {

                 resolve(babylonTexture);

+                return;

             }

-            var scale = texture_transform_extension.scale ? new babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0__["Vector2"](texture_transform_extension.scale[0], texture_transform_extension.scale[1]) : babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0__["Vector2"].One();

-            var rotation = texture_transform_extension.rotation != null ? texture_transform_extension.rotation : 0;

-            var offset = texture_transform_extension.offset ? new babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0__["Vector2"](texture_transform_extension.offset[0], texture_transform_extension.offset[1]) : babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0__["Vector2"].Zero();

-            var scene = babylonTexture.getScene();

-            if (!scene) {

-                reject(context + ": \"scene\" is not defined for Babylon texture " + babylonTexture.name + "!");

-            }

-            else {

-                _this.textureTransformTextureAsync(babylonTexture, offset, rotation, scale, scene).then(function (texture) {

-                    resolve(texture);

-                });

-            }

+            return _this._textureTransformTextureAsync(babylonTexture, scene);

         });

     };

     /**

@@ -364,11 +359,11 @@ var KHR_texture_transform = /** @class */ (function () {
 
      * @param scale

      * @param scene

      */

-    KHR_texture_transform.prototype.textureTransformTextureAsync = function (babylonTexture, offset, rotation, scale, scene) {

-        return new Promise(function (resolve, reject) {

-            var proceduralTexture = new babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0__["ProceduralTexture"]("" + babylonTexture.name, babylonTexture.getSize(), "textureTransform", scene);

+    KHR_texture_transform.prototype._textureTransformTextureAsync = function (babylonTexture, scene) {

+        return new Promise(function (resolve) {

+            var proceduralTexture = new babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_0__["ProceduralTexture"]("" + babylonTexture.name, babylonTexture.getSize(), "textureTransform", scene);

             if (!proceduralTexture) {

-                babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0__["Tools"].Log("Cannot create procedural texture for " + babylonTexture.name + "!");

+                babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_0__["Tools"].Log("Cannot create procedural texture for " + babylonTexture.name + "!");

                 resolve(babylonTexture);

             }

             proceduralTexture.setTexture("textureSampler", babylonTexture);

@@ -2046,7 +2041,6 @@ var _Exporter = /** @class */ (function () {
 
         var promises = [];

         var bufferMesh = null;

         var bufferView;

-        var uvCoordsPresent;

         var minMax;

         if (babylonTransformNode instanceof babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0__["Mesh"]) {

             bufferMesh = babylonTransformNode;

@@ -2097,7 +2091,6 @@ var _Exporter = /** @class */ (function () {
 
                 // go through all mesh primitives (submeshes)

                 for (var _a = 0, _b = bufferMesh.subMeshes; _a < _b.length; _a++) {

                     var submesh = _b[_a];

-                    uvCoordsPresent = false;

                     var babylonMaterial = submesh.getMaterial() || bufferMesh.getScene().defaultMaterial;

                     var materialIndex = null;

                     if (babylonMaterial) {

@@ -2150,9 +2143,6 @@ var _Exporter = /** @class */ (function () {
 
                                     var accessor = _glTFUtilities__WEBPACK_IMPORTED_MODULE_2__["_GLTFUtilities"]._CreateAccessor(bufferViewIndex, attributeKind + " - " + babylonTransformNode.name, attribute.accessorType, 5126 /* FLOAT */, vertexData.length / stride, 0, minMax.min, minMax.max);

                                     this._accessors.push(accessor);

                                     this.setAttributeKind(meshPrimitive, attributeKind);

-                                    if (meshPrimitive.attributes.TEXCOORD_0 != null || meshPrimitive.attributes.TEXCOORD_1 != null) {

-                                        uvCoordsPresent = true;

-                                    }

                                 }

                             }

                         }

@@ -2192,11 +2182,6 @@ var _Exporter = /** @class */ (function () {
 
                                 }

                             }

                         }

-                        if (!uvCoordsPresent && this._glTFMaterialExporter._hasTexturesPresent(this._materials[materialIndex])) {

-                            var newMat = this._glTFMaterialExporter._stripTexturesFromMaterial(this._materials[materialIndex]);

-                            this._materials.push(newMat);

-                            materialIndex = this._materials.length - 1;

-                        }

                         meshPrimitive.material = materialIndex;

                     }

                     mesh.primitives.push(meshPrimitive);

File diff suppressed because it is too large
+ 1 - 1
dist/preview release/serializers/babylon.glTF2Serializer.js.map


File diff suppressed because it is too large
+ 1 - 1
dist/preview release/serializers/babylon.glTF2Serializer.min.js


+ 1 - 1
dist/preview release/serializers/babylonjs.serializers.d.ts
Bestand weergeven 

@@ -1023,7 +1023,7 @@ declare module BABYLON.GLTF2.Exporter.Extensions {
 
          * @param scale

          * @param scene

          */

-        textureTransformTextureAsync(babylonTexture: Texture, offset: Vector2, rotation: number, scale: Vector2, scene: Scene): Promise<BaseTexture>;

+        private _textureTransformTextureAsync;

     }

 }

 declare module BABYLON.GLTF2.Exporter.Extensions {

+ 14 - 29
dist/preview release/serializers/babylonjs.serializers.js
Bestand weergeven 

@@ -478,14 +478,13 @@ _glTFExporter__WEBPACK_IMPORTED_MODULE_1__["_Exporter"].RegisterExtension(NAME,
 
 "use strict";
 
 __webpack_require__.r(__webpack_exports__);
 
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "KHR_texture_transform", function() { return KHR_texture_transform; });
 
-/* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Maths/math */ "babylonjs/Maths/math");
 
-/* harmony import */ var babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0__);
 
+/* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! babylonjs/Misc/tools */ "babylonjs/Maths/math");
 
+/* harmony import */ var babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_0__);
 
 /* harmony import */ var _glTFExporter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../glTFExporter */ "./glTF/2.0/glTFExporter.ts");
 
 /* harmony import */ var _shaders_textureTransform_fragment__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../shaders/textureTransform.fragment */ "./glTF/2.0/shaders/textureTransform.fragment.ts");
 
 

 

 

-

 var NAME = "KHR_texture_transform";

 

 /**

@@ -507,6 +506,12 @@ var KHR_texture_transform = /** @class */ (function () {
 
     KHR_texture_transform.prototype.preExportTextureAsync = function (context, babylonTexture, mimeType) {

         var _this = this;

         return new Promise(function (resolve, reject) {

+            var scene = babylonTexture.getScene();

+            if (!scene) {

+                reject(context + ": \"scene\" is not defined for Babylon texture " + babylonTexture.name + "!");

+                return;

+            }

+            // TODO: this doesn't take into account rotation center values

             var texture_transform_extension = {};

             if (babylonTexture.uOffset !== 0 || babylonTexture.vOffset !== 0) {

                 texture_transform_extension.offset = [babylonTexture.uOffset, babylonTexture.vOffset];

@@ -519,19 +524,9 @@ var KHR_texture_transform = /** @class */ (function () {
 
             }

             if (!Object.keys(texture_transform_extension).length) {

                 resolve(babylonTexture);

+                return;

             }

-            var scale = texture_transform_extension.scale ? new babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0__["Vector2"](texture_transform_extension.scale[0], texture_transform_extension.scale[1]) : babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0__["Vector2"].One();

-            var rotation = texture_transform_extension.rotation != null ? texture_transform_extension.rotation : 0;

-            var offset = texture_transform_extension.offset ? new babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0__["Vector2"](texture_transform_extension.offset[0], texture_transform_extension.offset[1]) : babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0__["Vector2"].Zero();

-            var scene = babylonTexture.getScene();

-            if (!scene) {

-                reject(context + ": \"scene\" is not defined for Babylon texture " + babylonTexture.name + "!");

-            }

-            else {

-                _this.textureTransformTextureAsync(babylonTexture, offset, rotation, scale, scene).then(function (texture) {

-                    resolve(texture);

-                });

-            }

+            return _this._textureTransformTextureAsync(babylonTexture, scene);

         });

     };

     /**

@@ -542,11 +537,11 @@ var KHR_texture_transform = /** @class */ (function () {
 
      * @param scale

      * @param scene

      */

-    KHR_texture_transform.prototype.textureTransformTextureAsync = function (babylonTexture, offset, rotation, scale, scene) {

-        return new Promise(function (resolve, reject) {

-            var proceduralTexture = new babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0__["ProceduralTexture"]("" + babylonTexture.name, babylonTexture.getSize(), "textureTransform", scene);

+    KHR_texture_transform.prototype._textureTransformTextureAsync = function (babylonTexture, scene) {

+        return new Promise(function (resolve) {

+            var proceduralTexture = new babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_0__["ProceduralTexture"]("" + babylonTexture.name, babylonTexture.getSize(), "textureTransform", scene);

             if (!proceduralTexture) {

-                babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0__["Tools"].Log("Cannot create procedural texture for " + babylonTexture.name + "!");

+                babylonjs_Misc_tools__WEBPACK_IMPORTED_MODULE_0__["Tools"].Log("Cannot create procedural texture for " + babylonTexture.name + "!");

                 resolve(babylonTexture);

             }

             proceduralTexture.setTexture("textureSampler", babylonTexture);

@@ -2224,7 +2219,6 @@ var _Exporter = /** @class */ (function () {
 
         var promises = [];

         var bufferMesh = null;

         var bufferView;

-        var uvCoordsPresent;

         var minMax;

         if (babylonTransformNode instanceof babylonjs_Maths_math__WEBPACK_IMPORTED_MODULE_0__["Mesh"]) {

             bufferMesh = babylonTransformNode;

@@ -2275,7 +2269,6 @@ var _Exporter = /** @class */ (function () {
 
                 // go through all mesh primitives (submeshes)

                 for (var _a = 0, _b = bufferMesh.subMeshes; _a < _b.length; _a++) {

                     var submesh = _b[_a];

-                    uvCoordsPresent = false;

                     var babylonMaterial = submesh.getMaterial() || bufferMesh.getScene().defaultMaterial;

                     var materialIndex = null;

                     if (babylonMaterial) {

@@ -2328,9 +2321,6 @@ var _Exporter = /** @class */ (function () {
 
                                     var accessor = _glTFUtilities__WEBPACK_IMPORTED_MODULE_2__["_GLTFUtilities"]._CreateAccessor(bufferViewIndex, attributeKind + " - " + babylonTransformNode.name, attribute.accessorType, 5126 /* FLOAT */, vertexData.length / stride, 0, minMax.min, minMax.max);

                                     this._accessors.push(accessor);

                                     this.setAttributeKind(meshPrimitive, attributeKind);

-                                    if (meshPrimitive.attributes.TEXCOORD_0 != null || meshPrimitive.attributes.TEXCOORD_1 != null) {

-                                        uvCoordsPresent = true;

-                                    }

                                 }

                             }

                         }

@@ -2370,11 +2360,6 @@ var _Exporter = /** @class */ (function () {
 
                                 }

                             }

                         }

-                        if (!uvCoordsPresent && this._glTFMaterialExporter._hasTexturesPresent(this._materials[materialIndex])) {

-                            var newMat = this._glTFMaterialExporter._stripTexturesFromMaterial(this._materials[materialIndex]);

-                            this._materials.push(newMat);

-                            materialIndex = this._materials.length - 1;

-                        }

                         meshPrimitive.material = materialIndex;

                     }

                     mesh.primitives.push(meshPrimitive);

File diff suppressed because it is too large
+ 1 - 1
dist/preview release/serializers/babylonjs.serializers.js.map


File diff suppressed because it is too large
+ 1 - 1
dist/preview release/serializers/babylonjs.serializers.min.js


+ 2 - 5
dist/preview release/serializers/babylonjs.serializers.module.d.ts
Bestand weergeven 

@@ -1048,10 +1048,7 @@ declare module "babylonjs-serializers/glTF/2.0/shaders/textureTransform.fragment
 
 declare module "babylonjs-serializers/glTF/2.0/Extensions/KHR_texture_transform" {

     import { ImageMimeType } from "babylonjs-gltf2interface";

     import { Nullable } from "babylonjs/types";

-    import { Vector2 } from "babylonjs/Maths/math";

-    import { BaseTexture } from "babylonjs/Materials/Textures/baseTexture";

     import { Texture } from "babylonjs/Materials/Textures/texture";

-    import { Scene } from "babylonjs/scene";

     import { IGLTFExporterExtensionV2 } from "babylonjs-serializers/glTF/2.0/glTFExporterExtension";

     import { _Exporter } from "babylonjs-serializers/glTF/2.0/glTFExporter";

     import "babylonjs-serializers/glTF/2.0/shaders/textureTransform.fragment";

@@ -1078,7 +1075,7 @@ declare module "babylonjs-serializers/glTF/2.0/Extensions/KHR_texture_transform"
 
          * @param scale

          * @param scene

          */

-        textureTransformTextureAsync(babylonTexture: Texture, offset: Vector2, rotation: number, scale: Vector2, scene: Scene): Promise<BaseTexture>;

+        private _textureTransformTextureAsync;

     }

 }

 declare module "babylonjs-serializers/glTF/2.0/Extensions/KHR_lights_punctual" {

@@ -2204,7 +2201,7 @@ declare module BABYLON.GLTF2.Exporter.Extensions {
 
          * @param scale

          * @param scene

          */

-        textureTransformTextureAsync(babylonTexture: Texture, offset: Vector2, rotation: number, scale: Vector2, scene: Scene): Promise<BaseTexture>;

+        private _textureTransformTextureAsync;

     }

 }

 declare module BABYLON.GLTF2.Exporter.Extensions {

+ 3 - 3
dist/preview release/serializers/package.json
Bestand weergeven 

@@ -4,7 +4,7 @@
 
     },
 
     "name": "babylonjs-serializers",
 
     "description": "The Babylon.js serializers library is an extension you can use to serialize Babylon scenes.",
 
-    "version": "4.1.0-alpha.0",
 
+    "version": "4.1.0-alpha.2",
 
     "repository": {
 
         "type": "git",
 
         "url": "https://github.com/BabylonJS/Babylon.js.git"
 
@@ -28,8 +28,8 @@
 
     ],
 
     "license": "Apache-2.0",
 
     "dependencies": {
 
-        "babylonjs": "4.1.0-alpha.0",
 
-        "babylonjs-gltf2interface": "4.1.0-alpha.0"
 
+        "babylonjs": "4.1.0-alpha.2",
 
+        "babylonjs-gltf2interface": "4.1.0-alpha.2"
 
     },
 
     "engines": {
 
         "node": "*"

File diff suppressed because it is too large
+ 47426 - 43529
dist/preview release/viewer/babylon.module.d.ts


+ 0 - 0
dist/preview release/viewer/babylon.viewer.js
Bestand weergeven


Some files were not shown because too many files changed in this diff