@benjos/create-boilerplate 1.0.0 → 1.0.3

package/template-vanilla/src/experiences/views/threes/worlds/components/actors/bases/ModelBase.ts

@@ -0,0 +1,48 @@
+import { Mesh, Object3D, type Group } from 'three';
+import { SkeletonUtils } from 'three/examples/jsm/Addons.js';
+import type { AssetId } from '../../../../../../constants/experiences/AssetId';
+import type { Object3DId } from '../../../../../../constants/experiences/Object3dId';
+import ThreeAssetsManager from '../../../../../../managers/threes/ThreeAssetsManager';
+import ActorBase from './ActorBase';
+
+export interface IModelBaseParams {
+    object3DId?: Object3DId;
+    castShadow?: boolean;
+    receiveShadow?: boolean;
+}
+
+export default abstract class ModelBase extends ActorBase {
+    protected _assetId: AssetId;
+    protected _parameters: IModelBaseParams;
+    declare protected _model: Group | Object3D | Mesh;
+
+    constructor(assetId: AssetId, params: IModelBaseParams = {}) {
+        super();
+        this._assetId = assetId;
+        this._parameters = params || {};
+
+        this._generateModel();
+    }
+
+    protected _generateModel(): void {
+        const originalModel = ThreeAssetsManager.GetModel(this._assetId).scene;
+        const model = SkeletonUtils.clone(originalModel);
+
+        this._model = this._parameters.object3DId
+            ? (model.getObjectByName(this._parameters.object3DId) ?? model)
+            : model;
+
+        this._model.traverse((child) => {
+            if (child instanceof Mesh) {
+                if (this._parameters.castShadow) child.castShadow = true;
+                if (this._parameters.receiveShadow) child.receiveShadow = true;
+            }
+        });
+
+        this.add(this._model);
+    }
+
+    public update(dt: number): void {
+        super.update(dt);
+    }
+}

package/template-vanilla/src/main.ts

@@ -0,0 +1,3 @@
+import Experience from './experiences/Experience';
+
+Experience.Init();

package/template-vanilla/tsconfig.json

@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "target": "ES2022",
+        "useDefineForClassFields": true,
+        "module": "ESNext",
+        "lib": ["ES2022", "DOM", "DOM.Iterable"],
+        "types": ["vite/client", "vite-plugin-glsl/ext"],
+        "skipLibCheck": true,
+        /* Bundler mode */
+        "moduleResolution": "bundler",
+        "allowImportingTsExtensions": true,
+        "verbatimModuleSyntax": true,
+        "moduleDetection": "force",
+        "noEmit": true,
+        /* Linting */
+        "strict": true,
+        // "noUnusedLocals": true,
+        // "noUnusedParameters": true,
+        "erasableSyntaxOnly": true,
+        "noFallthroughCasesInSwitch": true,
+        "noUncheckedSideEffectImports": true
+    },
+    "include": ["src", "src/**/*.ts", "src/**/*.d.ts"]
+}

package/template-vanilla/vite.config.ts

@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite';
+import glsl from 'vite-plugin-glsl';
+
+export default defineConfig({
+    base: './',
+    server: {
+        host: true,
+    },
+    build: {
+        outDir: './dist',
+        emptyOutDir: true,
+        sourcemap: true,
+    },
+    plugins: [glsl()],
+});