@directivegames/genesys.sdk 3.2.2

package/src/templates/src/templates/vr-game/assets/default.genesys-scene

@@ -0,0 +1,247 @@
+{
+  "$version": 0,
+  "class": "ENGINE.World",
+  "uuid": "c0ae85792bc3b946",
+  "ctor": {
+    "backgroundColor": "#2E2E2E",
+    "navigationOptions": {
+      "engine": "recast-navigation",
+      "debug": false,
+      "generateOnStartUp": false
+    },
+    "physicsOptions": {
+      "gravity": [
+        0,
+        -9.81,
+        0,
+        "v"
+      ],
+      "engine": "rapier"
+    },
+    "useManifold": true
+  },
+  "actors": [
+    {
+      "uuid": "9a86d389088b361c",
+      "class": "ENGINE.Actor",
+      "properties": {
+        "editorData": {
+          "displayName": "Directional Light",
+          "hidden": false
+        }
+      },
+      "ctor": {
+        "rootComponent": {
+          "class": "ENGINE.DirectionalLightComponent",
+          "uuid": "cfe05433-9edc-4dfe-a535-c71f33e92d78",
+          "ctor": {
+            "color": 16777215,
+            "intensity": 1,
+            "castShadow": true,
+            "shadowMapSize": 2048,
+            "shadowBias": 0,
+            "shadowNormalBias": 0,
+            "shadowNear": 0.1,
+            "shadowFar": 100
+          },
+          "properties": {
+            "position": [
+              10,
+              50,
+              -10,
+              "v"
+            ],
+            "castShadow": true
+          }
+        }
+      }
+    },
+    {
+      "uuid": "9d428f2a16e5374a",
+      "class": "ENGINE.Actor",
+      "properties": {
+        "editorData": {
+          "displayName": "Ground",
+          "hidden": false
+        }
+      },
+      "ctor": {
+        "rootComponent": {
+          "class": "ENGINE.MeshComponent",
+          "uuid": "71caea24-62d7-4e45-a76e-4c7519de2c3c",
+          "ctor": {
+            "geometry": {
+              "class": "THREE.BoxGeometry",
+              "ctor": [
+                500,
+                0.1,
+                500
+              ]
+            },
+            "material": {
+              "@external": "DefaultMaterial"
+            },
+            "uvScaleTilesPerUnit": 0.2
+          },
+          "properties": {
+            "position": [
+              0,
+              -0.9,
+              0,
+              "v"
+            ],
+            "receiveShadow": true
+          }
+        }
+      }
+    },
+    {
+      "uuid": "b87cbc5e60a2e54c",
+      "class": "ENGINE.PlayerStart",
+      "properties": {
+        "editorData": {
+          "displayName": "Player Start",
+          "hidden": false
+        }
+      },
+      "ctor": {
+        "rootComponent": {
+          "class": "ENGINE.SceneComponent",
+          "uuid": "b4d5f8f7-2512-45e1-9157-c7ff6772402d",
+          "properties": {
+            "position": [
+              0,
+              0.9,
+              0,
+              "v"
+            ]
+          }
+        }
+      }
+    },
+    {
+      "uuid": "0ba1f4677e8370d1",
+      "class": "ENGINE.Actor",
+      "properties": {
+        "editorData": {
+          "displayName": "Skybox",
+          "hidden": false
+        }
+      },
+      "ctor": {
+        "rootComponent": {
+          "class": "ENGINE.SceneComponent",
+          "uuid": "195e88df-73ff-4f4b-82ae-7fb58671463d",
+          "children": [
+            {
+              "class": "ENGINE.SkyboxComponent",
+              "uuid": "f7e33ae7d5ac74f9",
+              "ctor": {
+                "textureUrl": "@engine/assets/textures/skybox/citrus_orchard_road_puresky_2k.hdr",
+                "width": 2048,
+                "height": 1024,
+                "bottomColor": "#E6F3FF",
+                "middleColor": "#4A90E2",
+                "topColor": "#0F1B3C",
+                "envMapIntensity": 1,
+                "backgroundIntensity": 1,
+                "backgroundBlurriness": 0,
+                "envMapRotation": [
+                  0,
+                  0,
+                  0,
+                  "e"
+                ]
+              }
+            }
+          ]
+        }
+      }
+    },
+    {
+      "uuid": "01155a02b0cf79cc",
+      "class": "GAME.SampleVRActor",
+      "ctor": {
+        "actorTags": [],
+        "rootComponent": {
+          "class": "ENGINE.MeshComponent",
+          "uuid": "eab8ac7623a2c4c8",
+          "ctor": {
+            "physicsOptions": {
+              "motionType": "dynamic",
+              "collisionMeshType": "boundingBox"
+            },
+            "geometry": {
+              "class": "THREE.BoxGeometry",
+              "ctor": [
+                1,
+                1,
+                1
+              ]
+            },
+            "material": {
+              "class": "THREE.MeshStandardMaterial",
+              "ctor": {
+                "defines": {
+                  "STANDARD": ""
+                }
+              }
+            },
+            "excludeFromNavigation": false,
+            "uvScaleTilesPerUnit": 1
+          },
+          "children": [
+            {
+              "class": "ENGINE.VRGrabbableComponent",
+              "uuid": "d9fd1e6fd3409c76",
+              "ctor": {
+                "vrAttachmentInputType": "select",
+                "hideController": false,
+                "attachmentMode": "beam"
+              }
+            }
+          ],
+          "properties": {
+            "position": [
+              0,
+              0,
+              -7.4,
+              "v"
+            ]
+          }
+        }
+      }
+    }
+  ],
+  "properties": {
+    "editorData": {
+      "sceneTree": {
+        "id": "c0ae85792bc3b946",
+        "nodeType": "scene",
+        "children": [
+          {
+            "id": "9a86d389088b361c",
+            "nodeType": "actor"
+          },
+          {
+            "id": "9d428f2a16e5374a",
+            "nodeType": "actor"
+          },
+          {
+            "id": "b87cbc5e60a2e54c",
+            "nodeType": "actor"
+          },
+          {
+            "id": "0ba1f4677e8370d1",
+            "nodeType": "actor"
+          },
+          {
+            "id": "01155a02b0cf79cc",
+            "nodeType": "actor"
+          }
+        ]
+      }
+    },
+    "postProcessConfiguration": null
+  }
+}

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

@@ -0,0 +1 @@
+import './sample-vr-actor.ts';

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

@@ -0,0 +1,66 @@
+
+import * as ENGINE from 'genesys.js';
+import * as THREE from 'three';
+
+import './auto-imports.js';
+
+class MyGame extends ENGINE.BaseGameLoop {
+  private pawn: ENGINE.VRPawn | null = null;
+  private controller: ENGINE.PlayerController | null = null;
+
+  protected override createLoadingScreen(): ENGINE.ILoadingScreen | null {
+    // enable the default loading screen
+    return new ENGINE.DefaultLoadingScreen();
+  }
+
+  static override get DEFAULT_OPTIONS(): ENGINE.BaseGameLoopOptions {
+    return {
+      ...ENGINE.BaseGameLoop.DEFAULT_OPTIONS,
+      xrEnabled: true,
+      vrSessionOptions: {
+        optionalFeatures: ['hand-tracking', 'local-floor'],
+        requiredFeatures: []
+      }
+    };
+  }
+
+  protected override async preStart(): Promise<void> {
+    // Disable tone mapping for VR because it breaks VR
+    this.world.postProcessManager.disablePasses(ENGINE.PostProcessPass.ToneMapping);
+
+    // create the vr pawn
+    this.pawn = new ENGINE.VRPawn({
+      position: new THREE.Vector3(0, 0, 0),
+      movementComponent: null,
+      camera: new THREE.PerspectiveCamera(ENGINE.CAMERA_FOV, 1, ENGINE.CAMERA_NEAR, ENGINE.CAMERA_FAR),
+      controllerOptions: {
+        rayVisualizationEnabled: true,
+        maxRayDistance: 10
+      },
+      enableTeleportation: true,
+      enableSnapTurn: true,
+      snapTurnAngle: 30,
+      maxTeleportDistance: 15
+    });
+
+    // create the controller and possess the pawn
+    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 }));
+
+    // add both to the world
+    this.world.addActors(this.pawn, this.controller);
+  }
+}
+
+export function main(container: HTMLElement, gameId: string): ENGINE.IGameLoop {
+  const game = new MyGame(container, {
+    ...MyGame.DEFAULT_OPTIONS,
+    gameId
+  });
+  return game;
+}

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

@@ -0,0 +1,26 @@
+import * as ENGINE from 'genesys.js';
+import * as THREE from 'three';
+
+/**
+ * Sample VR Actor - A simple actor that can be picked up and manipulated in VR
+ */
+@ENGINE.GameClass()
+export class SampleVRActor extends ENGINE.Actor {
+  private meshComponent: ENGINE.MeshComponent | null = null;
+  private grabbable: ENGINE.VRGrabbableComponent | null = null;
+
+
+  public override doBeginPlay(): void {
+    super.doBeginPlay();
+    this.meshComponent = this.getComponent(ENGINE.MeshComponent);
+    this.grabbable = this.getComponent(ENGINE.VRGrabbableComponent);
+
+    this.grabbable?.onGrabStart.add((_hand) => {
+      this.meshComponent?.setPhysicsEnabled(false);
+    });
+
+    this.grabbable?.onGrabEnd.add((_hand, _dropVelocity) => {
+      this.meshComponent?.setPhysicsEnabled(true);
+    });
+  }
+}

package/src/templates/tsconfig.json

@@ -0,0 +1,35 @@
+{
+  "compilerOptions": {
+    "target": "ES2021",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": [
+      "ES2021",
+      "DOM",
+      "DOM.Iterable"
+    ],
+    "skipLibCheck": true,
+    "moduleResolution": "node",
+    "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "strict": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false,
+    "noFallthroughCasesInSwitch": true,
+    "outDir": "./dist",
+    "rootDir": ".",
+    "declaration": true,
+    "inlineSourceMap": true,
+    "experimentalDecorators": true,
+    "noImplicitOverride": true,
+    "noEmit": true,
+    "types": ["node"]
+  },
+  "include": [
+    "src/**/*",
+    "scripts/**/*",
+    "vite.config.ts"
+  ]
+}

package/src/templates/vite.config.ts

@@ -0,0 +1,52 @@
+import { defineConfig } from 'vite';
+import mkcert from 'vite-plugin-mkcert';
+import { nodePolyfills } from 'vite-plugin-node-polyfills';
+
+export default defineConfig({
+  // Enable TypeScript support
+  esbuild: {
+    target: 'es2021',
+  },
+
+  plugins: [
+    nodePolyfills({
+      include: ['path'],
+    }),
+    (mkcert as any)(),
+  ],
+
+  // Configure module resolution
+  resolve: {
+    extensions: ['.ts', '.tsx', '.js', '.jsx', '.json'],
+  },
+
+  // Configure the dev server
+  server: {
+    port: 3000,
+    host: '0.0.0.0',
+    open: true,
+    // Enable CORS for asset loading
+    cors: true,
+    // Serve source maps for debugging
+    fs: {
+      allow: ['..', '.']
+    }
+  },
+
+  // Configure build options
+  build: {
+    target: 'es2021',
+    outDir: 'dist',
+    sourcemap: true,
+    rollupOptions: {
+      input: {
+        main: 'index.html',
+      },
+    },
+  },
+
+  // Enable source maps for debugging in development
+  css: {
+    devSourcemap: true,
+  },
+});