@sepveneto/dao 0.0.2 → 0.0.3

package/dist/Container.d.ts

@@ -0,0 +1,17 @@
+import { Camera } from './Camera';
+import { GameObject } from './GameObject';
+export declare class Container extends GameObject {
+    x: number;
+    y: number;
+    z: number;
+    rotation: number;
+    scaleX: number;
+    scaleY: number;
+    private children;
+    add(child: any): void;
+    private updateBounds;
+    remove(child: any): void;
+    update(delta: number): void;
+    draw(ctx: CanvasRenderingContext2D, camera: Camera): void;
+    private drawChild;
+}

package/dist/Display.d.ts

@@ -1,3 +1,4 @@
+import { GameObject } from './GameObject';
 declare abstract class DisplayObject {
     x: number;
     y: number;
@@ -18,4 +19,42 @@ export declare class DisplayList {
     add(obj: DisplayObject): void;
     render(ctx: CanvasRenderingContext2D): void;
 }
+interface TextStyle {
+    fontFamily: string;
+    fontSize: number;
+    fontStyle?: string;
+    color: string;
+    align?: 'left' | 'center' | 'right';
+    stroke?: string;
+    strokeThickness?: number;
+    shadow?: {
+        offsetX: number;
+        offsetY: number;
+        color: string;
+        blur: number;
+    };
+    padding?: {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+}
+export declare class Text extends GameObject {
+    x: number;
+    y: number;
+    text: string;
+    style: TextStyle;
+    visible: boolean;
+    width: number;
+    height: number;
+    private canvas;
+    private ctx;
+    private dirty;
+    constructor(text: string, style: TextStyle);
+    setText(text: string): void;
+    setStyle(style: TextStyle): void;
+    private rebuild;
+    render(ctx: CanvasRenderingContext2D): void;
+}
 export {};

package/dist/GameObject.d.ts

@@ -1,3 +1,4 @@
+import { Camera } from './Camera';
 export declare class GameObject {
     x: number;
     y: number;
@@ -5,13 +6,12 @@ export declare class GameObject {
     width: number;
     height: number;
     zIndex: number;
-    private originX;
-    private originY;
-    texture?: HTMLImageElement;
+    protected originX: number;
+    protected originY: number;
+    texture?: HTMLImageElement | HTMLCanvasElement;
     rotation: number;
-    constructor(x: number, y: number, z?: number);
     setOrigin(x: number, y: number): void;
-    draw(ctx: CanvasRenderingContext2D): void;
+    draw(ctx: CanvasRenderingContext2D, _camera: Camera): void;
     render(ctx: CanvasRenderingContext2D): void;
     update(_delta: number): void;
 }

package/dist/dao.cjs

@@ -1 +1,2 @@
-var e=class{constructor(e){this.ctx=e}render(e){let t=this.ctx,n=e.camera;t.clearRect(0,0,t.canvas.width,t.canvas.height),n.apply(t),e.displayList.render(t);for(let r of e.world.objects){let{px:e,py:i}=n.projection.project(r.x,r.y,r.z);t.save(),t.translate(e,i),r.draw(t),t.restore()}n.restore(t)}},t=class{constructor(){this.events=new Map}on(e,t){this.events.has(e)||this.events.set(e,new Set),this.events.get(e).add(t)}off(e,t){this.events.has(e)&&this.events.get(e).delete(t)}emit(e,...t){if(this.events.has(e))for(let n of this.events.get(e))n(...t)}};function n(e){"@babel/helpers - typeof";return n=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},n(e)}function r(e,t){if(n(e)!=`object`||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var i=r.call(e,t||`default`);if(n(i)!=`object`)return i;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function i(e){var t=r(e,`string`);return n(t)==`symbol`?t:t+``}function a(e,t,n){return(t=i(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function s(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?o(Object(n),!0).forEach(function(t){a(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}const c={KEY_DOWN:Symbol(`keyDown`),KEY_UP:Symbol(`keyUp`),POINTER_DOWN:Symbol(`pointerDown`),POINTER_MOVE:Symbol(`pointerMove`),POINTER_UP:Symbol(`pointerUp`)};var l=class{constructor(e,t){this.keys=new Set,this.pointer={x:0,y:0,dx:0,dy:0,down:!1,justDown:!1,justUp:!1,id:null},this.target=e,this.events=t,window.addEventListener(`keydown`,e=>{e.preventDefault(),this.keys.add(e.code),this.events.emit(c.KEY_DOWN,e)}),window.addEventListener(`keyup`,e=>{this.keys.delete(e.code),this.events.emit(c.KEY_UP,e)}),e.addEventListener(`mousedown`,this.onDown.bind(this)),e.addEventListener(`mousemove`,this.onMove.bind(this)),e.addEventListener(`mouseup`,this.onUp.bind(this)),e.addEventListener(`touchstart`,this.onDown.bind(this),{passive:!1}),e.addEventListener(`touchmove`,this.onMove.bind(this),{passive:!1}),e.addEventListener(`touchend`,this.onUp.bind(this))}update(){this.pointer.justDown=!1,this.pointer.justUp=!1,this.pointer.dx=0,this.pointer.dy=0}isKeyboardDown(e){return this.keys.has(e)}onDown(e){e.preventDefault();let t=this._getPoint(e);if(!t){console.warn(`missing point`);return}this.pointer.down=!0,this.pointer.justDown=!0,this.pointer.x=t.x,this.pointer.y=t.y,this.pointer.id=t.id,this.events.emit(c.POINTER_DOWN,s({},this.pointer))}onMove(e){if(!this.pointer.down)return;e.preventDefault();let t=this._getPoint(e);if(!t){console.warn(`missing point`);return}this.pointer.dx+=t.x-this.pointer.x,this.pointer.dy+=t.y-this.pointer.y,this.pointer.x=t.x,this.pointer.y=t.y,this.events.emit(c.POINTER_MOVE,s({},this.pointer))}onUp(){this.pointer.down=!1,this.pointer.justUp=!0,this.pointer.id=null,this.events.emit(c.POINTER_UP,s({},this.pointer))}_getPoint(e){let t=this.target.getBoundingClientRect(),n,r,i=`mouse`;if(e instanceof TouchEvent){let t=e.touches[0]||e.changedTouches[0];if(!t)return;n=t.clientX,r=t.clientY,i=t.identifier}else n=e.clientX,r=e.clientY;return{x:n-t.left,y:r-t.top,id:i}}},u=class{get width(){return this.viewport.width}get height(){return this.viewport.height}constructor(e){this.viewport={x:0,y:0,width:0,height:0},this.x=0,this.y=0,this.zoom=1,this._followLerp=1,this._offsetX=0,this._offsetY=0,this.originX=0,this.originY=0,this.projection=e}setOrigin(e,t){this.originX=e,this.originY=t}setViewport(e,t,n,r){this.viewport={x:e,y:t,width:n,height:r}}apply(e){e.save(),e.translate(this.originX*this.viewport.width,this.originY*this.viewport.height),e.scale(this.zoom,this.zoom),e.translate(-Math.round(this.x),-Math.round(this.y))}restore(e){e.restore()}project(e,t,n=0){let{px:r,py:i}=this.projection.project(e,t,n);return{px:r-this.x,py:i-this.y}}follow(e,t){var n,r,i;this._followTarget=e,this._followLerp=(n=t==null?void 0:t.lerp)==null?1:n,this._offsetX=(r=t==null?void 0:t.offsetX)==null?0:r,this._offsetY=(i=t==null?void 0:t.offsetY)==null?0:i}stopFollow(){this._followTarget=void 0}update(){if(!this._followTarget)return;let{x:e,y:t,z:n}=this._followTarget,{px:r,py:i}=this.project(e,t,n),a=r+this._offsetX,o=i+this._offsetY;this.x+=a*this._followLerp,this.y+=o*this._followLerp}},d=class{constructor(e,t){this.speed=300,this.camera=e,this.input=t}update(e){let t=this.speed*e/1e3;this.input.isKeyboardDown(`ArrowUp`)&&(this.camera.y+=t),this.input.isKeyboardDown(`ArrowDown`)&&(this.camera.y-=t),this.input.isKeyboardDown(`ArrowLeft`)&&(this.camera.x+=t),this.input.isKeyboardDown(`ArrowRight`)&&(this.camera.x-=t)}},f=class{constructor(){this.x=0,this.y=0,this.originX=.5,this.originY=.5}},p=class extends f{constructor(e,t,n,r=1){super(),this.resolution=1,this.x=e,this.y=t,this.texture=n,this.resolution=r,this.width=n.width/r,this.height=n.height/r}render(e){e.drawImage(this.texture,this.x-this.width*this.originX,this.y-this.height*this.originY,this.width,this.height)}},m=class{constructor(){this.list=[]}add(e){this.list.push(e)}render(e){this.list.forEach(t=>t.render(e))}};function h(e,t,n,r,i,a,o){try{var s=e[a](o),c=s.value}catch(e){n(e);return}s.done?t(c):Promise.resolve(c).then(r,i)}function g(e){return function(){var t=this,n=arguments;return new Promise(function(r,i){var a=e.apply(t,n);function o(e){h(a,r,i,o,s,`next`,e)}function s(e){h(a,r,i,o,s,`throw`,e)}o(void 0)})}}var _=class{constructor(e,t){this.key=e,this.url=t}},v=class extends _{load(){return new Promise((e,t)=>{let n=new Image;n.onload=()=>e(n),n.onerror=()=>t(Error(`Failed to load ${this.url}`)),n.src=this.url})}},y=class{constructor(e){this.queue=[],this.textures=e}image(e,t){return this.queue.push(new v(e,t)),this}load(){var e=this;return g(function*(){let t=e.queue.map(t=>t.load().then(n=>{t instanceof v&&e.textures.add(t.key,n)}));e.queue.length=0,yield Promise.all(t)})()}},b,x=class{constructor(){this.map=new Map}add(e,t){this.map.has(e)||this.map.set(e,t)}get(e){let t=this.map.get(e);if(!t)throw Error(`Asset ${e} not found`);return t}has(e){return this.map.has(e)}remove(e){this.map.delete(e)}clear(){this.map.clear()}},S=class{};b=S,b.textures=new x,b.loader=new y(b.textures);var C=class{constructor(e){this.rm=S,this.displayList=e}image(e,t,n,r=1){let i=new p(e,t,this.rm.textures.get(n),r);return this.displayList.add(i),i}},w=class{constructor(e,t){this.world=e,this.strategy=t}update(){this.world.objects.sort((e,t)=>this.strategy.getKey(e)-this.strategy.getKey(t)),this.world.objects.sort((e,t)=>e.zIndex-t.zIndex)}},T=class{constructor(e){this.elapsed=0,this.target=e.target,this.key=e.key,this.start=e.target[e.key],this.end=e.to,this.duration=e.duration,this.delay=e.delay||0;let t=e.easing||`Linear`;typeof t==`string`?this.easing=E[t]:this.easing=t}update(e){if(this.delay>0)return this.delay-=e,!1;this.elapsed+=e;let t=Math.min(this.elapsed/this.duration,1),n=this.easing(t);return this.target[this.key]=this.start+(this.end-this.start)*n,t===1?(this.target[this.key]=this.end,!0):!1}reset(){this.elapsed=0}};const E={Linear:e=>e,EaseOutBack:e=>{let t=3.70158,n=e-1;return 1+n*n*((t+1)*n+t)}};var D=class{constructor(e){for(let t in this.datas=[],this.finished=!1,this.loop=!1,e.to)this.datas.push(new T({target:e.target,key:t,to:e.to[t],duration:e.duration,easing:e.easing,delay:e.delay}));this.loop=e.loop||!1,this.onComplete=e.onComplete}update(e){if(this.finished)return;let t=!0;for(let n of this.datas)n.update(e)||(t=!1);if(t)if(this.loop)this.datas.forEach(e=>e.reset());else{var n;this.finished=!0,(n=this.onComplete)==null||n.call(this)}}},O=class{constructor(){this.tweens=[]}add(e){let t=new D(e);return this.tweens.push(t),t}update(e){for(let t of this.tweens)t.update(e);this.tweens=this.tweens.filter(e=>!e.finished)}},k=class{constructor(){this.objects=[]}add(e){this.objects.push(e)}update(e){for(let t of this.objects)t.update(e)}},A=class{constructor(e,t){this.world=new k,this.system=[],this.displayList=new m,this.add=new C(this.displayList),this.camera=new u(e),this.tween=new O,this.system.push(new w(this.world,t)),this.system.push(this.tween)}_boot(e){this.input=e.input,this.events=e.events,this.config=e.config}registerSystem(e){this.system.push(e)}create(){}resize(e,t){this.camera.setViewport(0,0,e,t)}update(e){for(let n of this.system){var t;(t=n.update)==null||t.call(n,e)}this.camera.update(),this.world.update(e)}},j=class{constructor(e,t,n=0){this.width=0,this.height=0,this.zIndex=0,this.originX=0,this.originY=0,this.rotation=0,this.x=e,this.y=t,this.z=n}setOrigin(e,t){this.originX=e,this.originY=t}draw(e){e.save(),e.rotate(this.rotation),this.render(e),e.restore()}render(e){if(!this.texture)return;let t=this.width||this.texture.width,n=this.height||this.texture.height;e.drawImage(this.texture,-t*this.originX,-n*this.originY,t,n)}update(e){}},M=class{constructor(e=1,t=1){this.scaleX=e,this.scaleY=t}project(e,t){return{px:e*this.scaleX,py:t*this.scaleY}}},N=class{constructor(e,t,n){this.tileWidth=e,this.tileHeight=t,this.zHeight=n}project(e,t,n=0){return{px:(e-t)*this.tileWidth/2,py:(e+t)*this.tileHeight/2-n*this.zHeight}}},P=class{getKey(e){return e.x+e.y+e.z}},F=class{getKey(e){return e.zIndex}},I=class{constructor(n,r){this.lastTime=0,this.scene=null,this.config=s({width:window.innerWidth,height:window.innerHeight},r);let i=window.innerWidth/this.config.width,a=window.devicePixelRatio;n.width=this.config.width*i*a,n.height=this.config.height*i*a,n.style.width=`${this.config.width*i}px`,n.style.height=`${this.config.height*i}px`;let o=n.getContext(`2d`);if(!o)throw Error(`Canvas 2D context not found`);this.events=new t,this.input=new l(n,this.events),this.renderer=new e(o),o.scale(i*a,i*a)}start(e){this.scene=e,e._boot(this),e.registerSystem(this.input),e.registerSystem(this.events),e.create(),e.resize(this.config.width,this.config.height),window.requestAnimationFrame(this.loop.bind(this))}loop(e){let t=e-this.lastTime;this.lastTime=e,this.scene&&(this.scene.update(t),this.renderer.render(this.scene)),window.requestAnimationFrame(this.loop.bind(this))}};exports.Cache=x,exports.Camera=u,exports.CameraController=d,exports.Easings=E,exports.Game=I,exports.GameObject=j,exports.InputEventType=c,exports.InputSystem=l,exports.IsoProjection=N,exports.IsoStragety=P,exports.Projection2D=M,exports.ResourceManager=S,exports.Scene=A,exports.TweenManager=O,exports.ZIndexStragety=F;
+var e=class{constructor(){this.x=0,this.y=0,this.z=0,this.width=0,this.height=0,this.zIndex=0,this.originX=0,this.originY=0,this.rotation=0}setOrigin(e,t){this.originX=e,this.originY=t}draw(e,t){e.save(),e.rotate(this.rotation),this.render(e),e.restore()}render(e){if(!this.texture)return;let t=this.width||this.texture.width,n=this.height||this.texture.height;e.drawImage(this.texture,-t*this.originX,-n*this.originY,t,n)}update(e){}},t=class extends e{constructor(...e){super(...e),this.x=0,this.y=0,this.z=0,this.rotation=0,this.scaleX=1,this.scaleY=1,this.children=[]}add(e){this.children.push(e),this.updateBounds()}updateBounds(){if(!this.children.length){this.width=0,this.height=0;return}let e=1/0,t=1/0,n=-1/0,r=-1/0;this.children.forEach(i=>{let a=i.width||0,o=i.height||0,s=i.x,c=i.y;e=Math.min(e,s),t=Math.min(t,c),n=Math.max(n,s+a),r=Math.max(r,c+o)}),this.width=n-e,this.height=r-t}remove(e){let t=this.children.indexOf(e);t!==-1&&(this.children.splice(t,1),this.updateBounds())}update(e){this.children.forEach(t=>{var n;return(n=t.update)==null?void 0:n.call(t,e)})}draw(e,t){this.children.forEach(n=>{this.drawChild(n,e,t)})}drawChild(e,t,n){let r=this.width*this.originX,i=this.height*this.originY,a=Math.cos(this.rotation),o=Math.sin(this.rotation),s=(e.x-r)*this.scaleX,c=(e.y-i)*this.scaleY,l=this.x+s*a-c*o,u=this.y+s*o+c*a,d=this.z+e.z,f=this.rotation+e.rotation,{px:p,py:m}=n.projection.project(l,u,d);console.log(l,u,this.x,this.y),t.save(),t.translate(p,m),t.rotate(f),e.render(t),t.restore()}},n=class{constructor(e){this.ctx=e}render(e){let n=this.ctx,r=e.camera;n.clearRect(0,0,n.canvas.width,n.canvas.height),r.apply(n),e.displayList.render(n);for(let i of e.world.objects)if(i instanceof t)i.draw(n,r);else{let{px:e,py:t}=r.projection.project(i.x,i.y,i.z);n.save(),n.translate(e,t),i.draw(n,r),n.restore()}r.restore(n)}},r=class{constructor(){this.events=new Map}on(e,t){this.events.has(e)||this.events.set(e,new Set),this.events.get(e).add(t)}off(e,t){this.events.has(e)&&this.events.get(e).delete(t)}emit(e,...t){if(this.events.has(e))for(let n of this.events.get(e))n(...t)}};function i(e){"@babel/helpers - typeof";return i=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},i(e)}function a(e,t){if(i(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(i(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function o(e){var t=a(e,`string`);return i(t)==`symbol`?t:t+``}function s(e,t,n){return(t=o(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function c(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function l(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?c(Object(n),!0).forEach(function(t){s(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):c(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}const u={KEY_DOWN:Symbol(`keyDown`),KEY_UP:Symbol(`keyUp`),POINTER_DOWN:Symbol(`pointerDown`),POINTER_MOVE:Symbol(`pointerMove`),POINTER_UP:Symbol(`pointerUp`)};var d=class{constructor(e,t){this.keys=new Set,this.pointer={x:0,y:0,dx:0,dy:0,down:!1,justDown:!1,justUp:!1,id:null},this.target=e,this.events=t,window.addEventListener(`keydown`,e=>{e.preventDefault(),this.keys.add(e.code),this.events.emit(u.KEY_DOWN,e)}),window.addEventListener(`keyup`,e=>{this.keys.delete(e.code),this.events.emit(u.KEY_UP,e)}),e.addEventListener(`mousedown`,this.onDown.bind(this)),e.addEventListener(`mousemove`,this.onMove.bind(this)),e.addEventListener(`mouseup`,this.onUp.bind(this)),e.addEventListener(`touchstart`,this.onDown.bind(this),{passive:!1}),e.addEventListener(`touchmove`,this.onMove.bind(this),{passive:!1}),e.addEventListener(`touchend`,this.onUp.bind(this))}update(){this.pointer.justDown=!1,this.pointer.justUp=!1,this.pointer.dx=0,this.pointer.dy=0}isKeyboardDown(e){return this.keys.has(e)}onDown(e){e.preventDefault();let t=this._getPoint(e);if(!t){console.warn(`missing point`);return}this.pointer.down=!0,this.pointer.justDown=!0,this.pointer.x=t.x,this.pointer.y=t.y,this.pointer.id=t.id,this.events.emit(u.POINTER_DOWN,l({},this.pointer))}onMove(e){if(!this.pointer.down)return;e.preventDefault();let t=this._getPoint(e);if(!t){console.warn(`missing point`);return}this.pointer.dx+=t.x-this.pointer.x,this.pointer.dy+=t.y-this.pointer.y,this.pointer.x=t.x,this.pointer.y=t.y,this.events.emit(u.POINTER_MOVE,l({},this.pointer))}onUp(){this.pointer.down=!1,this.pointer.justUp=!0,this.pointer.id=null,this.events.emit(u.POINTER_UP,l({},this.pointer))}_getPoint(e){let t=this.target.getBoundingClientRect(),n,r,i=`mouse`;if(e instanceof TouchEvent){let t=e.touches[0]||e.changedTouches[0];if(!t)return;n=t.clientX,r=t.clientY,i=t.identifier}else n=e.clientX,r=e.clientY;return{x:n-t.left,y:r-t.top,id:i}}},f=class{get width(){return this.viewport.width}get height(){return this.viewport.height}constructor(e){this.viewport={x:0,y:0,width:0,height:0},this.x=0,this.y=0,this.zoom=1,this._followLerp=1,this._offsetX=0,this._offsetY=0,this.originX=0,this.originY=0,this.projection=e}setOrigin(e,t){this.originX=e,this.originY=t}setViewport(e,t,n,r){this.viewport={x:e,y:t,width:n,height:r}}apply(e){e.save(),e.translate(this.originX*this.viewport.width,this.originY*this.viewport.height),e.scale(this.zoom,this.zoom),e.translate(-Math.round(this.x),-Math.round(this.y))}restore(e){e.restore()}project(e,t,n=0){let{px:r,py:i}=this.projection.project(e,t,n);return{px:r-this.x,py:i-this.y}}follow(e,t){var n,r,i;this._followTarget=e,this._followLerp=(n=t==null?void 0:t.lerp)==null?1:n,this._offsetX=(r=t==null?void 0:t.offsetX)==null?0:r,this._offsetY=(i=t==null?void 0:t.offsetY)==null?0:i}stopFollow(){this._followTarget=void 0}update(){if(!this._followTarget)return;let{x:e,y:t,z:n}=this._followTarget,{px:r,py:i}=this.project(e,t,n),a=r+this._offsetX,o=i+this._offsetY;this.x+=a*this._followLerp,this.y+=o*this._followLerp}},p=class{constructor(e,t){this.speed=300,this.camera=e,this.input=t}update(e){let t=this.speed*e/1e3;this.input.isKeyboardDown(`ArrowUp`)&&(this.camera.y+=t),this.input.isKeyboardDown(`ArrowDown`)&&(this.camera.y-=t),this.input.isKeyboardDown(`ArrowLeft`)&&(this.camera.x+=t),this.input.isKeyboardDown(`ArrowRight`)&&(this.camera.x-=t)}},m=class{constructor(){this.x=0,this.y=0,this.originX=.5,this.originY=.5}},h=class extends m{constructor(e,t,n,r=1){super(),this.resolution=1,this.x=e,this.y=t,this.texture=n,this.resolution=r,this.width=n.width/r,this.height=n.height/r}render(e){e.drawImage(this.texture,this.x-this.width*this.originX,this.y-this.height*this.originY,this.width,this.height)}},g=class{constructor(){this.list=[]}add(e){this.list.push(e)}render(e){this.list.forEach(t=>t.render(e))}},_=class extends e{constructor(e,t){super(),this.x=0,this.y=0,this.visible=!0,this.width=0,this.height=0,this.dirty=!0,this.text=e,this.style=t,this.canvas=document.createElement(`canvas`),this.ctx=this.canvas.getContext(`2d`),this.texture=this.canvas}setText(e){this.text!==e&&(this.text=e,this.dirty=!0)}setStyle(e){Object.assign(this.style,e),this.dirty=!0}rebuild(){var e,t,n;if(!this.dirty)return;let r=this.ctx,i=this.style,a=this.text.split(`
+`),o=(e=i.padding)==null?{left:0,right:0,top:0,bottom:0}:e;r.font=`${(t=i.fontStyle)==null?``:t} ${i.fontSize}px ${i.fontFamily}`;let s=0;for(let e of a)s=Math.max(s,r.measureText(e).width);let c=i.fontSize*1.2;this.width=s+o.left+o.right,this.height=a.length*c+o.top+o.bottom,this.canvas.width=Math.ceil(this.width),this.canvas.height=Math.ceil(this.height),r.clearRect(0,0,this.canvas.width,this.canvas.height),r.font=`${(n=i.fontStyle)==null?``:n} ${i.fontSize}px ${i.fontFamily}`,r.fillStyle=i.color,r.textBaseline=`top`,i.shadow&&(r.shadowOffsetX=i.shadow.offsetX,r.shadowOffsetY=i.shadow.offsetY,r.shadowColor=i.shadow.color,r.shadowBlur=i.shadow.blur);let l=o.top;for(let e of a){let t=o.left,n=r.measureText(e).width;i.align===`center`?t+=(this.width-o.left-o.right-n)/2:i.align===`right`&&(t+=this.width-o.left-o.right-n),i.stroke&&i.strokeThickness&&(r.lineWidth=i.strokeThickness,r.strokeStyle=i.stroke,r.strokeText(e,t,l)),r.fillText(e,t,l),l+=c}this.dirty=!1}render(e){if(!this.texture)return;this.rebuild();let t=this.width||this.canvas.width,n=this.height;e.drawImage(this.texture,-t*this.originX,-n*this.originY,t,n)}};function v(e,t,n,r,i,a,o){try{var s=e[a](o),c=s.value}catch(e){n(e);return}s.done?t(c):Promise.resolve(c).then(r,i)}function y(e){return function(){var t=this,n=arguments;return new Promise(function(r,i){var a=e.apply(t,n);function o(e){v(a,r,i,o,s,`next`,e)}function s(e){v(a,r,i,o,s,`throw`,e)}o(void 0)})}}var b=class{constructor(e,t){this.key=e,this.url=t}},x=class extends b{load(){return new Promise((e,t)=>{let n=new Image;n.onload=()=>e(n),n.onerror=()=>t(Error(`Failed to load ${this.url}`)),n.src=this.url})}},S=class{constructor(e){this.queue=[],this.textures=e}image(e,t){return this.queue.push(new x(e,t)),this}load(){var e=this;return y(function*(){let t=e.queue.map(t=>t.load().then(n=>{t instanceof x&&e.textures.add(t.key,n)}));e.queue.length=0,yield Promise.all(t)})()}},C,w=class{constructor(){this.map=new Map}add(e,t){this.map.has(e)||this.map.set(e,t)}get(e){let t=this.map.get(e);if(!t)throw Error(`Asset ${e} not found`);return t}has(e){return this.map.has(e)}remove(e){this.map.delete(e)}clear(){this.map.clear()}},T=class{};C=T,C.textures=new w,C.loader=new S(C.textures);var E=class{constructor(e){this.rm=T,this.displayList=e}image(e,t,n,r=1){let i=new h(e,t,this.rm.textures.get(n),r);return this.displayList.add(i),i}},D=class{constructor(e,t){this.world=e,this.strategy=t}update(){this.world.objects.sort((e,t)=>this.strategy.getKey(e)-this.strategy.getKey(t)),this.world.objects.sort((e,t)=>e.zIndex-t.zIndex)}},O=class{constructor(e){this.elapsed=0,this.target=e.target,this.key=e.key,this.start=e.target[e.key],this.end=e.to,this.duration=e.duration,this.delay=e.delay||0;let t=e.easing||`Linear`;typeof t==`string`?this.easing=k[t]:this.easing=t}update(e){if(this.delay>0)return this.delay-=e,!1;this.elapsed+=e;let t=Math.min(this.elapsed/this.duration,1),n=this.easing(t);return this.target[this.key]=this.start+(this.end-this.start)*n,t===1?(this.target[this.key]=this.end,!0):!1}reset(){this.elapsed=0}};const k={Linear:e=>e,EaseOutBack:e=>{let t=3.70158,n=e-1;return 1+n*n*((t+1)*n+t)}};var A=class{constructor(e){for(let t in this.datas=[],this.finished=!1,this.loop=!1,e.to)this.datas.push(new O({target:e.target,key:t,to:e.to[t],duration:e.duration,easing:e.easing,delay:e.delay}));this.loop=e.loop||!1,this.onComplete=e.onComplete}update(e){if(this.finished)return;let t=!0;for(let n of this.datas)n.update(e)||(t=!1);if(t)if(this.loop)this.datas.forEach(e=>e.reset());else{var n;this.finished=!0,(n=this.onComplete)==null||n.call(this)}}},j=class{constructor(){this.tweens=[]}add(e){let t=new A(e);return this.tweens.push(t),t}update(e){for(let t of this.tweens)t.update(e);this.tweens=this.tweens.filter(e=>!e.finished)}},M=class{constructor(){this.objects=[]}add(e){this.objects.push(e)}update(e){for(let t of this.objects)t.update(e)}},N=class{constructor(e,t){this.world=new M,this.system=[],this.displayList=new g,this.add=new E(this.displayList),this.camera=new f(e),this.tween=new j,this.system.push(new D(this.world,t)),this.system.push(this.tween)}_boot(e){this.input=e.input,this.events=e.events,this.config=e.config}registerSystem(e){this.system.push(e)}create(){}resize(e,t){this.camera.setViewport(0,0,e,t)}update(e){for(let n of this.system){var t;(t=n.update)==null||t.call(n,e)}this.camera.update(),this.world.update(e)}},P=class{constructor(e=1,t=1){this.scaleX=e,this.scaleY=t}project(e,t){return{px:e*this.scaleX,py:t*this.scaleY}}},F=class{constructor(e,t,n){this.tileWidth=e,this.tileHeight=t,this.zHeight=n}project(e,t,n=0){return{px:(e-t)*this.tileWidth/2,py:(e+t)*this.tileHeight/2-n*this.zHeight}}},I=class{getKey(e){return e.x+e.y+e.z}},L=class{getKey(e){return e.zIndex}},R=class{constructor(e,t){this.lastTime=0,this.scene=null,this.config=l({width:window.innerWidth,height:window.innerHeight},t);let i=window.innerWidth/this.config.width,a=window.devicePixelRatio;e.width=this.config.width*i*a,e.height=this.config.height*i*a,e.style.width=`${this.config.width*i}px`,e.style.height=`${this.config.height*i}px`;let o=e.getContext(`2d`);if(!o)throw Error(`Canvas 2D context not found`);this.events=new r,this.input=new d(e,this.events),this.renderer=new n(o),o.scale(i*a,i*a)}start(e){this.scene=e,e._boot(this),e.registerSystem(this.input),e.registerSystem(this.events),e.create(),e.resize(this.config.width,this.config.height),window.requestAnimationFrame(this.loop.bind(this))}loop(e){let t=e-this.lastTime;this.lastTime=e,this.scene&&(this.scene.update(t),this.renderer.render(this.scene)),window.requestAnimationFrame(this.loop.bind(this))}};exports.Cache=w,exports.Camera=f,exports.CameraController=p,exports.DisplayList=g,exports.Easings=k,exports.Game=R,exports.GameObject=e,exports.ImageObject=h,exports.InputEventType=u,exports.InputSystem=d,exports.IsoProjection=F,exports.IsoStragety=I,exports.Projection2D=P,exports.ResourceManager=T,exports.Scene=N,exports.Text=_,exports.TweenManager=j,exports.ZIndexStragety=L;

package/dist/dao.js

@@ -1,80 +1,134 @@
-var Renderer = class {
-	constructor(l) {
-		this.ctx = l;
-	}
-	render(l) {
-		let k = this.ctx, A = l.camera;
-		k.clearRect(0, 0, k.canvas.width, k.canvas.height), A.apply(k), l.displayList.render(k);
-		for (let j of l.world.objects) {
-			let { px: l, py: M } = A.projection.project(j.x, j.y, j.z);
-			k.save(), k.translate(l, M), j.draw(k), k.restore();
+var GameObject = class {
+	constructor() {
+		this.x = 0, this.y = 0, this.z = 0, this.width = 0, this.height = 0, this.zIndex = 0, this.originX = 0, this.originY = 0, this.rotation = 0;
+	}
+	setOrigin(r, T) {
+		this.originX = r, this.originY = T;
+	}
+	draw(r, T) {
+		r.save(), r.rotate(this.rotation), this.render(r), r.restore();
+	}
+	render(r) {
+		if (!this.texture) return;
+		let T = this.width || this.texture.width, E = this.height || this.texture.height;
+		r.drawImage(this.texture, -T * this.originX, -E * this.originY, T, E);
+	}
+	update(r) {}
+}, Container = class extends GameObject {
+	constructor(...r) {
+		super(...r), this.x = 0, this.y = 0, this.z = 0, this.rotation = 0, this.scaleX = 1, this.scaleY = 1, this.children = [];
+	}
+	add(r) {
+		this.children.push(r), this.updateBounds();
+	}
+	updateBounds() {
+		if (!this.children.length) {
+			this.width = 0, this.height = 0;
+			return;
+		}
+		let r = Infinity, T = Infinity, E = -Infinity, D = -Infinity;
+		this.children.forEach((O) => {
+			let k = O.width || 0, A = O.height || 0, j = O.x, M = O.y;
+			r = Math.min(r, j), T = Math.min(T, M), E = Math.max(E, j + k), D = Math.max(D, M + A);
+		}), this.width = E - r, this.height = D - T;
+	}
+	remove(r) {
+		let T = this.children.indexOf(r);
+		T !== -1 && (this.children.splice(T, 1), this.updateBounds());
+	}
+	update(r) {
+		this.children.forEach((T) => {
+			var E;
+			return (E = T.update) == null ? void 0 : E.call(T, r);
+		});
+	}
+	draw(r, T) {
+		this.children.forEach((E) => {
+			this.drawChild(E, r, T);
+		});
+	}
+	drawChild(r, T, E) {
+		let D = this.width * this.originX, O = this.height * this.originY, k = Math.cos(this.rotation), A = Math.sin(this.rotation), j = (r.x - D) * this.scaleX, M = (r.y - O) * this.scaleY, N = this.x + j * k - M * A, P = this.y + j * A + M * k, F = this.z + r.z, I = this.rotation + r.rotation, { px: L, py: R } = E.projection.project(N, P, F);
+		console.log(N, P, this.x, this.y), T.save(), T.translate(L, R), T.rotate(I), r.render(T), T.restore();
+	}
+}, Renderer = class {
+	constructor(r) {
+		this.ctx = r;
+	}
+	render(r) {
+		let E = this.ctx, D = r.camera;
+		E.clearRect(0, 0, E.canvas.width, E.canvas.height), D.apply(E), r.displayList.render(E);
+		for (let O of r.world.objects) if (O instanceof Container) O.draw(E, D);
+		else {
+			let { px: r, py: T } = D.projection.project(O.x, O.y, O.z);
+			E.save(), E.translate(r, T), O.draw(E, D), E.restore();
 		}
-		A.restore(k);
+		D.restore(E);
 	}
 }, EventSystem = class {
 	constructor() {
 		this.events = /* @__PURE__ */ new Map();
 	}
-	on(l, k) {
-		this.events.has(l) || this.events.set(l, /* @__PURE__ */ new Set()), this.events.get(l).add(k);
+	on(r, T) {
+		this.events.has(r) || this.events.set(r, /* @__PURE__ */ new Set()), this.events.get(r).add(T);
 	}
-	off(l, k) {
-		this.events.has(l) && this.events.get(l).delete(k);
+	off(r, T) {
+		this.events.has(r) && this.events.get(r).delete(T);
 	}
-	emit(l, ...k) {
-		if (this.events.has(l)) for (let A of this.events.get(l)) A(...k);
+	emit(r, ...T) {
+		if (this.events.has(r)) for (let E of this.events.get(r)) E(...T);
 	}
 };
-function _typeof(l) {
+function _typeof(r) {
 	"@babel/helpers - typeof";
-	return _typeof = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(l) {
-		return typeof l;
-	} : function(l) {
-		return l && typeof Symbol == "function" && l.constructor === Symbol && l !== Symbol.prototype ? "symbol" : typeof l;
-	}, _typeof(l);
+	return _typeof = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(r) {
+		return typeof r;
+	} : function(r) {
+		return r && typeof Symbol == "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
+	}, _typeof(r);
 }
-function toPrimitive(l, k) {
-	if (_typeof(l) != "object" || !l) return l;
-	var j = l[Symbol.toPrimitive];
-	if (j !== void 0) {
-		var M = j.call(l, k || "default");
-		if (_typeof(M) != "object") return M;
+function toPrimitive(r, T) {
+	if (_typeof(r) != "object" || !r) return r;
+	var E = r[Symbol.toPrimitive];
+	if (E !== void 0) {
+		var D = E.call(r, T || "default");
+		if (_typeof(D) != "object") return D;
 		throw TypeError("@@toPrimitive must return a primitive value.");
 	}
-	return (k === "string" ? String : Number)(l);
+	return (T === "string" ? String : Number)(r);
 }
-function toPropertyKey(l) {
-	var k = toPrimitive(l, "string");
-	return _typeof(k) == "symbol" ? k : k + "";
+function toPropertyKey(r) {
+	var T = toPrimitive(r, "string");
+	return _typeof(T) == "symbol" ? T : T + "";
 }
-function _defineProperty(l, k, A) {
-	return (k = toPropertyKey(k)) in l ? Object.defineProperty(l, k, {
-		value: A,
+function _defineProperty(r, T, E) {
+	return (T = toPropertyKey(T)) in r ? Object.defineProperty(r, T, {
+		value: E,
 		enumerable: !0,
 		configurable: !0,
 		writable: !0
-	}) : l[k] = A, l;
+	}) : r[T] = E, r;
 }
-function ownKeys(l, k) {
-	var A = Object.keys(l);
+function ownKeys(r, T) {
+	var E = Object.keys(r);
 	if (Object.getOwnPropertySymbols) {
-		var j = Object.getOwnPropertySymbols(l);
-		k && (j = j.filter(function(k) {
-			return Object.getOwnPropertyDescriptor(l, k).enumerable;
-		})), A.push.apply(A, j);
+		var D = Object.getOwnPropertySymbols(r);
+		T && (D = D.filter(function(T) {
+			return Object.getOwnPropertyDescriptor(r, T).enumerable;
+		})), E.push.apply(E, D);
 	}
-	return A;
+	return E;
 }
-function _objectSpread2(l) {
-	for (var k = 1; k < arguments.length; k++) {
-		var A = arguments[k] == null ? {} : arguments[k];
-		k % 2 ? ownKeys(Object(A), !0).forEach(function(k) {
-			_defineProperty(l, k, A[k]);
-		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(l, Object.getOwnPropertyDescriptors(A)) : ownKeys(Object(A)).forEach(function(k) {
-			Object.defineProperty(l, k, Object.getOwnPropertyDescriptor(A, k));
+function _objectSpread2(r) {
+	for (var T = 1; T < arguments.length; T++) {
+		var E = arguments[T] == null ? {} : arguments[T];
+		T % 2 ? ownKeys(Object(E), !0).forEach(function(T) {
+			_defineProperty(r, T, E[T]);
+		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(E)) : ownKeys(Object(E)).forEach(function(T) {
+			Object.defineProperty(r, T, Object.getOwnPropertyDescriptor(E, T));
 		});
 	}
-	return l;
+	return r;
 }
 const InputEventType = {
 	KEY_DOWN: Symbol("keyDown"),
@@ -84,7 +138,7 @@ const InputEventType = {
 	POINTER_UP: Symbol("pointerUp")
 };
 var InputSystem = class {
-	constructor(l, k) {
+	constructor(r, T) {
 		this.keys = /* @__PURE__ */ new Set(), this.pointer = {
 			x: 0,
 			y: 0,
@@ -94,51 +148,51 @@ var InputSystem = class {
 			justDown: !1,
 			justUp: !1,
 			id: null
-		}, this.target = l, this.events = k, window.addEventListener("keydown", (l) => {
-			l.preventDefault(), this.keys.add(l.code), this.events.emit(InputEventType.KEY_DOWN, l);
-		}), window.addEventListener("keyup", (l) => {
-			this.keys.delete(l.code), this.events.emit(InputEventType.KEY_UP, l);
-		}), l.addEventListener("mousedown", this.onDown.bind(this)), l.addEventListener("mousemove", this.onMove.bind(this)), l.addEventListener("mouseup", this.onUp.bind(this)), l.addEventListener("touchstart", this.onDown.bind(this), { passive: !1 }), l.addEventListener("touchmove", this.onMove.bind(this), { passive: !1 }), l.addEventListener("touchend", this.onUp.bind(this));
+		}, this.target = r, this.events = T, window.addEventListener("keydown", (r) => {
+			r.preventDefault(), this.keys.add(r.code), this.events.emit(InputEventType.KEY_DOWN, r);
+		}), window.addEventListener("keyup", (r) => {
+			this.keys.delete(r.code), this.events.emit(InputEventType.KEY_UP, r);
+		}), r.addEventListener("mousedown", this.onDown.bind(this)), r.addEventListener("mousemove", this.onMove.bind(this)), r.addEventListener("mouseup", this.onUp.bind(this)), r.addEventListener("touchstart", this.onDown.bind(this), { passive: !1 }), r.addEventListener("touchmove", this.onMove.bind(this), { passive: !1 }), r.addEventListener("touchend", this.onUp.bind(this));
 	}
 	update() {
 		this.pointer.justDown = !1, this.pointer.justUp = !1, this.pointer.dx = 0, this.pointer.dy = 0;
 	}
-	isKeyboardDown(l) {
-		return this.keys.has(l);
+	isKeyboardDown(r) {
+		return this.keys.has(r);
 	}
-	onDown(l) {
-		l.preventDefault();
-		let k = this._getPoint(l);
-		if (!k) {
+	onDown(r) {
+		r.preventDefault();
+		let T = this._getPoint(r);
+		if (!T) {
 			console.warn("missing point");
 			return;
 		}
-		this.pointer.down = !0, this.pointer.justDown = !0, this.pointer.x = k.x, this.pointer.y = k.y, this.pointer.id = k.id, this.events.emit(InputEventType.POINTER_DOWN, _objectSpread2({}, this.pointer));
+		this.pointer.down = !0, this.pointer.justDown = !0, this.pointer.x = T.x, this.pointer.y = T.y, this.pointer.id = T.id, this.events.emit(InputEventType.POINTER_DOWN, _objectSpread2({}, this.pointer));
 	}
-	onMove(l) {
+	onMove(r) {
 		if (!this.pointer.down) return;
-		l.preventDefault();
-		let k = this._getPoint(l);
-		if (!k) {
+		r.preventDefault();
+		let T = this._getPoint(r);
+		if (!T) {
 			console.warn("missing point");
 			return;
 		}
-		this.pointer.dx += k.x - this.pointer.x, this.pointer.dy += k.y - this.pointer.y, this.pointer.x = k.x, this.pointer.y = k.y, this.events.emit(InputEventType.POINTER_MOVE, _objectSpread2({}, this.pointer));
+		this.pointer.dx += T.x - this.pointer.x, this.pointer.dy += T.y - this.pointer.y, this.pointer.x = T.x, this.pointer.y = T.y, this.events.emit(InputEventType.POINTER_MOVE, _objectSpread2({}, this.pointer));
 	}
 	onUp() {
 		this.pointer.down = !1, this.pointer.justUp = !0, this.pointer.id = null, this.events.emit(InputEventType.POINTER_UP, _objectSpread2({}, this.pointer));
 	}
-	_getPoint(l) {
-		let k = this.target.getBoundingClientRect(), A, j, M = "mouse";
-		if (l instanceof TouchEvent) {
-			let k = l.touches[0] || l.changedTouches[0];
-			if (!k) return;
-			A = k.clientX, j = k.clientY, M = k.identifier;
-		} else A = l.clientX, j = l.clientY;
+	_getPoint(r) {
+		let T = this.target.getBoundingClientRect(), E, D, O = "mouse";
+		if (r instanceof TouchEvent) {
+			let T = r.touches[0] || r.changedTouches[0];
+			if (!T) return;
+			E = T.clientX, D = T.clientY, O = T.identifier;
+		} else E = r.clientX, D = r.clientY;
 		return {
-			x: A - k.left,
-			y: j - k.top,
-			id: M
+			x: E - T.left,
+			y: D - T.top,
+			id: O
 		};
 	}
 }, Camera = class {
@@ -148,148 +202,185 @@ var InputSystem = class {
 	get height() {
 		return this.viewport.height;
 	}
-	constructor(l) {
+	constructor(r) {
 		this.viewport = {
 			x: 0,
 			y: 0,
 			width: 0,
 			height: 0
-		}, this.x = 0, this.y = 0, this.zoom = 1, this._followLerp = 1, this._offsetX = 0, this._offsetY = 0, this.originX = 0, this.originY = 0, this.projection = l;
+		}, this.x = 0, this.y = 0, this.zoom = 1, this._followLerp = 1, this._offsetX = 0, this._offsetY = 0, this.originX = 0, this.originY = 0, this.projection = r;
 	}
-	setOrigin(l, k) {
-		this.originX = l, this.originY = k;
+	setOrigin(r, T) {
+		this.originX = r, this.originY = T;
 	}
-	setViewport(l, k, A, j) {
+	setViewport(r, T, E, D) {
 		this.viewport = {
-			x: l,
-			y: k,
-			width: A,
-			height: j
+			x: r,
+			y: T,
+			width: E,
+			height: D
 		};
 	}
-	apply(l) {
-		l.save(), l.translate(this.originX * this.viewport.width, this.originY * this.viewport.height), l.scale(this.zoom, this.zoom), l.translate(-Math.round(this.x), -Math.round(this.y));
+	apply(r) {
+		r.save(), r.translate(this.originX * this.viewport.width, this.originY * this.viewport.height), r.scale(this.zoom, this.zoom), r.translate(-Math.round(this.x), -Math.round(this.y));
 	}
-	restore(l) {
-		l.restore();
+	restore(r) {
+		r.restore();
 	}
-	project(l, k, A = 0) {
-		let { px: j, py: M } = this.projection.project(l, k, A);
+	project(r, T, E = 0) {
+		let { px: D, py: O } = this.projection.project(r, T, E);
 		return {
-			px: j - this.x,
-			py: M - this.y
+			px: D - this.x,
+			py: O - this.y
 		};
 	}
-	follow(l, k) {
-		var A, j, M;
-		this._followTarget = l, this._followLerp = (A = k == null ? void 0 : k.lerp) == null ? 1 : A, this._offsetX = (j = k == null ? void 0 : k.offsetX) == null ? 0 : j, this._offsetY = (M = k == null ? void 0 : k.offsetY) == null ? 0 : M;
+	follow(r, T) {
+		var E, D, O;
+		this._followTarget = r, this._followLerp = (E = T == null ? void 0 : T.lerp) == null ? 1 : E, this._offsetX = (D = T == null ? void 0 : T.offsetX) == null ? 0 : D, this._offsetY = (O = T == null ? void 0 : T.offsetY) == null ? 0 : O;
 	}
 	stopFollow() {
 		this._followTarget = void 0;
 	}
 	update() {
 		if (!this._followTarget) return;
-		let { x: l, y: k, z: A } = this._followTarget, { px: j, py: M } = this.project(l, k, A), N = j + this._offsetX, P = M + this._offsetY;
-		this.x += N * this._followLerp, this.y += P * this._followLerp;
+		let { x: r, y: T, z: E } = this._followTarget, { px: D, py: O } = this.project(r, T, E), k = D + this._offsetX, A = O + this._offsetY;
+		this.x += k * this._followLerp, this.y += A * this._followLerp;
 	}
 }, CameraController = class {
-	constructor(l, k) {
-		this.speed = 300, this.camera = l, this.input = k;
+	constructor(r, T) {
+		this.speed = 300, this.camera = r, this.input = T;
 	}
-	update(l) {
-		let k = this.speed * l / 1e3;
-		this.input.isKeyboardDown("ArrowUp") && (this.camera.y += k), this.input.isKeyboardDown("ArrowDown") && (this.camera.y -= k), this.input.isKeyboardDown("ArrowLeft") && (this.camera.x += k), this.input.isKeyboardDown("ArrowRight") && (this.camera.x -= k);
+	update(r) {
+		let T = this.speed * r / 1e3;
+		this.input.isKeyboardDown("ArrowUp") && (this.camera.y += T), this.input.isKeyboardDown("ArrowDown") && (this.camera.y -= T), this.input.isKeyboardDown("ArrowLeft") && (this.camera.x += T), this.input.isKeyboardDown("ArrowRight") && (this.camera.x -= T);
 	}
 }, DisplayObject = class {
 	constructor() {
 		this.x = 0, this.y = 0, this.originX = .5, this.originY = .5;
 	}
 }, ImageObject = class extends DisplayObject {
-	constructor(l, k, A, j = 1) {
-		super(), this.resolution = 1, this.x = l, this.y = k, this.texture = A, this.resolution = j, this.width = A.width / j, this.height = A.height / j;
+	constructor(r, T, E, D = 1) {
+		super(), this.resolution = 1, this.x = r, this.y = T, this.texture = E, this.resolution = D, this.width = E.width / D, this.height = E.height / D;
 	}
-	render(l) {
-		l.drawImage(this.texture, this.x - this.width * this.originX, this.y - this.height * this.originY, this.width, this.height);
+	render(r) {
+		r.drawImage(this.texture, this.x - this.width * this.originX, this.y - this.height * this.originY, this.width, this.height);
 	}
 }, DisplayList = class {
 	constructor() {
 		this.list = [];
 	}
-	add(l) {
-		this.list.push(l);
+	add(r) {
+		this.list.push(r);
+	}
+	render(r) {
+		this.list.forEach((T) => T.render(r));
+	}
+}, Text = class extends GameObject {
+	constructor(r, T) {
+		super(), this.x = 0, this.y = 0, this.visible = !0, this.width = 0, this.height = 0, this.dirty = !0, this.text = r, this.style = T, this.canvas = document.createElement("canvas"), this.ctx = this.canvas.getContext("2d"), this.texture = this.canvas;
+	}
+	setText(r) {
+		this.text !== r && (this.text = r, this.dirty = !0);
+	}
+	setStyle(r) {
+		Object.assign(this.style, r), this.dirty = !0;
+	}
+	rebuild() {
+		var r, T, E;
+		if (!this.dirty) return;
+		let D = this.ctx, O = this.style, k = this.text.split("\n"), A = (r = O.padding) == null ? {
+			left: 0,
+			right: 0,
+			top: 0,
+			bottom: 0
+		} : r;
+		D.font = `${(T = O.fontStyle) == null ? "" : T} ${O.fontSize}px ${O.fontFamily}`;
+		let j = 0;
+		for (let r of k) j = Math.max(j, D.measureText(r).width);
+		let M = O.fontSize * 1.2;
+		this.width = j + A.left + A.right, this.height = k.length * M + A.top + A.bottom, this.canvas.width = Math.ceil(this.width), this.canvas.height = Math.ceil(this.height), D.clearRect(0, 0, this.canvas.width, this.canvas.height), D.font = `${(E = O.fontStyle) == null ? "" : E} ${O.fontSize}px ${O.fontFamily}`, D.fillStyle = O.color, D.textBaseline = "top", O.shadow && (D.shadowOffsetX = O.shadow.offsetX, D.shadowOffsetY = O.shadow.offsetY, D.shadowColor = O.shadow.color, D.shadowBlur = O.shadow.blur);
+		let N = A.top;
+		for (let r of k) {
+			let T = A.left, E = D.measureText(r).width;
+			O.align === "center" ? T += (this.width - A.left - A.right - E) / 2 : O.align === "right" && (T += this.width - A.left - A.right - E), O.stroke && O.strokeThickness && (D.lineWidth = O.strokeThickness, D.strokeStyle = O.stroke, D.strokeText(r, T, N)), D.fillText(r, T, N), N += M;
+		}
+		this.dirty = !1;
 	}
-	render(l) {
-		this.list.forEach((k) => k.render(l));
+	render(r) {
+		if (!this.texture) return;
+		this.rebuild();
+		let T = this.width || this.canvas.width, E = this.height;
+		r.drawImage(this.texture, -T * this.originX, -E * this.originY, T, E);
 	}
 };
-function asyncGeneratorStep(l, k, A, j, M, N, P) {
+function asyncGeneratorStep(r, T, E, D, O, k, A) {
 	try {
-		var F = l[N](P), I = F.value;
-	} catch (l) {
-		A(l);
+		var j = r[k](A), M = j.value;
+	} catch (r) {
+		E(r);
 		return;
 	}
-	F.done ? k(I) : Promise.resolve(I).then(j, M);
+	j.done ? T(M) : Promise.resolve(M).then(D, O);
 }
-function _asyncToGenerator(l) {
+function _asyncToGenerator(r) {
 	return function() {
-		var k = this, A = arguments;
-		return new Promise(function(j, M) {
-			var N = l.apply(k, A);
-			function P(l) {
-				asyncGeneratorStep(N, j, M, P, F, "next", l);
+		var T = this, E = arguments;
+		return new Promise(function(D, O) {
+			var k = r.apply(T, E);
+			function A(r) {
+				asyncGeneratorStep(k, D, O, A, j, "next", r);
 			}
-			function F(l) {
-				asyncGeneratorStep(N, j, M, P, F, "throw", l);
+			function j(r) {
+				asyncGeneratorStep(k, D, O, A, j, "throw", r);
 			}
-			P(void 0);
+			A(void 0);
 		});
 	};
 }
 var File = class {
-	constructor(l, k) {
-		this.key = l, this.url = k;
+	constructor(r, T) {
+		this.key = r, this.url = T;
 	}
 }, ImageFile = class extends File {
 	load() {
-		return new Promise((l, k) => {
-			let A = new Image();
-			A.onload = () => l(A), A.onerror = () => k(/* @__PURE__ */ Error(`Failed to load ${this.url}`)), A.src = this.url;
+		return new Promise((r, T) => {
+			let E = new Image();
+			E.onload = () => r(E), E.onerror = () => T(/* @__PURE__ */ Error(`Failed to load ${this.url}`)), E.src = this.url;
 		});
 	}
 }, Loader = class {
-	constructor(l) {
-		this.queue = [], this.textures = l;
+	constructor(r) {
+		this.queue = [], this.textures = r;
 	}
-	image(l, k) {
-		return this.queue.push(new ImageFile(l, k)), this;
+	image(r, T) {
+		return this.queue.push(new ImageFile(r, T)), this;
 	}
 	load() {
-		var l = this;
+		var r = this;
 		return _asyncToGenerator(function* () {
-			let k = l.queue.map((k) => k.load().then((A) => {
-				k instanceof ImageFile && l.textures.add(k.key, A);
+			let T = r.queue.map((T) => T.load().then((E) => {
+				T instanceof ImageFile && r.textures.add(T.key, E);
 			}));
-			l.queue.length = 0, yield Promise.all(k);
+			r.queue.length = 0, yield Promise.all(T);
 		})();
 	}
 }, _ResourceManager, Cache = class {
 	constructor() {
 		this.map = /* @__PURE__ */ new Map();
 	}
-	add(l, k) {
-		this.map.has(l) || this.map.set(l, k);
+	add(r, T) {
+		this.map.has(r) || this.map.set(r, T);
 	}
-	get(l) {
-		let k = this.map.get(l);
-		if (!k) throw Error(`Asset ${l} not found`);
-		return k;
+	get(r) {
+		let T = this.map.get(r);
+		if (!T) throw Error(`Asset ${r} not found`);
+		return T;
 	}
-	has(l) {
-		return this.map.has(l);
+	has(r) {
+		return this.map.has(r);
 	}
-	remove(l) {
-		this.map.delete(l);
+	remove(r) {
+		this.map.delete(r);
 	}
 	clear() {
 		this.map.clear();
@@ -297,170 +388,154 @@ var File = class {
 }, ResourceManager = class {};
 _ResourceManager = ResourceManager, _ResourceManager.textures = new Cache(), _ResourceManager.loader = new Loader(_ResourceManager.textures);
 var AddFactory = class {
-	constructor(l) {
-		this.rm = ResourceManager, this.displayList = l;
+	constructor(r) {
+		this.rm = ResourceManager, this.displayList = r;
 	}
-	image(l, k, A, j = 1) {
-		let M = new ImageObject(l, k, this.rm.textures.get(A), j);
-		return this.displayList.add(M), M;
+	image(r, T, E, D = 1) {
+		let O = new ImageObject(r, T, this.rm.textures.get(E), D);
+		return this.displayList.add(O), O;
 	}
 }, SortSystem = class {
-	constructor(l, k) {
-		this.world = l, this.strategy = k;
+	constructor(r, T) {
+		this.world = r, this.strategy = T;
 	}
 	update() {
-		this.world.objects.sort((l, k) => this.strategy.getKey(l) - this.strategy.getKey(k)), this.world.objects.sort((l, k) => l.zIndex - k.zIndex);
+		this.world.objects.sort((r, T) => this.strategy.getKey(r) - this.strategy.getKey(T)), this.world.objects.sort((r, T) => r.zIndex - T.zIndex);
 	}
 }, TweenData = class {
-	constructor(l) {
-		this.elapsed = 0, this.target = l.target, this.key = l.key, this.start = l.target[l.key], this.end = l.to, this.duration = l.duration, this.delay = l.delay || 0;
-		let k = l.easing || "Linear";
-		typeof k == "string" ? this.easing = Easings[k] : this.easing = k;
+	constructor(r) {
+		this.elapsed = 0, this.target = r.target, this.key = r.key, this.start = r.target[r.key], this.end = r.to, this.duration = r.duration, this.delay = r.delay || 0;
+		let T = r.easing || "Linear";
+		typeof T == "string" ? this.easing = Easings[T] : this.easing = T;
 	}
-	update(l) {
-		if (this.delay > 0) return this.delay -= l, !1;
-		this.elapsed += l;
-		let k = Math.min(this.elapsed / this.duration, 1), A = this.easing(k);
-		return this.target[this.key] = this.start + (this.end - this.start) * A, k === 1 ? (this.target[this.key] = this.end, !0) : !1;
+	update(r) {
+		if (this.delay > 0) return this.delay -= r, !1;
+		this.elapsed += r;
+		let T = Math.min(this.elapsed / this.duration, 1), E = this.easing(T);
+		return this.target[this.key] = this.start + (this.end - this.start) * E, T === 1 ? (this.target[this.key] = this.end, !0) : !1;
 	}
 	reset() {
 		this.elapsed = 0;
 	}
 };
 const Easings = {
-	Linear: (l) => l,
-	EaseOutBack: (l) => {
-		let k = 3.70158, A = l - 1;
-		return 1 + A * A * ((k + 1) * A + k);
+	Linear: (r) => r,
+	EaseOutBack: (r) => {
+		let T = 3.70158, E = r - 1;
+		return 1 + E * E * ((T + 1) * E + T);
 	}
 };
 var Tween = class {
-	constructor(l) {
-		for (let k in this.datas = [], this.finished = !1, this.loop = !1, l.to) this.datas.push(new TweenData({
-			target: l.target,
-			key: k,
-			to: l.to[k],
-			duration: l.duration,
-			easing: l.easing,
-			delay: l.delay
+	constructor(r) {
+		for (let T in this.datas = [], this.finished = !1, this.loop = !1, r.to) this.datas.push(new TweenData({
+			target: r.target,
+			key: T,
+			to: r.to[T],
+			duration: r.duration,
+			easing: r.easing,
+			delay: r.delay
 		}));
-		this.loop = l.loop || !1, this.onComplete = l.onComplete;
+		this.loop = r.loop || !1, this.onComplete = r.onComplete;
 	}
-	update(l) {
+	update(r) {
 		if (this.finished) return;
-		let k = !0;
-		for (let A of this.datas) A.update(l) || (k = !1);
-		if (k) if (this.loop) this.datas.forEach((l) => l.reset());
+		let T = !0;
+		for (let E of this.datas) E.update(r) || (T = !1);
+		if (T) if (this.loop) this.datas.forEach((r) => r.reset());
 		else {
-			var A;
-			this.finished = !0, (A = this.onComplete) == null || A.call(this);
+			var E;
+			this.finished = !0, (E = this.onComplete) == null || E.call(this);
 		}
 	}
 }, TweenManager = class {
 	constructor() {
 		this.tweens = [];
 	}
-	add(l) {
-		let k = new Tween(l);
-		return this.tweens.push(k), k;
+	add(r) {
+		let T = new Tween(r);
+		return this.tweens.push(T), T;
 	}
-	update(l) {
-		for (let k of this.tweens) k.update(l);
-		this.tweens = this.tweens.filter((l) => !l.finished);
+	update(r) {
+		for (let T of this.tweens) T.update(r);
+		this.tweens = this.tweens.filter((r) => !r.finished);
 	}
 }, World = class {
 	constructor() {
 		this.objects = [];
 	}
-	add(l) {
-		this.objects.push(l);
+	add(r) {
+		this.objects.push(r);
 	}
-	update(l) {
-		for (let k of this.objects) k.update(l);
+	update(r) {
+		for (let T of this.objects) T.update(r);
 	}
 }, Scene = class {
-	constructor(l, k) {
-		this.world = new World(), this.system = [], this.displayList = new DisplayList(), this.add = new AddFactory(this.displayList), this.camera = new Camera(l), this.tween = new TweenManager(), this.system.push(new SortSystem(this.world, k)), this.system.push(this.tween);
+	constructor(r, T) {
+		this.world = new World(), this.system = [], this.displayList = new DisplayList(), this.add = new AddFactory(this.displayList), this.camera = new Camera(r), this.tween = new TweenManager(), this.system.push(new SortSystem(this.world, T)), this.system.push(this.tween);
 	}
-	_boot(l) {
-		this.input = l.input, this.events = l.events, this.config = l.config;
+	_boot(r) {
+		this.input = r.input, this.events = r.events, this.config = r.config;
 	}
-	registerSystem(l) {
-		this.system.push(l);
+	registerSystem(r) {
+		this.system.push(r);
 	}
 	create() {}
-	resize(l, k) {
-		this.camera.setViewport(0, 0, l, k);
+	resize(r, T) {
+		this.camera.setViewport(0, 0, r, T);
 	}
-	update(l) {
-		for (let A of this.system) {
-			var k;
-			(k = A.update) == null || k.call(A, l);
+	update(r) {
+		for (let E of this.system) {
+			var T;
+			(T = E.update) == null || T.call(E, r);
 		}
-		this.camera.update(), this.world.update(l);
-	}
-}, GameObject = class {
-	constructor(l, k, A = 0) {
-		this.width = 0, this.height = 0, this.zIndex = 0, this.originX = 0, this.originY = 0, this.rotation = 0, this.x = l, this.y = k, this.z = A;
-	}
-	setOrigin(l, k) {
-		this.originX = l, this.originY = k;
-	}
-	draw(l) {
-		l.save(), l.rotate(this.rotation), this.render(l), l.restore();
-	}
-	render(l) {
-		if (!this.texture) return;
-		let k = this.width || this.texture.width, A = this.height || this.texture.height;
-		l.drawImage(this.texture, -k * this.originX, -A * this.originY, k, A);
+		this.camera.update(), this.world.update(r);
 	}
-	update(l) {}
 }, Projection2D = class {
-	constructor(l = 1, k = 1) {
-		this.scaleX = l, this.scaleY = k;
+	constructor(r = 1, T = 1) {
+		this.scaleX = r, this.scaleY = T;
 	}
-	project(l, k) {
+	project(r, T) {
 		return {
-			px: l * this.scaleX,
-			py: k * this.scaleY
+			px: r * this.scaleX,
+			py: T * this.scaleY
 		};
 	}
 }, IsoProjection = class {
-	constructor(l, k, A) {
-		this.tileWidth = l, this.tileHeight = k, this.zHeight = A;
+	constructor(r, T, E) {
+		this.tileWidth = r, this.tileHeight = T, this.zHeight = E;
 	}
-	project(l, k, A = 0) {
+	project(r, T, E = 0) {
 		return {
-			px: (l - k) * this.tileWidth / 2,
-			py: (l + k) * this.tileHeight / 2 - A * this.zHeight
+			px: (r - T) * this.tileWidth / 2,
+			py: (r + T) * this.tileHeight / 2 - E * this.zHeight
 		};
 	}
 }, IsoStragety = class {
-	getKey(l) {
-		return l.x + l.y + l.z;
+	getKey(r) {
+		return r.x + r.y + r.z;
 	}
 }, ZIndexStragety = class {
-	getKey(l) {
-		return l.zIndex;
+	getKey(r) {
+		return r.zIndex;
 	}
 }, Game = class {
-	constructor(A, j) {
+	constructor(r, T) {
 		this.lastTime = 0, this.scene = null, this.config = _objectSpread2({
 			width: window.innerWidth,
 			height: window.innerHeight
-		}, j);
-		let M = window.innerWidth / this.config.width, N = window.devicePixelRatio;
-		A.width = this.config.width * M * N, A.height = this.config.height * M * N, A.style.width = `${this.config.width * M}px`, A.style.height = `${this.config.height * M}px`;
-		let P = A.getContext("2d");
-		if (!P) throw Error("Canvas 2D context not found");
-		this.events = new EventSystem(), this.input = new InputSystem(A, this.events), this.renderer = new Renderer(P), P.scale(M * N, M * N);
+		}, T);
+		let O = window.innerWidth / this.config.width, k = window.devicePixelRatio;
+		r.width = this.config.width * O * k, r.height = this.config.height * O * k, r.style.width = `${this.config.width * O}px`, r.style.height = `${this.config.height * O}px`;
+		let A = r.getContext("2d");
+		if (!A) throw Error("Canvas 2D context not found");
+		this.events = new EventSystem(), this.input = new InputSystem(r, this.events), this.renderer = new Renderer(A), A.scale(O * k, O * k);
 	}
-	start(l) {
-		this.scene = l, l._boot(this), l.registerSystem(this.input), l.registerSystem(this.events), l.create(), l.resize(this.config.width, this.config.height), window.requestAnimationFrame(this.loop.bind(this));
+	start(r) {
+		this.scene = r, r._boot(this), r.registerSystem(this.input), r.registerSystem(this.events), r.create(), r.resize(this.config.width, this.config.height), window.requestAnimationFrame(this.loop.bind(this));
 	}
-	loop(l) {
-		let k = l - this.lastTime;
-		this.lastTime = l, this.scene && (this.scene.update(k), this.renderer.render(this.scene)), window.requestAnimationFrame(this.loop.bind(this));
+	loop(r) {
+		let T = r - this.lastTime;
+		this.lastTime = r, this.scene && (this.scene.update(T), this.renderer.render(this.scene)), window.requestAnimationFrame(this.loop.bind(this));
 	}
 };
-export { Cache, Camera, CameraController, Easings, Game, GameObject, InputEventType, InputSystem, IsoProjection, IsoStragety, Projection2D, ResourceManager, Scene, TweenManager, ZIndexStragety };
+export { Cache, Camera, CameraController, DisplayList, Easings, Game, GameObject, ImageObject, InputEventType, InputSystem, IsoProjection, IsoStragety, Projection2D, ResourceManager, Scene, Text, TweenManager, ZIndexStragety };

package/dist/main.d.ts

@@ -9,6 +9,7 @@ export * from './ResourceManager';
 export * from './SortStragety';
 export * from './system/TweenManager';
 export * from './Camera';
+export * from './Display';
 export type GameConfig = {
     width?: number;
     height?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sepveneto/dao",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "type": "module",
   "scripts": {
     "dev": "vite",