@playcanvas/web-components 0.2.0 → 0.2.2

package/src/scene.ts

@@ -1,7 +1,8 @@
-import { Color, Scene } from 'playcanvas';
+import { Color, Scene, Vec3 } from 'playcanvas';
 
+import { AppElement } from './app';
 import { AsyncElement } from './async-element';
-import { parseColor } from './utils';
+import { parseColor, parseVec3 } from './utils';
 
 /**
  * The SceneElement interface provides properties and methods for manipulating
@@ -35,6 +36,11 @@ class SceneElement extends AsyncElement {
      */
     private _fogEnd = 1000;
 
+    /**
+     * The gravity of the scene.
+     */
+    private _gravity = new Vec3(0, -9.81, 0);
+
     /**
      * The PlayCanvas scene instance.
      */
@@ -56,7 +62,9 @@ class SceneElement extends AsyncElement {
             this.scene.fog.density = this._fogDensity;
             this.scene.fog.start = this._fogStart;
             this.scene.fog.end = this._fogEnd;
-            // ... set other properties on the scene as well
+
+            const appElement = this.parentElement as AppElement;
+            appElement.app!.systems.rigidbody!.gravity.copy(this._gravity);
         }
     }
 
@@ -155,8 +163,28 @@ class SceneElement extends AsyncElement {
         return this._fogEnd;
     }
 
+    /**
+     * Sets the gravity of the scene.
+     * @param value - The gravity.
+     */
+    set gravity(value: Vec3) {
+        this._gravity = value;
+        if (this.scene) {
+            const appElement = this.parentElement as AppElement;
+            appElement.app!.systems.rigidbody!.gravity.copy(value);
+        }
+    }
+
+    /**
+     * Gets the gravity of the scene.
+     * @returns The gravity.
+     */
+    get gravity() {
+        return this._gravity;
+    }
+
     static get observedAttributes() {
-        return ['fog', 'fog-color', 'fog-density', 'fog-start', 'fog-end'];
+        return ['fog', 'fog-color', 'fog-density', 'fog-start', 'fog-end', 'gravity'];
     }
 
     attributeChangedCallback(name: string, _oldValue: string, newValue: string) {
@@ -176,6 +204,9 @@ class SceneElement extends AsyncElement {
             case 'fog-end':
                 this.fogEnd = parseFloat(newValue);
                 break;
+            case 'gravity':
+                this.gravity = parseVec3(newValue);
+                break;
             // ... handle other attributes as well
         }
     }