@babylonjs/gui - npm Package Compare versions

Comparing version 4.0.0-alpha.19 to 4.0.0-alpha.20

2D/controls/index.d.ts

@@ -24,2 +24,3 @@ export * from "./button";
 export * from "./sliders/imageBasedSlider";
+export * from "./sliders/scrollBar";
 export * from "./statics";

2D/controls/index.js

@@ -24,3 +24,4 @@ export * from "./button";
 export * from "./sliders/imageBasedSlider";
+export * from "./sliders/scrollBar";
 export * from "./statics";
 //# sourceMappingURL=index.js.map

3D/controls/button3D.js

 import * as tslib_1 from "tslib";
 import { Color3, Vector4 } from "@babylonjs/core/Maths/math";
-import { MeshBuilder } from "@babylonjs/core/Meshes/meshBuilder";
+import { BoxBuilder } from "@babylonjs/core/Meshes/Builders/boxBuilder";
 import { StandardMaterial } from "@babylonjs/core/Materials/standardMaterial";
@@ -131,3 +131,3 @@ import { Texture } from "@babylonjs/core/Materials/Textures/texture";
         faceUV[1] = new Vector4(0, 0, 1, 1);
-        var mesh = MeshBuilder.CreateBox(this.name + "_rootMesh", {
+        var mesh = BoxBuilder.CreateBox(this.name + "_rootMesh", {
             width: 1.0,
@@ -134,0 +134,0 @@ height: 1.0,

3D/controls/holographicButton.js

@@ -6,3 +6,4 @@ import * as tslib_1 from "tslib";
 import { Mesh } from "@babylonjs/core/Meshes/mesh";
-import { MeshBuilder } from "@babylonjs/core/Meshes/meshBuilder";
+import { PlaneBuilder } from "@babylonjs/core/Meshes/Builders/planeBuilder";
+import { BoxBuilder } from "@babylonjs/core/Meshes/Builders/boxBuilder";
 import { FadeInOutBehavior } from "@babylonjs/core/Behaviors/Meshes/fadeInOutBehavior";
@@ -75,4 +76,4 @@ import { FluentMaterial } from "../materials/fluentMaterial";
                 // Create tooltip with mesh and text
-                this._tooltipMesh = MeshBuilder.CreatePlane("", { size: 1 }, this._backPlate._scene);
-                var tooltipBackground = MeshBuilder.CreatePlane("", { size: 1, sideOrientation: Mesh.DOUBLESIDE }, this._backPlate._scene);
+                this._tooltipMesh = PlaneBuilder.CreatePlane("", { size: 1 }, this._backPlate._scene);
+                var tooltipBackground = PlaneBuilder.CreatePlane("", { size: 1, sideOrientation: Mesh.DOUBLESIDE }, this._backPlate._scene);
                 var mat = new StandardMaterial("", this._backPlate._scene);
@@ -222,3 +223,3 @@ mat.diffuseColor = Color3.FromHexString("#212121");
     HolographicButton.prototype._createNode = function (scene) {
-        this._backPlate = MeshBuilder.CreateBox(this.name + "BackMesh", {
+        this._backPlate = BoxBuilder.CreateBox(this.name + "BackMesh", {
             width: 1.0,
@@ -228,3 +229,3 @@ height: 1.0,
         }, scene);
-        this._frontPlate = MeshBuilder.CreateBox(this.name + "FrontMesh", {
+        this._frontPlate = BoxBuilder.CreateBox(this.name + "FrontMesh", {
             width: 1.0,
@@ -231,0 +232,0 @@ height: 1.0,

package.json

@@ -7,3 +7,3 @@ {
     "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.0.0-alpha.19",
+    "version": "4.0.0-alpha.20",
     "repository": {
@@ -198,3 +198,3 @@ "type": "git",
     "dependencies": {
-        "@babylonjs/core": "4.0.0-alpha.19",
+        "@babylonjs/core": "4.0.0-alpha.20",
         "tslib": "^1.9.3"
@@ -201,0 +201,0 @@ },

readme.md

@@ -8,35 +8,25 @@ Babylon.js GUI module
 
-## CDN
-
-Compiled js files (minified and source) are offered on our public CDN here:
-
-* https://preview.babylonjs.com/gui/babylon.gui.js
-* https://preview.babylonjs.com/gui/babylon.gui.min.js
-
-## NPM
-
 To install using npm :
 
 ```
-npm install --save babylonjs babylonjs-gui
+npm install --save @babylonjs/core @babylonjs/gui
 ```
 
-If using TypeScript, the typing needs to be added to tsconfig.json:
+# How to use
 
+Afterwards it can be imported to the your project using:
+
 ```
-    ....
-    "types": [
-        "babylonjs",
-        "babylonjs-gui",
-        "angularFTW"
-    ],
-    ....
+import { AdvancedDynamicTexture } from '@babylonjs/gui/2D';
 ```
 
-Afterwards it can be imported to the project using:
+And used as usual:
 
 ```
-import * as GUI from 'babylonjs-gui';
+// Some awesome code
+// Creates the post process
+let postProcess = new AdvancedDynamicTexture("adt", 128, 128, scene);
+// Some more awesome code
 ```
 
-Using webpack to package your project will use the minified js file.
+For more information you can have a look at our [our ES6 dedicated documentation](https://doc.babylonjs.com/features/es6_support).

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1630634

increased by0.02%

Lines of code

17445

increased by0.02%

Worsened metrics

Number of lines in readme file

32

decreased by-23.81%

Dependency changes

• + Added@babylonjs/core@4.0.0-alpha.20(transitive)

• - Removed@babylonjs/core@4.0.0-alpha.19(transitive)

• Updated@babylonjs/core@4.0.0-alpha.20