@combos-fun/plugin-renderer-3d 0.0.6

package/dist/plugin-renderer-3d.cjs.js

@@ -0,0 +1,258 @@
+'use strict';
+
+var engine = require('@combos-fun/engine');
+var three = require('three');
+var GLTFLoader_js = require('three/addons/loaders/GLTFLoader.js');
+
+class ThreeContext {
+    constructor(params) {
+        this.mixers = new Map();
+        this.models = new Map();
+        const { canvas, container, width, height, antialias = true, backgroundColor = 0x000000, backgroundAlpha = 1, } = params;
+        this.scene = new three.Scene();
+        this.camera = new three.PerspectiveCamera(75, width / height, 0.1, 1000);
+        this.camera.position.z = 5;
+        const rendererOpts = { antialias };
+        if (canvas) {
+            rendererOpts.canvas = canvas;
+        }
+        if (backgroundAlpha < 1) {
+            rendererOpts.alpha = true;
+        }
+        this.renderer = new three.WebGLRenderer(rendererOpts);
+        this.renderer.setSize(width, height);
+        this.renderer.setPixelRatio(window.devicePixelRatio);
+        this.renderer.setClearColor(backgroundColor, backgroundAlpha);
+        // If no canvas was provided but a container was, append the generated canvas
+        if (!canvas && container) {
+            container.appendChild(this.renderer.domElement);
+        }
+        const ambientLight = new three.AmbientLight(0xffffff, 0.6);
+        this.scene.add(ambientLight);
+        const directionalLight = new three.DirectionalLight(0xffffff, 0.8);
+        directionalLight.position.set(5, 10, 7.5);
+        this.scene.add(directionalLight);
+        this.clock = new three.Clock();
+        this.gltfLoader = new GLTFLoader_js.GLTFLoader();
+    }
+    update() {
+        const delta = this.clock.getDelta();
+        for (const mixer of this.mixers.values()) {
+            mixer.update(delta);
+        }
+        this.renderer.render(this.scene, this.camera);
+    }
+    async loadGLB(id, url) {
+        return new Promise((resolve, reject) => {
+            this.gltfLoader.load(url, (gltf) => {
+                const model = gltf.scene;
+                this.scene.add(model);
+                this.models.set(id, model);
+                if (gltf.animations && gltf.animations.length > 0) {
+                    const mixer = new three.AnimationMixer(model);
+                    this.mixers.set(id, mixer);
+                    model.userData.animations = gltf.animations;
+                }
+                resolve(model);
+            }, undefined, (error) => {
+                reject(error);
+            });
+        });
+    }
+    playAnimation(id, animationIndex, speed) {
+        const mixer = this.mixers.get(id);
+        const model = this.models.get(id);
+        if (!mixer || !model)
+            return;
+        mixer.stopAllAction();
+        const animations = model.userData.animations;
+        if (animations && animations[animationIndex]) {
+            const action = mixer.clipAction(animations[animationIndex]);
+            action.timeScale = speed;
+            action.play();
+        }
+    }
+    stopAnimation(id) {
+        const mixer = this.mixers.get(id);
+        if (mixer)
+            mixer.stopAllAction();
+    }
+    removeModel(id) {
+        const model = this.models.get(id);
+        if (model) {
+            this.scene.remove(model);
+            model.traverse((child) => {
+                const mesh = child;
+                if (mesh.geometry) {
+                    mesh.geometry.dispose();
+                }
+                if (mesh.material) {
+                    const materials = Array.isArray(mesh.material)
+                        ? mesh.material
+                        : [mesh.material];
+                    materials.forEach(m => m.dispose());
+                }
+            });
+            this.models.delete(id);
+        }
+        const mixer = this.mixers.get(id);
+        if (mixer) {
+            mixer.stopAllAction();
+            this.mixers.delete(id);
+        }
+    }
+    resize(width, height) {
+        this.camera.aspect = width / height;
+        this.camera.updateProjectionMatrix();
+        this.renderer.setSize(width, height);
+    }
+    destroy() {
+        for (const id of this.models.keys()) {
+            this.removeModel(id);
+        }
+        this.renderer.dispose();
+        this.renderer.domElement.remove();
+        this.scene = null;
+        this.camera = null;
+        this.renderer = null;
+        this.clock = null;
+        this.gltfLoader = null;
+    }
+}
+
+class Renderer3DManager {
+    constructor({ game, rendererSystem }) {
+        this.renderers = [];
+        this.game = game;
+        this.rendererSystem = rendererSystem;
+    }
+    register(...renderers) {
+        for (const renderer of renderers) {
+            renderer.game = this.game;
+            renderer.rendererManager = this;
+            renderer.threeContext = this.rendererSystem.threeContext;
+            this.renderers.push(renderer);
+        }
+    }
+    componentChanged(changes) {
+        for (const changed of changes) {
+            for (const renderer of this.renderers) {
+                const props = renderer.observerInfo[changed.componentName];
+                if (!props)
+                    continue;
+                if (changed.type === engine.OBSERVER_TYPE.ADD || changed.type === engine.OBSERVER_TYPE.REMOVE) {
+                    try {
+                        renderer.componentChanged(changed);
+                    }
+                    catch (e) {
+                        console.error(`gameObject: ${changed.gameObject.name}, ${changed.componentName} error.`, changed, e);
+                    }
+                    continue;
+                }
+                // CHANGE type: check if the changed prop matches
+                const index = props.findIndex((prop) => {
+                    if (typeof prop === 'string' && typeof changed.prop === 'string') {
+                        return prop === changed.prop;
+                    }
+                    // Deep comparison for object-style props
+                    return JSON.stringify(prop) === JSON.stringify(changed.prop);
+                });
+                if (index > -1) {
+                    try {
+                        renderer.componentChanged(changed);
+                    }
+                    catch (e) {
+                        console.error(`gameObject: ${changed.gameObject?.name}, ${changed.componentName} componentChanged error.`, changed, e);
+                    }
+                }
+            }
+        }
+    }
+    update(gameObject) {
+        for (const component of gameObject.components) {
+            for (const renderer of this.renderers) {
+                const props = renderer.observerInfo[component.name];
+                if (props) {
+                    try {
+                        renderer.rendererUpdate(gameObject);
+                    }
+                    catch (e) {
+                        console.info(`gameObject: ${gameObject.name}, ${component.name} update error`, e);
+                    }
+                }
+            }
+        }
+    }
+}
+
+class Renderer3DSystem extends engine.System {
+    constructor() {
+        super(...arguments);
+        this.name = 'Renderer3DSystem';
+    }
+    static { this.systemName = 'Renderer3DSystem'; }
+    init(params) {
+        const opts = params || {};
+        const width = opts.width || 750;
+        const height = opts.height || 1000;
+        this.threeContext = new ThreeContext({
+            canvas: opts.canvas,
+            container: opts.container,
+            width,
+            height,
+            antialias: opts.antialias,
+            backgroundColor: opts.backgroundColor,
+            backgroundAlpha: opts.backgroundAlpha,
+        });
+        this.game.canvas = this.threeContext.renderer.domElement;
+        this.rendererManager = new Renderer3DManager({
+            game: this.game,
+            rendererSystem: this,
+        });
+    }
+    update(e) {
+        for (const gameObject of this.game.gameObjects) {
+            this.rendererManager.update(gameObject);
+        }
+    }
+    lateUpdate() {
+        this.threeContext?.update();
+    }
+    resize(width, height) {
+        this.threeContext?.resize(width, height);
+    }
+    onDestroy() {
+        this.threeContext?.destroy();
+        this.threeContext = null;
+    }
+}
+
+class Renderer3D extends engine.System {
+    constructor(params) {
+        super(params);
+        this.asyncIdMap = {};
+        const Ctor = this.constructor;
+        this.observerInfo = Ctor.observerInfo;
+    }
+    componentChanged(_changed) { }
+    rendererUpdate(_gameObject) { }
+    update(e) {
+        const changes = this.componentObserver.clear();
+        for (const changed of changes) {
+            this.componentChanged(changed);
+        }
+    }
+    increaseAsyncId(id) {
+        this.asyncIdMap[id] = (this.asyncIdMap[id] || 0) + 1;
+        return this.asyncIdMap[id];
+    }
+    validateAsyncId(id, asyncId) {
+        return this.asyncIdMap[id] === asyncId;
+    }
+}
+
+exports.Renderer3D = Renderer3D;
+exports.Renderer3DManager = Renderer3DManager;
+exports.Renderer3DSystem = Renderer3DSystem;
+exports.ThreeContext = ThreeContext;
+//# sourceMappingURL=plugin-renderer-3d.cjs.js.map

package/dist/plugin-renderer-3d.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin-renderer-3d.cjs.js","sources":["../lib/ThreeContext.ts","../lib/Renderer3DManager.ts","../lib/system.ts","../lib/Renderer3D.ts"],"sourcesContent":["import {\n  Scene,\n  PerspectiveCamera,\n  WebGLRenderer,\n  Clock,\n  AmbientLight,\n  DirectionalLight,\n  AnimationMixer,\n  AnimationClip,\n  Mesh,\n  Material,\n  Group,\n} from 'three';\nimport { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';\n\nexport interface ThreeContextParams {\n  canvas?: HTMLCanvasElement;\n  container?: HTMLElement;\n  width: number;\n  height: number;\n  antialias?: boolean;\n  backgroundColor?: number;\n  backgroundAlpha?: number;\n}\n\nexport default class ThreeContext {\n  scene: Scene;\n  camera: PerspectiveCamera;\n  renderer: WebGLRenderer;\n  clock: Clock;\n  gltfLoader: GLTFLoader;\n  mixers: Map<number, AnimationMixer> = new Map();\n  models: Map<number, Group> = new Map();\n\n  constructor(params: ThreeContextParams) {\n    const {\n      canvas,\n      container,\n      width,\n      height,\n      antialias = true,\n      backgroundColor = 0x000000,\n      backgroundAlpha = 1,\n    } = params;\n\n    this.scene = new Scene();\n\n    this.camera = new PerspectiveCamera(75, width / height, 0.1, 1000);\n    this.camera.position.z = 5;\n\n    const rendererOpts: any = { antialias };\n    if (canvas) {\n      rendererOpts.canvas = canvas;\n    }\n    if (backgroundAlpha < 1) {\n      rendererOpts.alpha = true;\n    }\n\n    this.renderer = new WebGLRenderer(rendererOpts);\n    this.renderer.setSize(width, height);\n    this.renderer.setPixelRatio(window.devicePixelRatio);\n    this.renderer.setClearColor(backgroundColor, backgroundAlpha);\n\n    // If no canvas was provided but a container was, append the generated canvas\n    if (!canvas && container) {\n      container.appendChild(this.renderer.domElement);\n    }\n\n    const ambientLight = new AmbientLight(0xffffff, 0.6);\n    this.scene.add(ambientLight);\n    const directionalLight = new DirectionalLight(0xffffff, 0.8);\n    directionalLight.position.set(5, 10, 7.5);\n    this.scene.add(directionalLight);\n\n    this.clock = new Clock();\n    this.gltfLoader = new GLTFLoader();\n  }\n\n  update() {\n    const delta = this.clock.getDelta();\n    for (const mixer of this.mixers.values()) {\n      mixer.update(delta);\n    }\n    this.renderer.render(this.scene, this.camera);\n  }\n\n  async loadGLB(id: number, url: string): Promise<Group> {\n    return new Promise((resolve, reject) => {\n      this.gltfLoader.load(url, (gltf) => {\n        const model = gltf.scene;\n        this.scene.add(model);\n        this.models.set(id, model);\n\n        if (gltf.animations && gltf.animations.length > 0) {\n          const mixer = new AnimationMixer(model);\n          this.mixers.set(id, mixer);\n          model.userData.animations = gltf.animations;\n        }\n\n        resolve(model);\n      }, undefined, (error) => {\n        reject(error);\n      });\n    });\n  }\n\n  playAnimation(id: number, animationIndex: number, speed: number) {\n    const mixer = this.mixers.get(id);\n    const model = this.models.get(id);\n    if (!mixer || !model) return;\n\n    mixer.stopAllAction();\n    const animations = model.userData.animations as AnimationClip[];\n    if (animations && animations[animationIndex]) {\n      const action = mixer.clipAction(animations[animationIndex]);\n      action.timeScale = speed;\n      action.play();\n    }\n  }\n\n  stopAnimation(id: number) {\n    const mixer = this.mixers.get(id);\n    if (mixer) mixer.stopAllAction();\n  }\n\n  removeModel(id: number) {\n    const model = this.models.get(id);\n    if (model) {\n      this.scene.remove(model);\n      model.traverse((child) => {\n        const mesh = child as Mesh;\n        if (mesh.geometry) {\n          mesh.geometry.dispose();\n        }\n        if (mesh.material) {\n          const materials = Array.isArray(mesh.material)\n            ? mesh.material as Material[]\n            : [mesh.material as Material];\n          materials.forEach(m => m.dispose());\n        }\n      });\n      this.models.delete(id);\n    }\n    const mixer = this.mixers.get(id);\n    if (mixer) {\n      mixer.stopAllAction();\n      this.mixers.delete(id);\n    }\n  }\n\n  resize(width: number, height: number) {\n    this.camera.aspect = width / height;\n    this.camera.updateProjectionMatrix();\n    this.renderer.setSize(width, height);\n  }\n\n  destroy() {\n    for (const id of this.models.keys()) {\n      this.removeModel(id);\n    }\n    this.renderer.dispose();\n    this.renderer.domElement.remove();\n    this.scene = null;\n    this.camera = null;\n    this.renderer = null;\n    this.clock = null;\n    this.gltfLoader = null;\n  }\n}\n","import { GameObject, Game, ComponentChanged, OBSERVER_TYPE } from '@combos-fun/engine';\nimport type Renderer3D from './Renderer3D';\nimport type Renderer3DSystem from './system';\n\nexport default class Renderer3DManager {\n  game: Game;\n  rendererSystem: Renderer3DSystem;\n  renderers: Renderer3D[] = [];\n\n  constructor({ game, rendererSystem }: { game: Game; rendererSystem: Renderer3DSystem }) {\n    this.game = game;\n    this.rendererSystem = rendererSystem;\n  }\n\n  register(...renderers: Renderer3D[]) {\n    for (const renderer of renderers) {\n      renderer.game = this.game;\n      renderer.rendererManager = this;\n      renderer.threeContext = this.rendererSystem.threeContext;\n      this.renderers.push(renderer);\n    }\n  }\n\n  componentChanged(changes: ComponentChanged[]) {\n    for (const changed of changes) {\n      for (const renderer of this.renderers) {\n        const props = renderer.observerInfo[changed.componentName];\n        if (!props) continue;\n\n        if (changed.type === OBSERVER_TYPE.ADD || changed.type === OBSERVER_TYPE.REMOVE) {\n          try {\n            renderer.componentChanged(changed);\n          } catch (e) {\n            console.error(\n              `gameObject: ${changed.gameObject.name}, ${changed.componentName} error.`,\n              changed,\n              e,\n            );\n          }\n          continue;\n        }\n\n        // CHANGE type: check if the changed prop matches\n        const index = props.findIndex((prop) => {\n          if (typeof prop === 'string' && typeof changed.prop === 'string') {\n            return prop === changed.prop;\n          }\n          // Deep comparison for object-style props\n          return JSON.stringify(prop) === JSON.stringify(changed.prop);\n        });\n\n        if (index > -1) {\n          try {\n            renderer.componentChanged(changed);\n          } catch (e) {\n            console.error(\n              `gameObject: ${changed.gameObject?.name}, ${changed.componentName} componentChanged error.`,\n              changed,\n              e,\n            );\n          }\n        }\n      }\n    }\n  }\n\n  update(gameObject: GameObject) {\n    for (const component of gameObject.components) {\n      for (const renderer of this.renderers) {\n        const props = renderer.observerInfo[component.name];\n        if (props) {\n          try {\n            renderer.rendererUpdate(gameObject);\n          } catch (e) {\n            console.info(\n              `gameObject: ${gameObject.name}, ${component.name} update error`,\n              e,\n            );\n          }\n        }\n      }\n    }\n  }\n}\n","import { System } from '@combos-fun/engine';\nimport type { UpdateParams } from '@combos-fun/engine';\nimport ThreeContext from './ThreeContext';\nimport type { ThreeContextParams } from './ThreeContext';\nimport Renderer3DManager from './Renderer3DManager';\n\nexport interface Renderer3DSystemParams extends Partial<ThreeContextParams> {\n  canvas?: HTMLCanvasElement;\n  container?: HTMLElement;\n  width?: number;\n  height?: number;\n  antialias?: boolean;\n  backgroundColor?: number;\n  backgroundAlpha?: number;\n}\n\nexport default class Renderer3DSystem extends System<Renderer3DSystemParams> {\n  static systemName = 'Renderer3DSystem';\n  name: string = 'Renderer3DSystem';\n  threeContext: ThreeContext;\n  rendererManager: Renderer3DManager;\n\n  init(params?: Renderer3DSystemParams) {\n    const opts = params || {};\n    const width = opts.width || 750;\n    const height = opts.height || 1000;\n\n    this.threeContext = new ThreeContext({\n      canvas: opts.canvas,\n      container: opts.container,\n      width,\n      height,\n      antialias: opts.antialias,\n      backgroundColor: opts.backgroundColor,\n      backgroundAlpha: opts.backgroundAlpha,\n    });\n\n    this.game.canvas = this.threeContext.renderer.domElement;\n\n    this.rendererManager = new Renderer3DManager({\n      game: this.game,\n      rendererSystem: this,\n    });\n  }\n\n  update(e?: UpdateParams) {\n    for (const gameObject of this.game.gameObjects) {\n      this.rendererManager.update(gameObject);\n    }\n  }\n\n  lateUpdate() {\n    this.threeContext?.update();\n  }\n\n  resize(width: number, height: number) {\n    this.threeContext?.resize(width, height);\n  }\n\n  onDestroy(): void {\n    this.threeContext?.destroy();\n    this.threeContext = null;\n  }\n}\n","import { Game, PureObserverInfo, ComponentChanged, System, GameObject, UpdateParams } from '@combos-fun/engine';\nimport type Renderer3DManager from './Renderer3DManager';\nimport type ThreeContext from './ThreeContext';\n\nexport default class Renderer3D<T extends {} = {}> extends System<T> {\n  name: string;\n  game: Game;\n  static observerInfo: PureObserverInfo;\n  observerInfo: PureObserverInfo;\n  rendererManager: Renderer3DManager;\n  threeContext: ThreeContext;\n\n  constructor(params?: T) {\n    super(params);\n    const Ctor = this.constructor as typeof Renderer3D & { observerInfo: PureObserverInfo };\n    this.observerInfo = Ctor.observerInfo;\n  }\n\n  componentChanged(_changed: ComponentChanged) {}\n  rendererUpdate(_gameObject: GameObject) {}\n\n  override update(e?: UpdateParams): void {\n    const changes = this.componentObserver.clear();\n    for (const changed of changes) {\n      this.componentChanged(changed);\n    }\n  }\n\n  protected asyncIdMap: Record<number, number> = {};\n\n  protected increaseAsyncId(id: number) {\n    this.asyncIdMap[id] = (this.asyncIdMap[id] || 0) + 1;\n    return this.asyncIdMap[id];\n  }\n\n  protected validateAsyncId(id: number, asyncId: number) {\n    return this.asyncIdMap[id] === asyncId;\n  }\n}\n"],"names":["Scene","PerspectiveCamera","WebGLRenderer","AmbientLight","DirectionalLight","Clock","GLTFLoader","AnimationMixer","OBSERVER_TYPE","System"],"mappings":"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"}

package/dist/plugin-renderer-3d.cjs.prod.js

@@ -0,0 +1 @@
+"use strict";var e=require("@combos-fun/engine"),t=require("three"),r=require("three/addons/loaders/GLTFLoader.js");class s{constructor(e){this.mixers=new Map,this.models=new Map;const{canvas:s,container:n,width:o,height:i,antialias:a=!0,backgroundColor:c=0,backgroundAlpha:h=1}=e;this.scene=new t.Scene,this.camera=new t.PerspectiveCamera(75,o/i,.1,1e3),this.camera.position.z=5;const d={antialias:a};s&&(d.canvas=s),h<1&&(d.alpha=!0),this.renderer=new t.WebGLRenderer(d),this.renderer.setSize(o,i),this.renderer.setPixelRatio(window.devicePixelRatio),this.renderer.setClearColor(c,h),!s&&n&&n.appendChild(this.renderer.domElement);const m=new t.AmbientLight(16777215,.6);this.scene.add(m);const l=new t.DirectionalLight(16777215,.8);l.position.set(5,10,7.5),this.scene.add(l),this.clock=new t.Clock,this.gltfLoader=new r.GLTFLoader}update(){const e=this.clock.getDelta();for(const t of this.mixers.values())t.update(e);this.renderer.render(this.scene,this.camera)}async loadGLB(e,r){return new Promise((s,n)=>{this.gltfLoader.load(r,r=>{const n=r.scene;if(this.scene.add(n),this.models.set(e,n),r.animations&&r.animations.length>0){const s=new t.AnimationMixer(n);this.mixers.set(e,s),n.userData.animations=r.animations}s(n)},void 0,e=>{n(e)})})}playAnimation(e,t,r){const s=this.mixers.get(e),n=this.models.get(e);if(!s||!n)return;s.stopAllAction();const o=n.userData.animations;if(o&&o[t]){const e=s.clipAction(o[t]);e.timeScale=r,e.play()}}stopAnimation(e){const t=this.mixers.get(e);t&&t.stopAllAction()}removeModel(e){const t=this.models.get(e);t&&(this.scene.remove(t),t.traverse(e=>{const t=e;if(t.geometry&&t.geometry.dispose(),t.material){(Array.isArray(t.material)?t.material:[t.material]).forEach(e=>e.dispose())}}),this.models.delete(e));const r=this.mixers.get(e);r&&(r.stopAllAction(),this.mixers.delete(e))}resize(e,t){this.camera.aspect=e/t,this.camera.updateProjectionMatrix(),this.renderer.setSize(e,t)}destroy(){for(const e of this.models.keys())this.removeModel(e);this.renderer.dispose(),this.renderer.domElement.remove(),this.scene=null,this.camera=null,this.renderer=null,this.clock=null,this.gltfLoader=null}}class n{constructor({game:e,rendererSystem:t}){this.renderers=[],this.game=e,this.rendererSystem=t}register(...e){for(const t of e)t.game=this.game,t.rendererManager=this,t.threeContext=this.rendererSystem.threeContext,this.renderers.push(t)}componentChanged(t){for(const r of t)for(const t of this.renderers){const s=t.observerInfo[r.componentName];if(!s)continue;if(r.type===e.OBSERVER_TYPE.ADD||r.type===e.OBSERVER_TYPE.REMOVE){try{t.componentChanged(r)}catch(e){console.error(`gameObject: ${r.gameObject.name}, ${r.componentName} error.`,r,e)}continue}if(s.findIndex(e=>"string"==typeof e&&"string"==typeof r.prop?e===r.prop:JSON.stringify(e)===JSON.stringify(r.prop))>-1)try{t.componentChanged(r)}catch(e){console.error(`gameObject: ${r.gameObject?.name}, ${r.componentName} componentChanged error.`,r,e)}}}update(e){for(const t of e.components)for(const r of this.renderers){if(r.observerInfo[t.name])try{r.rendererUpdate(e)}catch(r){console.info(`gameObject: ${e.name}, ${t.name} update error`,r)}}}}class o extends e.System{constructor(){super(...arguments),this.name="Renderer3DSystem"}static{this.systemName="Renderer3DSystem"}init(e){const t=e||{},r=t.width||750,o=t.height||1e3;this.threeContext=new s({canvas:t.canvas,container:t.container,width:r,height:o,antialias:t.antialias,backgroundColor:t.backgroundColor,backgroundAlpha:t.backgroundAlpha}),this.game.canvas=this.threeContext.renderer.domElement,this.rendererManager=new n({game:this.game,rendererSystem:this})}update(e){for(const e of this.game.gameObjects)this.rendererManager.update(e)}lateUpdate(){this.threeContext?.update()}resize(e,t){this.threeContext?.resize(e,t)}onDestroy(){this.threeContext?.destroy(),this.threeContext=null}}class i extends e.System{constructor(e){super(e),this.asyncIdMap={};const t=this.constructor;this.observerInfo=t.observerInfo}componentChanged(e){}rendererUpdate(e){}update(e){const t=this.componentObserver.clear();for(const e of t)this.componentChanged(e)}increaseAsyncId(e){return this.asyncIdMap[e]=(this.asyncIdMap[e]||0)+1,this.asyncIdMap[e]}validateAsyncId(e,t){return this.asyncIdMap[e]===t}}exports.Renderer3D=i,exports.Renderer3DManager=n,exports.Renderer3DSystem=o,exports.ThreeContext=s;

package/dist/plugin-renderer-3d.d.ts

@@ -0,0 +1,83 @@
+import { System, Game, PureObserverInfo, ComponentChanged, GameObject, UpdateParams } from '@combos-fun/engine';
+import { Scene, PerspectiveCamera, WebGLRenderer, Clock, AnimationMixer, Group } from 'three';
+import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
+
+interface ThreeContextParams {
+    canvas?: HTMLCanvasElement;
+    container?: HTMLElement;
+    width: number;
+    height: number;
+    antialias?: boolean;
+    backgroundColor?: number;
+    backgroundAlpha?: number;
+}
+declare class ThreeContext {
+    scene: Scene;
+    camera: PerspectiveCamera;
+    renderer: WebGLRenderer;
+    clock: Clock;
+    gltfLoader: GLTFLoader;
+    mixers: Map<number, AnimationMixer>;
+    models: Map<number, Group>;
+    constructor(params: ThreeContextParams);
+    update(): void;
+    loadGLB(id: number, url: string): Promise<Group>;
+    playAnimation(id: number, animationIndex: number, speed: number): void;
+    stopAnimation(id: number): void;
+    removeModel(id: number): void;
+    resize(width: number, height: number): void;
+    destroy(): void;
+}
+
+declare class Renderer3D<T extends {} = {}> extends System<T> {
+    name: string;
+    game: Game;
+    static observerInfo: PureObserverInfo;
+    observerInfo: PureObserverInfo;
+    rendererManager: Renderer3DManager;
+    threeContext: ThreeContext;
+    constructor(params?: T);
+    componentChanged(_changed: ComponentChanged): void;
+    rendererUpdate(_gameObject: GameObject): void;
+    update(e?: UpdateParams): void;
+    protected asyncIdMap: Record<number, number>;
+    protected increaseAsyncId(id: number): number;
+    protected validateAsyncId(id: number, asyncId: number): boolean;
+}
+
+declare class Renderer3DManager {
+    game: Game;
+    rendererSystem: Renderer3DSystem;
+    renderers: Renderer3D[];
+    constructor({ game, rendererSystem }: {
+        game: Game;
+        rendererSystem: Renderer3DSystem;
+    });
+    register(...renderers: Renderer3D[]): void;
+    componentChanged(changes: ComponentChanged[]): void;
+    update(gameObject: GameObject): void;
+}
+
+interface Renderer3DSystemParams extends Partial<ThreeContextParams> {
+    canvas?: HTMLCanvasElement;
+    container?: HTMLElement;
+    width?: number;
+    height?: number;
+    antialias?: boolean;
+    backgroundColor?: number;
+    backgroundAlpha?: number;
+}
+declare class Renderer3DSystem extends System<Renderer3DSystemParams> {
+    static systemName: string;
+    name: string;
+    threeContext: ThreeContext;
+    rendererManager: Renderer3DManager;
+    init(params?: Renderer3DSystemParams): void;
+    update(e?: UpdateParams): void;
+    lateUpdate(): void;
+    resize(width: number, height: number): void;
+    onDestroy(): void;
+}
+
+export { Renderer3D, Renderer3DManager, Renderer3DSystem, ThreeContext };
+export type { Renderer3DSystemParams, ThreeContextParams };

package/dist/plugin-renderer-3d.esm.js

@@ -0,0 +1,253 @@
+import { OBSERVER_TYPE, System } from '@combos-fun/engine';
+import { Scene, PerspectiveCamera, WebGLRenderer, AmbientLight, DirectionalLight, Clock, AnimationMixer } from 'three';
+import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
+
+class ThreeContext {
+    constructor(params) {
+        this.mixers = new Map();
+        this.models = new Map();
+        const { canvas, container, width, height, antialias = true, backgroundColor = 0x000000, backgroundAlpha = 1, } = params;
+        this.scene = new Scene();
+        this.camera = new PerspectiveCamera(75, width / height, 0.1, 1000);
+        this.camera.position.z = 5;
+        const rendererOpts = { antialias };
+        if (canvas) {
+            rendererOpts.canvas = canvas;
+        }
+        if (backgroundAlpha < 1) {
+            rendererOpts.alpha = true;
+        }
+        this.renderer = new WebGLRenderer(rendererOpts);
+        this.renderer.setSize(width, height);
+        this.renderer.setPixelRatio(window.devicePixelRatio);
+        this.renderer.setClearColor(backgroundColor, backgroundAlpha);
+        // If no canvas was provided but a container was, append the generated canvas
+        if (!canvas && container) {
+            container.appendChild(this.renderer.domElement);
+        }
+        const ambientLight = new AmbientLight(0xffffff, 0.6);
+        this.scene.add(ambientLight);
+        const directionalLight = new DirectionalLight(0xffffff, 0.8);
+        directionalLight.position.set(5, 10, 7.5);
+        this.scene.add(directionalLight);
+        this.clock = new Clock();
+        this.gltfLoader = new GLTFLoader();
+    }
+    update() {
+        const delta = this.clock.getDelta();
+        for (const mixer of this.mixers.values()) {
+            mixer.update(delta);
+        }
+        this.renderer.render(this.scene, this.camera);
+    }
+    async loadGLB(id, url) {
+        return new Promise((resolve, reject) => {
+            this.gltfLoader.load(url, (gltf) => {
+                const model = gltf.scene;
+                this.scene.add(model);
+                this.models.set(id, model);
+                if (gltf.animations && gltf.animations.length > 0) {
+                    const mixer = new AnimationMixer(model);
+                    this.mixers.set(id, mixer);
+                    model.userData.animations = gltf.animations;
+                }
+                resolve(model);
+            }, undefined, (error) => {
+                reject(error);
+            });
+        });
+    }
+    playAnimation(id, animationIndex, speed) {
+        const mixer = this.mixers.get(id);
+        const model = this.models.get(id);
+        if (!mixer || !model)
+            return;
+        mixer.stopAllAction();
+        const animations = model.userData.animations;
+        if (animations && animations[animationIndex]) {
+            const action = mixer.clipAction(animations[animationIndex]);
+            action.timeScale = speed;
+            action.play();
+        }
+    }
+    stopAnimation(id) {
+        const mixer = this.mixers.get(id);
+        if (mixer)
+            mixer.stopAllAction();
+    }
+    removeModel(id) {
+        const model = this.models.get(id);
+        if (model) {
+            this.scene.remove(model);
+            model.traverse((child) => {
+                const mesh = child;
+                if (mesh.geometry) {
+                    mesh.geometry.dispose();
+                }
+                if (mesh.material) {
+                    const materials = Array.isArray(mesh.material)
+                        ? mesh.material
+                        : [mesh.material];
+                    materials.forEach(m => m.dispose());
+                }
+            });
+            this.models.delete(id);
+        }
+        const mixer = this.mixers.get(id);
+        if (mixer) {
+            mixer.stopAllAction();
+            this.mixers.delete(id);
+        }
+    }
+    resize(width, height) {
+        this.camera.aspect = width / height;
+        this.camera.updateProjectionMatrix();
+        this.renderer.setSize(width, height);
+    }
+    destroy() {
+        for (const id of this.models.keys()) {
+            this.removeModel(id);
+        }
+        this.renderer.dispose();
+        this.renderer.domElement.remove();
+        this.scene = null;
+        this.camera = null;
+        this.renderer = null;
+        this.clock = null;
+        this.gltfLoader = null;
+    }
+}
+
+class Renderer3DManager {
+    constructor({ game, rendererSystem }) {
+        this.renderers = [];
+        this.game = game;
+        this.rendererSystem = rendererSystem;
+    }
+    register(...renderers) {
+        for (const renderer of renderers) {
+            renderer.game = this.game;
+            renderer.rendererManager = this;
+            renderer.threeContext = this.rendererSystem.threeContext;
+            this.renderers.push(renderer);
+        }
+    }
+    componentChanged(changes) {
+        for (const changed of changes) {
+            for (const renderer of this.renderers) {
+                const props = renderer.observerInfo[changed.componentName];
+                if (!props)
+                    continue;
+                if (changed.type === OBSERVER_TYPE.ADD || changed.type === OBSERVER_TYPE.REMOVE) {
+                    try {
+                        renderer.componentChanged(changed);
+                    }
+                    catch (e) {
+                        console.error(`gameObject: ${changed.gameObject.name}, ${changed.componentName} error.`, changed, e);
+                    }
+                    continue;
+                }
+                // CHANGE type: check if the changed prop matches
+                const index = props.findIndex((prop) => {
+                    if (typeof prop === 'string' && typeof changed.prop === 'string') {
+                        return prop === changed.prop;
+                    }
+                    // Deep comparison for object-style props
+                    return JSON.stringify(prop) === JSON.stringify(changed.prop);
+                });
+                if (index > -1) {
+                    try {
+                        renderer.componentChanged(changed);
+                    }
+                    catch (e) {
+                        console.error(`gameObject: ${changed.gameObject?.name}, ${changed.componentName} componentChanged error.`, changed, e);
+                    }
+                }
+            }
+        }
+    }
+    update(gameObject) {
+        for (const component of gameObject.components) {
+            for (const renderer of this.renderers) {
+                const props = renderer.observerInfo[component.name];
+                if (props) {
+                    try {
+                        renderer.rendererUpdate(gameObject);
+                    }
+                    catch (e) {
+                        console.info(`gameObject: ${gameObject.name}, ${component.name} update error`, e);
+                    }
+                }
+            }
+        }
+    }
+}
+
+class Renderer3DSystem extends System {
+    constructor() {
+        super(...arguments);
+        this.name = 'Renderer3DSystem';
+    }
+    static { this.systemName = 'Renderer3DSystem'; }
+    init(params) {
+        const opts = params || {};
+        const width = opts.width || 750;
+        const height = opts.height || 1000;
+        this.threeContext = new ThreeContext({
+            canvas: opts.canvas,
+            container: opts.container,
+            width,
+            height,
+            antialias: opts.antialias,
+            backgroundColor: opts.backgroundColor,
+            backgroundAlpha: opts.backgroundAlpha,
+        });
+        this.game.canvas = this.threeContext.renderer.domElement;
+        this.rendererManager = new Renderer3DManager({
+            game: this.game,
+            rendererSystem: this,
+        });
+    }
+    update(e) {
+        for (const gameObject of this.game.gameObjects) {
+            this.rendererManager.update(gameObject);
+        }
+    }
+    lateUpdate() {
+        this.threeContext?.update();
+    }
+    resize(width, height) {
+        this.threeContext?.resize(width, height);
+    }
+    onDestroy() {
+        this.threeContext?.destroy();
+        this.threeContext = null;
+    }
+}
+
+class Renderer3D extends System {
+    constructor(params) {
+        super(params);
+        this.asyncIdMap = {};
+        const Ctor = this.constructor;
+        this.observerInfo = Ctor.observerInfo;
+    }
+    componentChanged(_changed) { }
+    rendererUpdate(_gameObject) { }
+    update(e) {
+        const changes = this.componentObserver.clear();
+        for (const changed of changes) {
+            this.componentChanged(changed);
+        }
+    }
+    increaseAsyncId(id) {
+        this.asyncIdMap[id] = (this.asyncIdMap[id] || 0) + 1;
+        return this.asyncIdMap[id];
+    }
+    validateAsyncId(id, asyncId) {
+        return this.asyncIdMap[id] === asyncId;
+    }
+}
+
+export { Renderer3D, Renderer3DManager, Renderer3DSystem, ThreeContext };
+//# sourceMappingURL=plugin-renderer-3d.esm.js.map

package/dist/plugin-renderer-3d.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin-renderer-3d.esm.js","sources":["../lib/ThreeContext.ts","../lib/Renderer3DManager.ts","../lib/system.ts","../lib/Renderer3D.ts"],"sourcesContent":["import {\n  Scene,\n  PerspectiveCamera,\n  WebGLRenderer,\n  Clock,\n  AmbientLight,\n  DirectionalLight,\n  AnimationMixer,\n  AnimationClip,\n  Mesh,\n  Material,\n  Group,\n} from 'three';\nimport { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';\n\nexport interface ThreeContextParams {\n  canvas?: HTMLCanvasElement;\n  container?: HTMLElement;\n  width: number;\n  height: number;\n  antialias?: boolean;\n  backgroundColor?: number;\n  backgroundAlpha?: number;\n}\n\nexport default class ThreeContext {\n  scene: Scene;\n  camera: PerspectiveCamera;\n  renderer: WebGLRenderer;\n  clock: Clock;\n  gltfLoader: GLTFLoader;\n  mixers: Map<number, AnimationMixer> = new Map();\n  models: Map<number, Group> = new Map();\n\n  constructor(params: ThreeContextParams) {\n    const {\n      canvas,\n      container,\n      width,\n      height,\n      antialias = true,\n      backgroundColor = 0x000000,\n      backgroundAlpha = 1,\n    } = params;\n\n    this.scene = new Scene();\n\n    this.camera = new PerspectiveCamera(75, width / height, 0.1, 1000);\n    this.camera.position.z = 5;\n\n    const rendererOpts: any = { antialias };\n    if (canvas) {\n      rendererOpts.canvas = canvas;\n    }\n    if (backgroundAlpha < 1) {\n      rendererOpts.alpha = true;\n    }\n\n    this.renderer = new WebGLRenderer(rendererOpts);\n    this.renderer.setSize(width, height);\n    this.renderer.setPixelRatio(window.devicePixelRatio);\n    this.renderer.setClearColor(backgroundColor, backgroundAlpha);\n\n    // If no canvas was provided but a container was, append the generated canvas\n    if (!canvas && container) {\n      container.appendChild(this.renderer.domElement);\n    }\n\n    const ambientLight = new AmbientLight(0xffffff, 0.6);\n    this.scene.add(ambientLight);\n    const directionalLight = new DirectionalLight(0xffffff, 0.8);\n    directionalLight.position.set(5, 10, 7.5);\n    this.scene.add(directionalLight);\n\n    this.clock = new Clock();\n    this.gltfLoader = new GLTFLoader();\n  }\n\n  update() {\n    const delta = this.clock.getDelta();\n    for (const mixer of this.mixers.values()) {\n      mixer.update(delta);\n    }\n    this.renderer.render(this.scene, this.camera);\n  }\n\n  async loadGLB(id: number, url: string): Promise<Group> {\n    return new Promise((resolve, reject) => {\n      this.gltfLoader.load(url, (gltf) => {\n        const model = gltf.scene;\n        this.scene.add(model);\n        this.models.set(id, model);\n\n        if (gltf.animations && gltf.animations.length > 0) {\n          const mixer = new AnimationMixer(model);\n          this.mixers.set(id, mixer);\n          model.userData.animations = gltf.animations;\n        }\n\n        resolve(model);\n      }, undefined, (error) => {\n        reject(error);\n      });\n    });\n  }\n\n  playAnimation(id: number, animationIndex: number, speed: number) {\n    const mixer = this.mixers.get(id);\n    const model = this.models.get(id);\n    if (!mixer || !model) return;\n\n    mixer.stopAllAction();\n    const animations = model.userData.animations as AnimationClip[];\n    if (animations && animations[animationIndex]) {\n      const action = mixer.clipAction(animations[animationIndex]);\n      action.timeScale = speed;\n      action.play();\n    }\n  }\n\n  stopAnimation(id: number) {\n    const mixer = this.mixers.get(id);\n    if (mixer) mixer.stopAllAction();\n  }\n\n  removeModel(id: number) {\n    const model = this.models.get(id);\n    if (model) {\n      this.scene.remove(model);\n      model.traverse((child) => {\n        const mesh = child as Mesh;\n        if (mesh.geometry) {\n          mesh.geometry.dispose();\n        }\n        if (mesh.material) {\n          const materials = Array.isArray(mesh.material)\n            ? mesh.material as Material[]\n            : [mesh.material as Material];\n          materials.forEach(m => m.dispose());\n        }\n      });\n      this.models.delete(id);\n    }\n    const mixer = this.mixers.get(id);\n    if (mixer) {\n      mixer.stopAllAction();\n      this.mixers.delete(id);\n    }\n  }\n\n  resize(width: number, height: number) {\n    this.camera.aspect = width / height;\n    this.camera.updateProjectionMatrix();\n    this.renderer.setSize(width, height);\n  }\n\n  destroy() {\n    for (const id of this.models.keys()) {\n      this.removeModel(id);\n    }\n    this.renderer.dispose();\n    this.renderer.domElement.remove();\n    this.scene = null;\n    this.camera = null;\n    this.renderer = null;\n    this.clock = null;\n    this.gltfLoader = null;\n  }\n}\n","import { GameObject, Game, ComponentChanged, OBSERVER_TYPE } from '@combos-fun/engine';\nimport type Renderer3D from './Renderer3D';\nimport type Renderer3DSystem from './system';\n\nexport default class Renderer3DManager {\n  game: Game;\n  rendererSystem: Renderer3DSystem;\n  renderers: Renderer3D[] = [];\n\n  constructor({ game, rendererSystem }: { game: Game; rendererSystem: Renderer3DSystem }) {\n    this.game = game;\n    this.rendererSystem = rendererSystem;\n  }\n\n  register(...renderers: Renderer3D[]) {\n    for (const renderer of renderers) {\n      renderer.game = this.game;\n      renderer.rendererManager = this;\n      renderer.threeContext = this.rendererSystem.threeContext;\n      this.renderers.push(renderer);\n    }\n  }\n\n  componentChanged(changes: ComponentChanged[]) {\n    for (const changed of changes) {\n      for (const renderer of this.renderers) {\n        const props = renderer.observerInfo[changed.componentName];\n        if (!props) continue;\n\n        if (changed.type === OBSERVER_TYPE.ADD || changed.type === OBSERVER_TYPE.REMOVE) {\n          try {\n            renderer.componentChanged(changed);\n          } catch (e) {\n            console.error(\n              `gameObject: ${changed.gameObject.name}, ${changed.componentName} error.`,\n              changed,\n              e,\n            );\n          }\n          continue;\n        }\n\n        // CHANGE type: check if the changed prop matches\n        const index = props.findIndex((prop) => {\n          if (typeof prop === 'string' && typeof changed.prop === 'string') {\n            return prop === changed.prop;\n          }\n          // Deep comparison for object-style props\n          return JSON.stringify(prop) === JSON.stringify(changed.prop);\n        });\n\n        if (index > -1) {\n          try {\n            renderer.componentChanged(changed);\n          } catch (e) {\n            console.error(\n              `gameObject: ${changed.gameObject?.name}, ${changed.componentName} componentChanged error.`,\n              changed,\n              e,\n            );\n          }\n        }\n      }\n    }\n  }\n\n  update(gameObject: GameObject) {\n    for (const component of gameObject.components) {\n      for (const renderer of this.renderers) {\n        const props = renderer.observerInfo[component.name];\n        if (props) {\n          try {\n            renderer.rendererUpdate(gameObject);\n          } catch (e) {\n            console.info(\n              `gameObject: ${gameObject.name}, ${component.name} update error`,\n              e,\n            );\n          }\n        }\n      }\n    }\n  }\n}\n","import { System } from '@combos-fun/engine';\nimport type { UpdateParams } from '@combos-fun/engine';\nimport ThreeContext from './ThreeContext';\nimport type { ThreeContextParams } from './ThreeContext';\nimport Renderer3DManager from './Renderer3DManager';\n\nexport interface Renderer3DSystemParams extends Partial<ThreeContextParams> {\n  canvas?: HTMLCanvasElement;\n  container?: HTMLElement;\n  width?: number;\n  height?: number;\n  antialias?: boolean;\n  backgroundColor?: number;\n  backgroundAlpha?: number;\n}\n\nexport default class Renderer3DSystem extends System<Renderer3DSystemParams> {\n  static systemName = 'Renderer3DSystem';\n  name: string = 'Renderer3DSystem';\n  threeContext: ThreeContext;\n  rendererManager: Renderer3DManager;\n\n  init(params?: Renderer3DSystemParams) {\n    const opts = params || {};\n    const width = opts.width || 750;\n    const height = opts.height || 1000;\n\n    this.threeContext = new ThreeContext({\n      canvas: opts.canvas,\n      container: opts.container,\n      width,\n      height,\n      antialias: opts.antialias,\n      backgroundColor: opts.backgroundColor,\n      backgroundAlpha: opts.backgroundAlpha,\n    });\n\n    this.game.canvas = this.threeContext.renderer.domElement;\n\n    this.rendererManager = new Renderer3DManager({\n      game: this.game,\n      rendererSystem: this,\n    });\n  }\n\n  update(e?: UpdateParams) {\n    for (const gameObject of this.game.gameObjects) {\n      this.rendererManager.update(gameObject);\n    }\n  }\n\n  lateUpdate() {\n    this.threeContext?.update();\n  }\n\n  resize(width: number, height: number) {\n    this.threeContext?.resize(width, height);\n  }\n\n  onDestroy(): void {\n    this.threeContext?.destroy();\n    this.threeContext = null;\n  }\n}\n","import { Game, PureObserverInfo, ComponentChanged, System, GameObject, UpdateParams } from '@combos-fun/engine';\nimport type Renderer3DManager from './Renderer3DManager';\nimport type ThreeContext from './ThreeContext';\n\nexport default class Renderer3D<T extends {} = {}> extends System<T> {\n  name: string;\n  game: Game;\n  static observerInfo: PureObserverInfo;\n  observerInfo: PureObserverInfo;\n  rendererManager: Renderer3DManager;\n  threeContext: ThreeContext;\n\n  constructor(params?: T) {\n    super(params);\n    const Ctor = this.constructor as typeof Renderer3D & { observerInfo: PureObserverInfo };\n    this.observerInfo = Ctor.observerInfo;\n  }\n\n  componentChanged(_changed: ComponentChanged) {}\n  rendererUpdate(_gameObject: GameObject) {}\n\n  override update(e?: UpdateParams): void {\n    const changes = this.componentObserver.clear();\n    for (const changed of changes) {\n      this.componentChanged(changed);\n    }\n  }\n\n  protected asyncIdMap: Record<number, number> = {};\n\n  protected increaseAsyncId(id: number) {\n    this.asyncIdMap[id] = (this.asyncIdMap[id] || 0) + 1;\n    return this.asyncIdMap[id];\n  }\n\n  protected validateAsyncId(id: number, asyncId: number) {\n    return this.asyncIdMap[id] === asyncId;\n  }\n}\n"],"names":[],"mappings":"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"}

package/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./dist/plugin-renderer-3d.cjs.prod.js');
+} else {
+  module.exports = require('./dist/plugin-renderer-3d.cjs.js');
+}

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "@combos-fun/plugin-renderer-3d",
+  "version": "0.0.6",
+  "main": "index.js",
+  "module": "dist/plugin-renderer-3d.esm.js",
+  "bundle": "CombosFun.plugin.renderer.3d",
+  "unpkg": "dist/CombosFun.plugin.renderer.3d.min.js",
+  "types": "dist/plugin-renderer-3d.d.ts",
+  "files": [
+    "index.js",
+    "dist"
+  ],
+  "dependencies": {
+    "three": "^0.172.0",
+    "@combos-fun/engine": "0.0.6",
+    "@combos-fun/inspector-decorator": "0.0.6"
+  },
+  "scripts": {
+    "build": "node ../../scripts/build-package.mjs"
+  }
+}