@directivegames/genesys.sdk 4.0.2 → 4.1.0

package/src/templates/src/templates/fps/src/weapon.ts

@@ -11,44 +11,37 @@ import * as THREE from 'three';
 @ENGINE.GameClass()
 export class DefaultWeapon extends ENGINE.ProjectileWeaponComponent {
   constructor() {
-    super({
-      // firing params
-      fireInterval: 0.1,
-      isSingleFire: false,
-      // configure the weapon model
-      modelPath: '@project/assets/models/SM_Rifle.glb',
-      modelTransform: {
-        position: new THREE.Vector3(0.1, -0.1, -0.25),
-        rotation: new THREE.Euler(0, THREE.MathUtils.degToRad(-90), 0),
-      },
-      // tweak the projectile spawn offset so it matches the muzzle position
-      projectileSpawnOffset: new THREE.Vector3(0.8, -0.6, -2),
-      // add a crosshair
-      crosshairOptions: {
-        size: 10,
-        color: 'white',
-        style: 'dot'
-      },
-      // add weapon sounds
-      fireSoundUrl: '@engine/assets/sounds/game-gun-short.mp3',
-      // enable recoil
-      recoilOptions: {
-        weaponRecoilDistance: 0.05,
-        weaponRecoilDuration: 0.05,
-        weaponRecoilRotation: 0,
-      },
-      // configure the projectile
-      projectileOptions: {
-        velocity: 100,
-        range: 500,
-        lifeSpan: 3,
-        useOverlapCheck: false,
-        destroyOnHit: false,
-        gravityScale: 0,
-        geometry: new THREE.SphereGeometry(0.1),
-        material: new THREE.MeshStandardMaterial({ color: ENGINE.Color.YELLOW })
-      }
-    });
+    super();
+
+    this.fireInterval = 0.1;
+    this.isSingleFire = false;
+    this.modelPath = '@project/assets/models/SM_Rifle.glb';
+    this.modelTransform = {
+      position: new THREE.Vector3(0.1, -0.1, -0.25),
+      rotation: new THREE.Euler(0, THREE.MathUtils.degToRad(-90), 0),
+    };
+    this.projectileSpawnOffset = new THREE.Vector3(0.8, -0.6, -2);
+    this.crosshairOptions = {
+      size: 10,
+      color: 'white',
+      style: 'dot'
+    };
+    this.fireSoundUrl = '@engine/assets/sounds/game-gun-short.mp3';
+    this.recoilOptions = {
+      weaponRecoilDistance: 0.05,
+      weaponRecoilDuration: 0.05,
+      weaponRecoilRotation: 0,
+    };
+    this.projectileOptions = {
+      velocity: 100,
+      range: 500,
+      lifeSpan: 3,
+      useOverlapCheck: false,
+      destroyOnHit: false,
+      gravityScale: 0,
+      geometry: new THREE.SphereGeometry(0.1),
+      material: new THREE.MeshStandardMaterial({ color: ENGINE.Color.YELLOW })
+    };
     this.setTransient(true);
   }
 }

package/src/templates/src/templates/freeCamera/src/game.ts

@@ -19,7 +19,7 @@ class MyGame extends ENGINE.BaseGameLoop {
     const position = new THREE.Vector3(0, ENGINE.CHARACTER_HEIGHT, 0);
 
     // create the pawn with simple movement mechanics
-    this.pawn = new FreeCameraPlayer({ position });
+    this.pawn = FreeCameraPlayer.create({ position });
 
     // create the controller and possess the pawn
     this.controller = new ENGINE.PlayerController();

package/src/templates/src/templates/freeCamera/src/player.ts

@@ -19,25 +19,20 @@ export interface FreeCameraPlayerOptions extends ENGINE.PawnOptions {
  *
  */
 @ENGINE.GameClass()
-export class FreeCameraPlayer extends ENGINE.Pawn<FreeCameraPlayerOptions> {
-  constructor(options: Omit<FreeCameraPlayerOptions, 'camera' | 'movementComponent'>) {
+export class FreeCameraPlayer extends ENGINE.Pawn {
+  constructor() {
+    super();
     // simple perspective camera
     const camera = new THREE.PerspectiveCamera(ENGINE.CAMERA_FOV, 1, ENGINE.CAMERA_NEAR, ENGINE.CAMERA_FAR);
+    this.rootComponent.add(camera);
     // simple movement component, do not use the character controller
-    const movementComponent = new ENGINE.CharacterMovementComponent({
-      ...ENGINE.CharacterMovementComponent.DEFAULT_OPTIONS,
+    const movementComponent = ENGINE.CharacterMovementComponent.create({
       // disable the character controller
       characterControllerOptions: null,
     });
+    this.movementComponent = movementComponent;
 
-    // construct the pawn
-    super({
-      ...options,
-      camera,
-      movementComponent,
-      // make sure the directional light follows the player for consistent shadows
-      enableDirectionalLightFollowing: true,
-    });
+    this.enableDirectionalLightFollowing = true;
 
     // set the pawn to be transient so it's never saved in the level
     this.setTransient(true);

package/src/templates/src/templates/sideScroller/src/game.ts

@@ -39,9 +39,8 @@ class SideScrollerGame extends ENGINE.BaseGameLoop {
   private createPlayer(): void {
     const spawnX = 1;
     // Create the side-scroller player with animated character
-    this.player = new SideScrollerPlayer({
-      position: new THREE.Vector3(spawnX, ENGINE.CHARACTER_HEIGHT / 2, 0),
-    });
+    const position = new THREE.Vector3(spawnX, ENGINE.CHARACTER_HEIGHT / 2, 0);
+    this.player = SideScrollerPlayer.create({ position });
 
     // Create the controller and possess the player
     this.playerController = new ENGINE.PlayerController();

package/src/templates/src/templates/sideScroller/src/level-generator.ts

@@ -198,7 +198,7 @@ export class SideScrollerLevelGenerator {
     const geometry = new THREE.BoxGeometry(element.width, element.height, LEVEL_CONFIG.DEPTH);
     const material = new THREE.MeshStandardMaterial({ color: element.type === 'platform' ? COLORS.PLATFORM : COLORS.OBSTACLE });
 
-    const meshComponent = new ENGINE.MeshComponent({
+    const meshComponent = ENGINE.MeshComponent.create({
       geometry: geometry,
       material: material,
       position: new THREE.Vector3(element.x, element.height / 2, 0), // Position at ground level
@@ -213,9 +213,9 @@ export class SideScrollerLevelGenerator {
     meshComponent.castShadow = true;
     meshComponent.receiveShadow = true;
 
-    return new ENGINE.Actor({
-      rootComponent: meshComponent,
-    });
+    const actor = new ENGINE.Actor();
+    actor.setRootComponent(meshComponent, false);
+    return actor;
   }
 
   private createChunkDebugVisualization(startX: number): ENGINE.Actor {
@@ -233,21 +233,21 @@ export class SideScrollerLevelGenerator {
       transparent: true,
     });
 
-    const chunkBoundary = new ENGINE.Actor({
-      rootComponent: new ENGINE.MeshComponent({
-        geometry: chunkGeometry,
-        material: chunkMaterial,
-        position: new THREE.Vector3(
-          startX + this.chunkSize / 2,
-          LEVEL_CONFIG.DEBUG_VISUALIZATION_HEIGHT / 2,
-          0
-        ),
-        physicsOptions: {
-          enabled: false,
-        },
-      }),
+    const meshComponent = ENGINE.MeshComponent.create({
+      geometry: chunkGeometry,
+      material: chunkMaterial,
+      position: new THREE.Vector3(
+        startX + this.chunkSize / 2,
+        LEVEL_CONFIG.DEBUG_VISUALIZATION_HEIGHT / 2,
+        0
+      ),
+      physicsOptions: {
+        enabled: false,
+      },
     });
 
+    const chunkBoundary = new ENGINE.Actor();
+    chunkBoundary.setRootComponent(meshComponent, false);
     return chunkBoundary;
   }
 
@@ -263,7 +263,7 @@ export class SideScrollerLevelGenerator {
       color: COLORS.GROUND,
     });
 
-    const groundMeshComponent = new ENGINE.MeshComponent({
+    const groundMeshComponent = ENGINE.MeshComponent.create({
       geometry: groundGeometry,
       material: groundMaterial,
       position: new THREE.Vector3(
@@ -281,9 +281,9 @@ export class SideScrollerLevelGenerator {
     // Enable shadow receiving
     groundMeshComponent.receiveShadow = true;
 
-    return new ENGINE.Actor({
-      rootComponent: groundMeshComponent,
-    });
+    const actor = new ENGINE.Actor();
+    actor.setRootComponent(groundMeshComponent, false);
+    return actor;
   }
 
   /**

package/src/templates/src/templates/sideScroller/src/player.ts

@@ -15,10 +15,10 @@ export class SideScrollerPlayer extends ENGINE.ThirdPersonCharacterPawn {
   smoothedCameraHeight: number | null = null;
   smoothedLookAtHeight: number | null = null;
 
-  constructor(options: Omit<ENGINE.ThirdPersonCharacterPawnOptions, 'movementComponent' | 'camera' | 'rootComponent'>) {
+  constructor() {
+    super();
     // Create directional movement component for side-scrolling
-    const movementComponent = new ENGINE.DirectionalCharacterMovementComponent({
-      ...ENGINE.DirectionalCharacterMovementComponent.DEFAULT_OPTIONS,
+    const movementComponent = ENGINE.DirectionalCharacterMovementComponent.create({
       direction: ENGINE.CharacterMovementDirection.LeftRight, // Move left and right
       autoMove: false, // Player controls movement manually
       jumpSpeed: PLAYER_MOVEMENT.JUMP_SPEED,
@@ -40,7 +40,7 @@ export class SideScrollerPlayer extends ENGINE.ThirdPersonCharacterPawn {
     };
 
     // Create root component with physics (invisible capsule for collision)
-    const rootComponent = new ENGINE.MeshComponent({
+    const rootComponent = ENGINE.MeshComponent.create({
       geometry: new THREE.CapsuleGeometry(
         ENGINE.CHARACTER_WIDTH / 2,
         ENGINE.CHARACTER_HEIGHT - ENGINE.CHARACTER_WIDTH
@@ -54,23 +54,21 @@ export class SideScrollerPlayer extends ENGINE.ThirdPersonCharacterPawn {
       physicsOptions,
     });
 
-    super({
-      ...options,
-      // Use default character model from engine assets
-      modelUrl: '@engine/assets/character/mannequinG.glb',
-      configUrl: '@engine/assets/character/config/mannequin-anim.json',
-      meshPosition: new THREE.Vector3(0, -ENGINE.CHARACTER_HEIGHT / 2, 0),
-      meshRotation: new THREE.Euler(0, Math.PI, 0), // Face right initially
-      meshScale: new THREE.Vector3(1, 1, 1),
-      movementComponent,
-      camera: null, // Do not attach the camera to the player directly
-      rootComponent,
-      enableDirectionalLightFollowing: true,
-    });
+    this.setRootComponent(rootComponent, true);
+    this.movementComponent = movementComponent;
+
+    // Use default character model from engine assets
+    this.configUrl = '@engine/assets/character/config/mannequin-anim.json';
+
+    this.meshComponent.position.copy(new THREE.Vector3(0, -ENGINE.CHARACTER_HEIGHT / 2, 0));
+    this.meshComponent.rotation.copy(new THREE.Euler(0, Math.PI, 0)); // Face right initially
+    rootComponent.add(this.meshComponent);
 
     // Enable shadow casting for the character
     this.rootComponent.castShadow = true;
     this.camera = new THREE.PerspectiveCamera(CAMERA_SETTINGS.FOV, 1, CAMERA_SETTINGS.NEAR, CAMERA_SETTINGS.FAR);
+
+    this.enableDirectionalLightFollowing = true;
   }
 
   public override async doBeginPlay(): Promise<void> {

package/src/templates/src/templates/thirdPerson/src/game.ts

@@ -19,7 +19,7 @@ class ThirdPersonGame extends ENGINE.BaseGameLoop {
     const position = new THREE.Vector3(0, ENGINE.CHARACTER_HEIGHT / 2, 0);
 
     // create the pawn
-    this.pawn = new ThirdPersonPlayer({ position });
+    this.pawn = ThirdPersonPlayer.create({ position });
 
     // create the controller and possess the pawn
     this.controller = new ENGINE.PlayerController();

package/src/templates/src/templates/thirdPerson/src/player.ts

@@ -14,8 +14,8 @@ import * as THREE from 'three';
 @ENGINE.GameClass()
 export class ThirdPersonPlayer extends ENGINE.ThirdPersonCharacterPawn {
   // Omit all the options that are created internally
-  constructor(options: Omit<ENGINE.ThirdPersonCharacterPawnOptions,
-    'rootComponent' | 'movementComponent' | 'camera' | 'modelUrl' | 'configUrl' | 'meshPosition' | 'meshRotation' | 'meshScale'>) {
+  constructor() {
+    super();
     // simple camera component - contains a perspective camera by default
     const camera = new THREE.PerspectiveCamera(ENGINE.CAMERA_FOV, 1, 0.1, 1000);
     // set camera position for third person view
@@ -23,7 +23,7 @@ export class ThirdPersonPlayer extends ENGINE.ThirdPersonCharacterPawn {
     camera.lookAt(0, 0, 0);
 
     // use capsule root component for collision
-    const rootComponent = new ENGINE.MeshComponent({
+    const rootComponent = ENGINE.MeshComponent.create({
       geometry: ENGINE.GameBuilder.createDefaultPawnCapsuleGeometry(),
       material: new THREE.MeshStandardMaterial({ color: ENGINE.Color.YELLOW, visible: false, transparent: true, opacity: 0.5 }),
       physicsOptions: {
@@ -33,27 +33,24 @@ export class ThirdPersonPlayer extends ENGINE.ThirdPersonCharacterPawn {
         collisionProfile: ENGINE.DefaultCollisionProfile.Character,
       },
     });
+    this.setRootComponent(rootComponent, true);
 
     // use third person movement mechanics
-    const movementComponent = new ENGINE.CharacterMovementComponent({
-      ...ENGINE.CharacterMovementComponent.DEFAULT_OPTIONS,
+    const movementComponent = ENGINE.CharacterMovementComponent.create({
       movementType: ENGINE.CharacterMovementType.ThirdPerson,
     });
 
-    // construct the pawn
-    super({
-      ...options,
-      rootComponent,
-      movementComponent,
-      camera,
-      // make sure the directional light follows the player for consistent shadows
-      enableDirectionalLightFollowing: true,
-      modelUrl: '@engine/assets/character/mannequinG.glb',
-      configUrl: '@engine/assets/character/config/mannequin-anim.json',
-      meshPosition: new THREE.Vector3(0, -ENGINE.CHARACTER_HEIGHT / 2, 0),
-      meshRotation: new THREE.Euler(0, Math.PI, 0),
-      meshScale: new THREE.Vector3(1, 1, 1),
-    });
+    this.movementComponent = movementComponent;
+    rootComponent.add(camera);
+
+    this.enableDirectionalLightFollowing = true;
+
+    // Character model settings
+    this.configUrl = '@engine/assets/character/config/mannequin-anim.json';
+
+    this.meshComponent.position.copy(new THREE.Vector3(0, -ENGINE.CHARACTER_HEIGHT / 2, 0));
+    this.meshComponent.rotation.copy(new THREE.Euler(0, Math.PI, 0));
+    rootComponent.add(this.meshComponent);
 
     // set the pawn to be transient so it's never saved in the level
     this.setTransient(true);

package/src/templates/src/templates/vehicle/src/base-vehicle.ts

@@ -28,7 +28,7 @@ export abstract class BaseVehicle extends ENGINE.Pawn {
 
   protected setupCamera(): void {
     // create a follow component for smooth camera movement
-    const followComponent = new ENGINE.FollowComponent({
+    const followComponent = ENGINE.FollowComponent.create({
       positionOffset: new THREE.Vector3(0, 4, 10),
       positionDamping: 0.02,
       lookAtOffset: new THREE.Vector3(0, 0, 0),

package/src/templates/src/templates/vehicle/src/game.ts

@@ -20,14 +20,14 @@ class MyGame extends ENGINE.BaseGameLoop {
     const position = new THREE.Vector3(0, ENGINE.CHARACTER_HEIGHT / 2, 0);
 
     // create the pawn
-    this.pawn = new VehiclePlayer({ position });
+    this.pawn = VehiclePlayer.create({ position });
 
     // create the controller and possess the pawn
     this.controller = new ENGINE.PlayerController();
     this.controller.possess(this.pawn);
 
     // create UI hints
-    const uiHints = new UIHints();
+    const uiHints = UIHints.create();
 
     // add all actors to the world
     this.world.addActors(this.pawn, this.controller, uiHints);

package/src/templates/src/templates/vehicle/src/mesh-vehicle.ts

@@ -18,9 +18,10 @@ import { BaseVehicle } from './base-vehicle.js';
  */
 @ENGINE.GameClass()
 export class MeshVehicle extends BaseVehicle {
-  constructor(options: ENGINE.PawnOptions) {
+  constructor() {
+    super();
     // the root component is only used for collision and physics simulation
-    const rootComponent = new ENGINE.MeshComponent({
+    const rootComponent = ENGINE.MeshComponent.create({
       geometry: new THREE.BoxGeometry(2.77, 1.79, 5.75),
       material: new THREE.MeshStandardMaterial({
         color: 0x4444FF,
@@ -37,11 +38,11 @@ export class MeshVehicle extends BaseVehicle {
       },
     });
     rootComponent.name = 'root';
-    options.rootComponent = rootComponent;
+    this.setRootComponent(rootComponent, true);
     // mark the component as transient, this prevents all the components from being saved since we're recreating them in code
     rootComponent.setTransient(true);
 
-    const chassisComponent = new ENGINE.GLTFMeshComponent({
+    const chassisComponent = ENGINE.GLTFMeshComponent.create({
       modelUrl: '@project/assets/models/cyberTruck/chassis.glb',
       position: new THREE.Vector3(0, 0, -0.75),
       material: new THREE.MeshStandardMaterial({
@@ -59,7 +60,7 @@ export class MeshVehicle extends BaseVehicle {
 
     const wheelMeshes: ENGINE.GLTFMeshComponent[] = [];
     for (let i = 0; i < 4; i++) {
-      const wheelComponent = new ENGINE.GLTFMeshComponent({
+      const wheelComponent = ENGINE.GLTFMeshComponent.create({
         modelUrl: '@project/assets/models/cyberTruck/wheel.glb',
         material: new THREE.MeshStandardMaterial({
           color: 0x44FF44,
@@ -77,9 +78,7 @@ export class MeshVehicle extends BaseVehicle {
     rootComponent.add(...wheelMeshes);
     const vehicleMovementComponent = MeshVehicle.createVehicleMovementComponent();
 
-    options.movementComponent = vehicleMovementComponent;
-
-    super(options);
+    this.movementComponent = vehicleMovementComponent;
 
     const wheelComponents = this.getComponents(ENGINE.GLTFMeshComponent).filter(component => component.name.startsWith('wheel_'));
 
@@ -114,8 +113,7 @@ export class MeshVehicle extends BaseVehicle {
     const frictionSlip = 50;
 
     // Create vehicle movement component
-    const vehicleMovement = new ENGINE.VehicleMovementComponent({
-      ...ENGINE.BasePawnMovementComponent.DEFAULT_OPTIONS,
+    const vehicleMovement = ENGINE.VehicleMovementComponent.create({
       createWheelMeshes: false,
       maxEnginePower: 100,
       maxBrakeForce: 1.5,

package/src/templates/src/templates/vehicle/src/player.ts

@@ -16,8 +16,8 @@ import { BaseVehicle } from './base-vehicle.js';
 @ENGINE.GameClass()
 export class VehiclePlayer extends ENGINE.ThirdPersonCharacterPawn {
   // Omit all the options that are created internally
-  constructor(options: Omit<ENGINE.ThirdPersonCharacterPawnOptions,
-    'rootComponent' | 'movementComponent' | 'camera' | 'modelUrl' | 'configUrl' | 'meshPosition' | 'meshRotation' | 'meshScale'>) {
+  constructor() {
+    super();
     // simple camera component - contains a perspective camera by default
     const camera = new THREE.PerspectiveCamera(ENGINE.CAMERA_FOV, 1, 0.1, 1000);
     // set camera position for third person view
@@ -25,7 +25,7 @@ export class VehiclePlayer extends ENGINE.ThirdPersonCharacterPawn {
     camera.lookAt(0, 0, 0);
 
     // use capsule root component for collision
-    const rootComponent = new ENGINE.MeshComponent({
+    const rootComponent = ENGINE.MeshComponent.create({
       geometry: ENGINE.GameBuilder.createDefaultPawnCapsuleGeometry(),
       material: new THREE.MeshStandardMaterial({ color: ENGINE.Color.YELLOW, visible: false, transparent: true, opacity: 0.5 }),
       physicsOptions: {
@@ -36,26 +36,23 @@ export class VehiclePlayer extends ENGINE.ThirdPersonCharacterPawn {
       },
     });
 
+    this.setRootComponent(rootComponent, true);
+    this.rootComponent.add(camera);
+
     // use third person movement mechanics
-    const movementComponent = new ENGINE.CharacterMovementComponent({
-      ...ENGINE.CharacterMovementComponent.DEFAULT_OPTIONS,
+    const movementComponent = ENGINE.CharacterMovementComponent.create({
       movementType: ENGINE.CharacterMovementType.ThirdPerson,
     });
 
-    // construct the pawn
-    super({
-      ...options,
-      rootComponent,
-      movementComponent,
-      camera,
-      // make sure the directional light follows the player for consistent shadows
-      enableDirectionalLightFollowing: true,
-      modelUrl: '@engine/assets/character/mannequinG.glb',
-      configUrl: '@engine/assets/character/config/mannequin-anim.json',
-      meshPosition: new THREE.Vector3(0, -ENGINE.CHARACTER_HEIGHT / 2, 0),
-      meshRotation: new THREE.Euler(0, Math.PI, 0),
-      meshScale: new THREE.Vector3(1, 1, 1),
-    });
+    this.movementComponent = movementComponent;
+
+    // Character model settings
+    this.enableDirectionalLightFollowing = true;
+    this.configUrl = '@engine/assets/character/config/mannequin-anim.json';
+
+    this.meshComponent.position.copy(new THREE.Vector3(0, -ENGINE.CHARACTER_HEIGHT / 2, 0));
+    this.meshComponent.rotation.copy(new THREE.Euler(0, Math.PI, 0));
+    rootComponent.add(this.meshComponent);
 
     // set the pawn to be transient so it's never saved in the level
     this.setTransient(true);

package/src/templates/src/templates/vehicle/src/primitive-vehicle.ts

@@ -19,10 +19,11 @@ import { BaseVehicle } from './base-vehicle.js';
 export class PrimitiveVehicle extends BaseVehicle {
   private tailLightComponents: ENGINE.MeshComponent[] = [];
 
-  constructor(options: ENGINE.PawnOptions) {
+  constructor() {
+    super();
 
     // Create chassis mesh
-    const rootComponent = new ENGINE.MeshComponent({
+    const rootComponent = ENGINE.MeshComponent.create({
       geometry: new THREE.BoxGeometry(2, 1, 4),
       material: new THREE.MeshStandardMaterial({
         color: 0x4444FF,
@@ -39,12 +40,10 @@ export class PrimitiveVehicle extends BaseVehicle {
     rootComponent.name = 'chassis';
     // mark the component as transient, this prevents all the components from being saved since we're recreating them in code
     rootComponent.setTransient(true);
-    options.rootComponent = rootComponent;
+    this.setRootComponent(rootComponent, true);
     // create decorative meshes
     PrimitiveVehicle.createDecorativeMeshes(rootComponent);
-    options.movementComponent = PrimitiveVehicle.createVehicleMovementComponent();
-
-    super(options);
+    this.movementComponent = PrimitiveVehicle.createVehicleMovementComponent();
 
     this.tailLightComponents = this.getComponents(ENGINE.MeshComponent)
       .filter((component) => component.name.includes('_taillight'));
@@ -76,7 +75,7 @@ export class PrimitiveVehicle extends BaseVehicle {
 
   static createDecorativeMeshes(rootComponent: ENGINE.MeshComponent): void {
     // Add windshield
-    const windshieldComponent = new ENGINE.MeshComponent({
+    const windshieldComponent = ENGINE.MeshComponent.create({
       geometry: new THREE.BoxGeometry(1.8, 1.8, 0.1),
       material: new THREE.MeshStandardMaterial({
         color: 0x87CEEB,
@@ -95,7 +94,7 @@ export class PrimitiveVehicle extends BaseVehicle {
     rootComponent.add(windshieldComponent);
 
     // Add left headlight
-    const leftHeadlightComponent = new ENGINE.MeshComponent({
+    const leftHeadlightComponent = ENGINE.MeshComponent.create({
       geometry: new THREE.CylinderGeometry(0.15, 0.15, 0.1, 8),
       material: new THREE.MeshStandardMaterial({
         color: 0xFFFFFF,
@@ -112,7 +111,7 @@ export class PrimitiveVehicle extends BaseVehicle {
     rootComponent.add(leftHeadlightComponent);
 
     // Add right headlight
-    const rightHeadlightComponent = new ENGINE.MeshComponent({
+    const rightHeadlightComponent = ENGINE.MeshComponent.create({
       geometry: new THREE.CylinderGeometry(0.15, 0.15, 0.1, 8),
       material: new THREE.MeshStandardMaterial({
         color: 0xFFFFFF,
@@ -134,7 +133,7 @@ export class PrimitiveVehicle extends BaseVehicle {
       emissive: 0x440000,
       emissiveIntensity: 0.2,
     });
-    const leftTaillightComponent = new ENGINE.MeshComponent({
+    const leftTaillightComponent = ENGINE.MeshComponent.create({
       geometry: new THREE.CylinderGeometry(0.1, 0.1, 0.1, 8),
       material: leftTaillightMaterial,
       physicsOptions: {
@@ -152,7 +151,7 @@ export class PrimitiveVehicle extends BaseVehicle {
       emissive: 0x440000,
       emissiveIntensity: 0.2,
     });
-    const rightTaillightComponent = new ENGINE.MeshComponent({
+    const rightTaillightComponent = ENGINE.MeshComponent.create({
       geometry: new THREE.CylinderGeometry(0.1, 0.1, 0.1, 8),
       material: rightTaillightMaterial,
       physicsOptions: {
@@ -181,7 +180,6 @@ export class PrimitiveVehicle extends BaseVehicle {
     const frictionSlip = 8;
 
     const options = {
-      ...ENGINE.BasePawnMovementComponent.DEFAULT_OPTIONS,
       maxEnginePower: 35,
       maxSteeringAngle: Math.PI / 6, // 30 degrees
       maxBrakeForce: 1,
@@ -261,6 +259,6 @@ export class PrimitiveVehicle extends BaseVehicle {
       ],
     };
 
-    return new ENGINE.VehicleMovementComponent(options);
+    return ENGINE.VehicleMovementComponent.create(options);
   }
 }

package/src/templates/src/templates/vehicle/src/ui-hints.ts

@@ -7,8 +7,8 @@ import * as ENGINE from '@directivegames/genesys.js';
 export class UIHints extends ENGINE.Actor {
   private uiElement: ENGINE.UIElement | null = null;
 
-  constructor(options: ENGINE.ActorOptions = {}) {
-    super(options);
+  constructor() {
+    super();
     this.setTransient(true); // Don't save this UI element to the level
   }
 

package/src/templates/src/templates/vr-game/src/game.ts

@@ -29,7 +29,7 @@ class MyGame extends ENGINE.BaseGameLoop {
     this.world.postProcessManager.disablePasses(ENGINE.PostProcessPass.ToneMapping);
 
     // create the vr pawn
-    this.pawn = new ENGINE.VRPawn({
+    this.pawn = ENGINE.VRPawn.create({
       position: new THREE.Vector3(0, 0, 0),
       movementComponent: null,
       camera: new THREE.PerspectiveCamera(ENGINE.CAMERA_FOV, 1, ENGINE.CAMERA_NEAR, ENGINE.CAMERA_FAR),
@@ -47,10 +47,10 @@ class MyGame extends ENGINE.BaseGameLoop {
     this.controller = new ENGINE.PlayerController();
     this.controller.possess(this.pawn);
 
-    this.pawn.addComponent(new ENGINE.VRGrabComponent({}));
-    this.pawn.addComponent(new ENGINE.VRSnapTurnComponent({ angleDeg: this.pawn.getSnapTurnAngleDegrees() }));
-    this.pawn.addComponent(new ENGINE.VRInteractComponent({ button: ENGINE.XRButton.Trigger }));
-    this.pawn.addComponent(new ENGINE.VRTeleportComponent({ maxDistance: 15 }));
+    this.pawn.addComponent(ENGINE.VRGrabComponent.create());
+    this.pawn.addComponent(ENGINE.VRSnapTurnComponent.create({ angleDeg: this.pawn.getSnapTurnAngleDegrees() }));
+    this.pawn.addComponent(ENGINE.VRInteractComponent.create({ button: ENGINE.XRButton.Trigger }));
+    this.pawn.addComponent(ENGINE.VRTeleportComponent.create({ maxDistance: 15 }));
 
     // add both to the world
     this.world.addActors(this.pawn, this.controller);