Merge pull request #98 from bitbybit-dev/develop

Develop

Author: matas-bitbybit-dev

docs/learn/3d-bits/plans/subscription-plans.md

@@ -6,7 +6,7 @@ description: 3D Bits app for shopify includes 2 plan offerings - one is meant fo
 tags: [shopify, 3d-bits]
 ---
 
-3D Bits offers two comprehensive subscription plans designed to meet different business needs. Whether you're just getting started with 3D commerce or need advanced development capabilities, we have the right plan for you.
+3D Bits offers three comprehensive subscription plans designed to meet different business needs. Whether you're just getting started with 3D commerce or need advanced development capabilities, we have the right plan for you.
 
 ## Plan Comparison
 
@@ -47,6 +47,12 @@ BITBYBIT VIEWER theme app extension supports building 3D configurators without w
 | **GLTF Node Variants** | ✅ | ✅ | ✅ |
 | **Points of interest** | x | ✅ | ✅ |
 | **Points of interest variants** | x | ✅ | ✅ |
+| **Linear Dimensions** | x | ✅ | ✅ |
+| **Angular Dimensions** | x | ✅ | ✅ |
+| **Radial Dimensions** | x | ✅ | ✅ |
+| **Diametral Dimensions** | x | ✅ | ✅ |
+| **Ordinal Dimensions** | x | ✅ | ✅ |
+
 
 Features in `Standard` and `Pro` plans are expected to grow, so remember to check this list for potential updates in the future.
 

packages/dev/babylonjs/lib/api/bitbybit/babylon/scene.ts

@@ -458,7 +458,7 @@ export class BabylonScene {
      * @group background
      * @shortname two color linear gradient
      */
-    twoColorLinearGradient(inputs: Inputs.BabylonScene.SceneTwoColorLinearGradientDto): { backgroundImage: string } {
+    twoColorLinearGradientBackground(inputs: Inputs.BabylonScene.SceneTwoColorLinearGradientDto): { backgroundImage: string } {
         this.context.scene.clearColor = new BABYLON.Color4(0, 0, 0, 0);
         const canvas = this.context.scene.getEngine().getRenderingCanvas();
         const gradient = `linear-gradient(${inputs.direction}, ${inputs.colorFrom} ${inputs.stopFrom}%, ${inputs.colorTo} ${inputs.stopTo}%)`;
@@ -475,7 +475,7 @@ export class BabylonScene {
      * @group background
      * @shortname two color radial gradient
      */
-    twoColorRadialGradient(inputs: Inputs.BabylonScene.SceneTwoColorRadialGradientDto): { backgroundImage: string } {
+    twoColorRadialGradientBackground(inputs: Inputs.BabylonScene.SceneTwoColorRadialGradientDto): { backgroundImage: string } {
         this.context.scene.clearColor = new BABYLON.Color4(0, 0, 0, 0);
         const canvas = this.context.scene.getEngine().getRenderingCanvas();
         const gradient = `radial-gradient(${inputs.shape} at ${inputs.position}, ${inputs.colorFrom} ${inputs.stopFrom}%, ${inputs.colorTo} ${inputs.stopTo}%)`;
@@ -492,7 +492,7 @@ export class BabylonScene {
      * @group background
      * @shortname multi color linear gradient
      */
-    multiColorLinearGradient(inputs: Inputs.BabylonScene.SceneMultiColorLinearGradientDto): { backgroundImage: string } | { error: string } {
+    multiColorLinearGradientBackground(inputs: Inputs.BabylonScene.SceneMultiColorLinearGradientDto): { backgroundImage: string } | { error: string } {
         this.context.scene.clearColor = new BABYLON.Color4(0, 0, 0, 0);
         const canvas = this.context.scene.getEngine().getRenderingCanvas();
         if (inputs.colors.length !== inputs.stops.length) {
@@ -515,7 +515,7 @@ export class BabylonScene {
      * @group background
      * @shortname multi color radial gradient
      */
-    multiColorRadialGradient(inputs: Inputs.BabylonScene.SceneMultiColorRadialGradientDto): { backgroundImage: string } | { error: string } {
+    multiColorRadialGradientBackground(inputs: Inputs.BabylonScene.SceneMultiColorRadialGradientDto): { backgroundImage: string } | { error: string } {
         this.context.scene.clearColor = new BABYLON.Color4(0, 0, 0, 0);
         const canvas = this.context.scene.getEngine().getRenderingCanvas();
         if (inputs.colors.length !== inputs.stops.length) {