Sync PP

Author: signorpipo

wle_pplaygrounds/wle_pplayground/wle_pplayground/package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "wle-pplayground",
-    "version": "0.3.2",
+    "version": "0.3.3",
     "author": "Pipo",
     "description": "Playground template project for the Wonderland Engine",
     "homepage": "https://github.com/signorpipo/wle-pplaygrounds",
@@ -15,7 +15,7 @@
         "@wonderlandengine/components": "^1.1.3",
         "gl-matrix": "^3.4.3",
         "howler": "^2.2.4",
-        "wle-pp": "^0.6.2"
+        "wle-pp": "^0.6.7"
     },
     "devDependencies": {
         "@typescript-eslint/eslint-plugin": "^7.7.0",

wle_pplaygrounds/wle_pplayground/wle_pplayground/package.json

@@ -12,15 +12,22 @@
  */
 
 /* wle:auto-imports:start */
+import {Cursor} from '@wonderlandengine/components';
+import {CursorTarget} from '@wonderlandengine/components';
 import {MouseLookComponent} from '@wonderlandengine/components';
+import {AdjustHierarchyPhysXScaleComponent} from 'wle-pp';
 import {ConsoleVRToolComponent} from 'wle-pp';
+import {CursorButtonComponent} from 'wle-pp';
 import {EasyTuneToolComponent} from 'wle-pp';
+import {FingerCursorComponent} from 'wle-pp';
 import {GamepadMeshAnimatorComponent} from 'wle-pp';
 import {GrabbableComponent} from 'wle-pp';
 import {GrabberHandComponent} from 'wle-pp';
 import {MuteEverythingComponent} from 'wle-pp';
 import {PPGatewayComponent} from 'wle-pp';
 import {PlayerLocomotionComponent} from 'wle-pp';
+import {ResetLocalTransformComponent} from 'wle-pp';
+import {ScaleOnSpawnComponent} from 'wle-pp';
 import {SetActiveComponent} from 'wle-pp';
 import {SetHandLocalTransformComponent} from 'wle-pp';
 import {SetHeadLocalTransformComponent} from 'wle-pp';
@@ -36,11 +43,11 @@ import {LoadAudioComponent} from './playground/components/load_audio_component.j
 import {ParticlesSpawnerComponent} from './playground/components/particles_spawner_component.js';
 import {PlayMusicComponent} from './playground/components/play_music_component.js';
 import {PlaygroundGatewayComponent} from './playground/components/playground_gateway_component.js';
-import {ScaleOnSpawnComponent} from './playground/components/scale_on_spawn_component.js';
-import {SetActiveOnMobileComponent} from './playground/components/set_active_on_mobile.js';
+import {SetActiveOnMobileComponent} from './playground/components/set_active_on_mobile_component.js';
 import {SFXOnCollisionComponent} from './playground/components/sfx_on_collision_component.js';
 import {SFXOnGrabThrowComponent} from './playground/components/sfx_on_grab_throw_component.js';
 import {TargetHitCheckComponent} from './playground/components/target_hit_check_component.js';
+import {ToggleHowToTextComponent} from './playground/components/toggle_how_to_text_component.js';
 import {WaveMovementComponent} from './playground/components/wave_movement_component.js';
 /* wle:auto-imports:end */
 
@@ -103,15 +110,22 @@ if (document.readyState === 'loading') {
 }
 
 /* wle:auto-register:start */
+engine.registerComponent(Cursor);
+engine.registerComponent(CursorTarget);
 engine.registerComponent(MouseLookComponent);
+engine.registerComponent(AdjustHierarchyPhysXScaleComponent);
 engine.registerComponent(ConsoleVRToolComponent);
+engine.registerComponent(CursorButtonComponent);
 engine.registerComponent(EasyTuneToolComponent);
+engine.registerComponent(FingerCursorComponent);
 engine.registerComponent(GamepadMeshAnimatorComponent);
 engine.registerComponent(GrabbableComponent);
 engine.registerComponent(GrabberHandComponent);
 engine.registerComponent(MuteEverythingComponent);
 engine.registerComponent(PPGatewayComponent);
 engine.registerComponent(PlayerLocomotionComponent);
+engine.registerComponent(ResetLocalTransformComponent);
+engine.registerComponent(ScaleOnSpawnComponent);
 engine.registerComponent(SetActiveComponent);
 engine.registerComponent(SetHandLocalTransformComponent);
 engine.registerComponent(SetHeadLocalTransformComponent);
@@ -127,11 +141,11 @@ engine.registerComponent(LoadAudioComponent);
 engine.registerComponent(ParticlesSpawnerComponent);
 engine.registerComponent(PlayMusicComponent);
 engine.registerComponent(PlaygroundGatewayComponent);
-engine.registerComponent(ScaleOnSpawnComponent);
 engine.registerComponent(SetActiveOnMobileComponent);
 engine.registerComponent(SFXOnCollisionComponent);
 engine.registerComponent(SFXOnGrabThrowComponent);
 engine.registerComponent(TargetHitCheckComponent);
+engine.registerComponent(ToggleHowToTextComponent);
 engine.registerComponent(WaveMovementComponent);
 /* wle:auto-register:end */
 

wle_pplaygrounds/wle_pplayground/wle_pplayground/src/index.js

@@ -4,7 +4,6 @@ import { ParticlesSpawnerComponent } from "./particles_spawner_component.js";
 
 export class FunComponent extends Component {
     public static override TypeName = "fun";
-    public static override Properties = {};
 
     private _myParticlesSpawner!: ParticlesSpawnerComponent;
 

wle_pplaygrounds/wle_pplayground/wle_pplayground/src/playground/components/fun_component.ts

@@ -29,7 +29,7 @@ export class SFXOnCollisionComponent extends Component {
 
         this._myCollisionsCollector.update(dt);
 
-        if (this._myCollisionsCollector.getCollisionsStart().length > 0 && this._myLastLastGrabbed == this._myGrabbable.isGrabbed()) {
+        if (this._myCollisionsCollector.getCollisionsStarted().length > 0 && this._myLastLastGrabbed == this._myGrabbable.isGrabbed()) {
             this._mySFX.setPosition(this.object.pp_getPosition());
             this._mySFX.setPitch(Math.pp_random(1.25 - 0.15, 1.25 + 0.05));
             this._mySFX.play();

wle_pplaygrounds/wle_pplayground/wle_pplayground/src/playground/components/set_active_on_mobile.js renamed to wle_pplaygrounds/wle_pplayground/wle_pplayground/src/playground/components/set_active_on_mobile_component.js

@@ -23,10 +23,10 @@ export class TargetHitCheckComponent extends Component {
 
         this._myCollisionsCollector.update(dt);
 
-        let collisionsStart = this._myCollisionsCollector.getCollisionsStart();
+        let collisionsStart = this._myCollisionsCollector.getCollisionsStarted();
         for (let collisionStart of collisionsStart) {
-            if (collisionStart.pp_getComponent(GrabbableComponent) != null) {
-                this._strike(collisionStart);
+            if (collisionStart.object.pp_getComponent(GrabbableComponent) != null) {
+                this._strike(collisionStart.object);
             }
         }
     }

wle_pplaygrounds/wle_pplayground/wle_pplayground/src/playground/components/sfx_on_collision_component.js

@@ -0,0 +1,83 @@
+import { Component, Object3D, PhysXComponent, TextComponent } from "@wonderlandengine/api";
+import { property } from "@wonderlandengine/api/decorators.js";
+import { Cursor } from "@wonderlandengine/components";
+import { AnimatedNumber, AnimatedNumberParams, CursorButtonActionsHandler, CursorButtonComponent, Vector3, vec3_create } from "wle-pp";
+
+export class ToggleHowToTextComponent extends Component implements CursorButtonActionsHandler {
+    public static override TypeName = "toggle-how-to-text";
+
+    @property.object()
+    private _myTextObject!: Object3D;
+
+    private readonly _myAnimatedScale!: AnimatedNumber;
+
+    private _myTextObjectInitialPositionLocal!: Vector3;
+    private _myTextPhysXComponent!: PhysXComponent;
+    private _myTextVisible: boolean = true;
+
+    public override init(): void {
+        this._myTextObjectInitialPositionLocal = this._myTextObject.pp_getPositionLocal();
+        this._myTextPhysXComponent = this._myTextObject.pp_getComponent(PhysXComponent)!;
+
+        // Just to show how to use the cursor button handler from the class
+        const textComponents = this.object.pp_getComponents(TextComponent);
+        let visible = true;
+        const switchButtonTextHandler = {
+            onUp: function (): boolean {
+                let textToSet = "Show";
+                if (visible) {
+                    visible = false;
+                } else {
+                    visible = true;
+                    textToSet = "Hide";
+                }
+
+                for (const textComponent of textComponents) {
+                    textComponent.text = textToSet;
+                }
+
+                return false;
+            }
+        };
+
+        CursorButtonComponent.addButtonActionHandler("switch-button-text", switchButtonTextHandler);
+    }
+
+    public override start(): void {
+        const animatedScaleParams = new AnimatedNumberParams();
+        animatedScaleParams.myInitialValue = 1;
+        animatedScaleParams.myAnimationSeconds = 0.5;
+        (this._myAnimatedScale as AnimatedNumber) = new AnimatedNumber(animatedScaleParams);
+
+    }
+
+    public override update(dt: number): void {
+        if (!this._myAnimatedScale.isDone()) {
+            this._myAnimatedScale.update(dt);
+
+            this._myTextObject.pp_resetScaleLocal();
+            this._myTextObject.pp_scaleObject(this._myAnimatedScale.getCurrentValue());
+
+            if (this._myAnimatedScale.isDone()) {
+                if (!this._myTextVisible) {
+                    this._myTextObject.pp_translate(vec3_create(0, -100000, 0));
+                }
+            }
+        }
+    }
+
+    public onUp(cursorButtonComponent: CursorButtonComponent, cursorComponent: Cursor): boolean {
+        if (!this._myTextVisible) {
+            this._myAnimatedScale.updateTargetValue(1);
+        } else {
+            this._myAnimatedScale.updateTargetValue(0);
+        }
+
+        this._myTextObject.pp_setPositionLocal(this._myTextObjectInitialPositionLocal);
+
+        this._myTextVisible = !this._myTextVisible;
+        this._myTextPhysXComponent.active = this._myTextVisible;
+
+        return false;
+    }
+}

wle_pplaygrounds/wle_pplayground/wle_pplayground/src/playground/components/target_hit_check_component.js

@@ -6,7 +6,6 @@ import { ParticleComponent } from "./components/particle_component.js";
 import { ParticlesSpawnerComponent } from "./components/particles_spawner_component.js";
 import { PlayMusicComponent } from "./components/play_music_component.js";
 import { PlaygroundGatewayComponent } from "./components/playground_gateway_component.js";
-import { ScaleOnSpawnComponent } from "./components/scale_on_spawn_component.js";
 import { SFXOnCollisionComponent } from "./components/sfx_on_collision_component.js";
 import { SFXOnGrabThrowComponent } from "./components/sfx_on_grab_throw_component.js";
 import { TargetHitCheckComponent } from "./components/target_hit_check_component.js";
@@ -24,7 +23,6 @@ export function registerPlaygroundComponents(engine) {
     engine.registerComponent(PlaygroundGatewayComponent);
     engine.registerComponent(ParticlesSpawnerComponent);
     engine.registerComponent(PlayMusicComponent);
-    engine.registerComponent(ScaleOnSpawnComponent);
     engine.registerComponent(SFXOnCollisionComponent);
     engine.registerComponent(SFXOnGrabThrowComponent);
     engine.registerComponent(TargetHitCheckComponent);