@safe-engine/pixi 8.4.6 → 8.5.1

package/README.md

@@ -13,11 +13,12 @@ Safex is an open-source game engine written in TypeScript, combining the power o
 - All components must be extends from `ComponentX` or `NoRenderComponentX`
 - `NoRenderComponentX` will append to component of parent node have `ComponentX`, `ComponentX` will be `addChild` to parent node
 - `node` property represent node, and can pass properties to assign
-- Example `<SpriteRender node={{ x: 5, y: 9 }} />`
+- Example `<SpriteRender node={{ xy: [5, 9] }} />`
 - `$ref` bind component with current class property as string
 - `$push` push component to list
-- `Array(2).map(i)` iteration repeat component 2 times
-- `Loading.listItems.map(item, i = 1)` iteration in static property
+- `$refNode` and `$pushNode` for `NodeComp` component from any component.
+- `Array(2).map(_, i)` iteration repeat component 2 times
+- `Loading.listItems.map(item, i = 1)` iteration in class static property
 - `listItems.map(item, i)` iteration in const variable
 
 ## Benefits
@@ -32,7 +33,7 @@ Safex is an open-source game engine written in TypeScript, combining the power o
 npm install @safe-engine/pixi
 ```
 
-# Quick start
+# Show case
 
 ```sh
   git clone https://github.com/Safe-engine/pixi-safe-engine-demo
@@ -40,18 +41,8 @@ npm install @safe-engine/pixi
 
 ## Basic Example
 
-```tsx game.ts
-import { addGameCanvasTo, loadScene, startGameSystems } from 'safex'
-async function start() {
-  await addGameCanvasTo('canvasId')
-  startGameSystems()
-  loadScene(GameScene)
-}
-start()
-```
-
 ```tsx GameScene.tsx
-import { SceneComponent, LabelComp, ButtonComp, SpriteRender, instantiate } from 'safex'
+import { SceneComponent, LabelComp, ButtonComp, SpriteRender, instantiate } from '@safe-engine/pixi'
 import ColliderSprite from './ColliderSprite'
 
 export class GameScene extends ComponentX {
@@ -79,8 +70,8 @@ export class GameScene extends ComponentX {
           // onTouchEnd={this.onTouchEnd}
           onTouchMove={this.onTouchMove}
         />
-        <LabelComp $ref={this.label} node={{ x: 106, y: 240 }} string="Hello safex" font={defaultFont} />
-        <SpriteRender $ref={this.sprite} node={{ x: 500, y: 600 }} spriteFrame={'path/to/sprite.png'}>
+        <LabelComp $ref={this.label} node={{ xy: [106, 240] }} string="Hello safex" font={defaultFont} />
+        <SpriteRender $ref={this.sprite} node={{ xy: [500, 600] }} spriteFrame={'path/to/sprite.png'}>
           <ButtonComp onPress={this.onPress} />
         </SpriteRender>
       </SceneComponent>
@@ -92,17 +83,17 @@ export class GameScene extends ComponentX {
 ## Collider Events
 
 ```tsx
-import { BoxCollider, Collider, ComponentX, SpriteRender } from 'safex'
+import { BoxCollider, Collider, ComponentX, SpriteRender } from '@safe-engine/pixi'
 import { sf_crash } from '../assets'
 
 export class ColliderSprite extends ComponentX {
   onCollisionEnter(other: Collider) {
-    console.log(other.tag)
+    console.log(other.props.tag)
   }
 
   render() {
     return (
-      <SpriteRender node={{ x: 640, y: 360 }} spriteFrame={sf_crash}>
+      <SpriteRender node={{ xy: [640, 360] }} spriteFrame={sf_crash}>
         <BoxCollider height={100} width={100}></BoxCollider>
       </SpriteRender>
     )
@@ -113,17 +104,17 @@ export class ColliderSprite extends ComponentX {
 ## Physics Events
 
 ```tsx
-import { PhysicsBoxCollider, PhysicsCollider, RigidBody, ComponentX, SpriteRender } from 'safex'
+import { PhysicsBoxCollider, PhysicsCollider, RigidBody, ComponentX, SpriteRender } from '@safe-engine/pixi'
 import { sf_crash } from '../assets'
 
 export class PhysicsCollider extends ComponentX {
-  onCollisionEnter(col: PhysicsCollider) {
+  onCollisionEnter(col: RigidBody) {
     console.log('onCollisionEnter', col)
   }
 
   render() {
     return (
-      <SpriteRender node={{ x: 640, y: 360 }} spriteFrame={sf_crash}>
+      <SpriteRender node={{ xy: [640, 360] }} spriteFrame={sf_crash}>
         <RigidBody type="static"></RigidBody>
         <PhysicsBoxCollider height={100} width={100}></PhysicsBoxCollider>
       </SpriteRender>

package/dist/box2d-wasm/ContactListener.d.ts

@@ -1,4 +1,4 @@
-import { NodeComp } from "..";
+import { NodeComp } from '..';
 type Meta = {
     [key: number]: NodeComp;
 };

package/dist/box2d-wasm/ContactListener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContactListener.d.ts","sourceRoot":"","sources":["../../src/box2d-wasm/ContactListener.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAC;AAE9B,KAAK,IAAI,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAA;CAAE,CAAA;AACvC,eAAO,MAAM,mBAAmB,GAAI,OAAO,KAAK,CAAC,OAAO,EAAE,UAAU,IAAI,EAAE,OAAO,OAAO,KAAK;0BAWnE,KAAK,CAAC,SAAS,GAAG,MAAM,GAAG,IAAI;wBAwBjC,KAAK,CAAC,SAAS,GAAG,MAAM,GAAG,IAAI;sBAmBjC,KAAK,CAAC,SAAS,GAAG,MAAM,eAAe,KAAK,CAAC,UAAU,GAAG,MAAM,GAAG,IAAI;uBAGtE,KAAK,CAAC,SAAS,GAAG,MAAM,WAAW,KAAK,CAAC,gBAAgB,GAAG,MAAM,GAAG,IAAI;CAK/F,CAAA"}
+{"version":3,"file":"ContactListener.d.ts","sourceRoot":"","sources":["../../src/box2d-wasm/ContactListener.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,CAAA;AAG7B,KAAK,IAAI,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAA;CAAE,CAAA;AACvC,eAAO,MAAM,mBAAmB,GAAI,OAAO,KAAK,CAAC,OAAO,EAAE,UAAU,IAAI,EAAE,OAAO,OAAO,KAAK;0BAWnE,KAAK,CAAC,SAAS,GAAG,MAAM,GAAG,IAAI;wBAwBjC,KAAK,CAAC,SAAS,GAAG,MAAM,GAAG,IAAI;sBAmBjC,KAAK,CAAC,SAAS,GAAG,MAAM,eAAe,KAAK,CAAC,UAAU,GAAG,MAAM,GAAG,IAAI;uBAmBtE,KAAK,CAAC,SAAS,GAAG,MAAM,WAAW,KAAK,CAAC,gBAAgB,GAAG,MAAM,GAAG,IAAI;CAqB/F,CAAA"}

package/dist/box2d-wasm/ContactListener.js

@@ -1,10 +1,10 @@
-import { ColliderPhysics } from "./PhysicsComponent";
+import { RigidBody } from './PhysicsComponent';
 export const makeContactListener = (world, metadata, box2D) => {
     const { JSContactListener, getPointer, NULL } = box2D;
     function getContactById(contact) {
         for (let contactList = world.GetContactList(); getPointer(contactList) !== getPointer(NULL); contactList = contactList.GetNext()) {
             if (getPointer(contactList) === contact) {
-                console.log('contactBegin', contact, getPointer(contactList), getPointer(NULL));
+                // console.log('contactBegin', contact, getPointer(contactList), getPointer(NULL))
                 return contactList;
             }
         }
@@ -17,20 +17,20 @@ export const makeContactListener = (world, metadata, box2D) => {
             const ett1 = metadata[getPointer(contact.GetFixtureA().GetBody())];
             const ett2 = metadata[getPointer(contact.GetFixtureB().GetBody())];
             // world.addPostStepCallback(() => {
-            //   // log('addPostStepCallback');
             //   listRemoveShape.forEach((s) => world.removeShape(s))
             //   listRemoveBody.forEach((b) => world.removeBody(b))
             //   listRemoveBody = []
             //   listRemoveShape = []
             // })
-            const phys1 = ett1.getComponent(ColliderPhysics);
-            const phys2 = ett2.getComponent(ColliderPhysics);
+            const phys1 = ett1.getComponent(RigidBody);
+            const phys2 = ett2.getComponent(RigidBody);
+            // console.log('addPostStepCallback', ett1, phys1.props.onBeginContact, phys2.props)
             if (phys1 && phys2) {
-                if (Object.prototype.hasOwnProperty.call(phys1, 'onCollisionEnter')) {
-                    phys1.props.onCollisionEnter(phys2);
+                if (Object.prototype.hasOwnProperty.call(phys1.props, 'onBeginContact')) {
+                    phys1.props.onBeginContact(phys2);
                 }
-                if (Object.prototype.hasOwnProperty.call(phys2, 'onCollisionEnter')) {
-                    phys2.props.onCollisionEnter(phys1);
+                if (Object.prototype.hasOwnProperty.call(phys2.props, 'onBeginContact')) {
+                    phys2.props.onBeginContact(phys1);
                 }
             }
         },
@@ -41,24 +41,56 @@ export const makeContactListener = (world, metadata, box2D) => {
             const ett1 = metadata[getPointer(contact.GetFixtureA().GetBody())];
             const ett2 = metadata[getPointer(contact.GetFixtureB().GetBody())];
             // const event1 = ett1.getComponent(NodeComp)
-            const phys1 = ett1.getComponent(ColliderPhysics);
-            const phys2 = ett2.getComponent(ColliderPhysics);
+            const phys1 = ett1.getComponent(RigidBody);
+            const phys2 = ett2.getComponent(RigidBody);
             // const event2 = ett2.getComponent(NodeComp)
             if (phys1 && phys2) {
-                if (Object.prototype.hasOwnProperty.call(phys1, 'onCollisionExit')) {
-                    phys1.props.onCollisionExit(phys2);
+                if (Object.prototype.hasOwnProperty.call(phys1.props, 'onEndContact')) {
+                    phys1.props.onEndContact(phys2);
                 }
-                if (Object.prototype.hasOwnProperty.call(phys2, 'onCollisionExit')) {
-                    phys2.props.onCollisionExit(phys1);
+                if (Object.prototype.hasOwnProperty.call(phys2.props, 'onEndContact')) {
+                    phys2.props.onEndContact(phys1);
                 }
             }
         },
         PreSolve(contact, oldManifold) {
-            console.log('collisionSeparate');
+            if (typeof contact === 'number') {
+                contact = getContactById(contact);
+            }
+            const ett1 = metadata[getPointer(contact.GetFixtureA().GetBody())];
+            const ett2 = metadata[getPointer(contact.GetFixtureB().GetBody())];
+            // const event1 = ett1.getComponent(NodeComp)
+            const phys1 = ett1.getComponent(RigidBody);
+            const phys2 = ett2.getComponent(RigidBody);
+            // const event2 = ett2.getComponent(NodeComp)
+            if (phys1 && phys2) {
+                if (Object.prototype.hasOwnProperty.call(phys1.props, 'onPostSolve')) {
+                    phys1.props.onPostSolve(phys2, oldManifold);
+                }
+                if (Object.prototype.hasOwnProperty.call(phys2.props, 'onPostSolve')) {
+                    phys2.props.onPostSolve(phys1, oldManifold);
+                }
+            }
         },
         PostSolve(contact, impulse) {
-            console.log('collisionPost');
-        }
+            if (typeof contact === 'number') {
+                contact = getContactById(contact);
+            }
+            const ett1 = metadata[getPointer(contact.GetFixtureA().GetBody())];
+            const ett2 = metadata[getPointer(contact.GetFixtureB().GetBody())];
+            // const event1 = ett1.getComponent(NodeComp)
+            const phys1 = ett1.getComponent(RigidBody);
+            const phys2 = ett2.getComponent(RigidBody);
+            // const event2 = ett2.getComponent(NodeComp)
+            if (phys1 && phys2) {
+                if (Object.prototype.hasOwnProperty.call(phys1.props, 'onPostSolve')) {
+                    phys1.props.onPostSolve(phys2, impulse);
+                }
+                if (Object.prototype.hasOwnProperty.call(phys2.props, 'onPostSolve')) {
+                    phys2.props.onPostSolve(phys1, impulse);
+                }
+            }
+        },
     });
     return listener;
 };

package/dist/box2d-wasm/PhysicsComponent.d.ts

@@ -1,50 +1,47 @@
-import { BodyType, Vec2 } from 'planck';
-import { NoRenderComponentX } from '..';
+import { BaseComponentProps, Vec2 } from '..';
+import { NoRenderComponentX } from '../components/BaseComponent';
 import { PhysicsSprite } from './PhysicsSprite';
 interface RigidBodyProps {
-    type?: BodyType;
+    type?: 0 | 1 | 2;
     density?: Float;
     restitution?: Float;
     friction?: Float;
     gravityScale?: Float;
+    isSensor?: boolean;
+    tag?: number;
+    onBeginContact?: (other: RigidBody) => void;
+    onEndContact?: (other: RigidBody) => void;
+    onPreSolve?: (other: RigidBody, impulse?: any) => void;
+    onPostSolve?: (other: RigidBody, oldManifold?: any) => void;
 }
 export declare class RigidBody extends NoRenderComponentX<RigidBodyProps> {
     body: Box2D.b2Body;
-}
-interface PhysicsMaterialProps {
-    friction?: number;
-    restitution?: number;
-    density?: number;
-}
-export declare class PhysicsMaterial extends NoRenderComponentX<PhysicsMaterialProps> {
-}
-interface ColliderPhysicsProps {
-    tag?: number;
-    group?: number;
-    offset?: Vec2;
-    onCollisionEnter?: (other: ColliderPhysics) => void;
-    onCollisionExit?: (other: ColliderPhysics) => void;
-    onCollisionStay?: (other: ColliderPhysics) => void;
-}
-export declare class ColliderPhysics<T extends ColliderPhysicsProps = ColliderPhysicsProps> extends NoRenderComponentX<T, PhysicsSprite['node']> {
-    enabled: boolean;
-    instance: PhysicsSprite;
-}
-interface BoxColliderPhysicsProps extends ColliderPhysicsProps {
+    physicSprite: PhysicsSprite;
+    set linearVelocity(vel: Vec2);
+    get linearVelocity(): Vec2;
+    applyForceToCenter(vel: Vec2): void;
+    applyLinearImpulseToCenter(vel: Vec2): void;
+    set position(pos: Vec2);
+    get position(): Vec2;
+}
+interface BoxColliderPhysicsProps {
     width: number;
     height: number;
+    offset?: [number, number];
 }
-export declare class BoxColliderPhysics extends ColliderPhysics<BoxColliderPhysicsProps> {
+export declare class PhysicsBoxCollider extends NoRenderComponentX<BoxColliderPhysicsProps & BaseComponentProps<PhysicsBoxCollider>> {
 }
-interface CircleColliderPhysicsProps extends ColliderPhysicsProps {
+interface CircleColliderPhysicsProps {
     radius: number;
+    offset?: [number, number];
 }
-export declare class CircleColliderPhysics extends ColliderPhysics<CircleColliderPhysicsProps> {
+export declare class PhysicsCircleCollider extends NoRenderComponentX<CircleColliderPhysicsProps & BaseComponentProps<PhysicsCircleCollider>> {
 }
-interface PolygonColliderPhysicsProps extends ColliderPhysicsProps {
-    points: Array<Vec2>;
+interface PolygonColliderPhysicsProps {
+    points: Array<Vec2> | [number, number][];
+    offset?: [number, number];
 }
-export declare class PolygonColliderPhysics extends ColliderPhysics<PolygonColliderPhysicsProps> {
+export declare class PhysicsPolygonCollider extends NoRenderComponentX<PolygonColliderPhysicsProps & BaseComponentProps<PhysicsPolygonCollider>> {
 }
 export {};
 //# sourceMappingURL=PhysicsComponent.d.ts.map

package/dist/box2d-wasm/PhysicsComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhysicsComponent.d.ts","sourceRoot":"","sources":["../../src/box2d-wasm/PhysicsComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,IAAI,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB;AAED,qBAAa,SAAU,SAAQ,kBAAkB,CAAC,cAAc,CAAC;IAC/D,IAAI,EAAE,KAAK,CAAC,MAAM,CAAA;CAmBnB;AAED,UAAU,oBAAoB;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AACD,qBAAa,eAAgB,SAAQ,kBAAkB,CAAC,oBAAoB,CAAC;CAE5E;AAED,UAAU,oBAAoB;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,IAAI,CAAA;IACb,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IACnD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IAClD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;CACnD;AAED,qBAAa,eAAe,CAAC,CAAC,SAAS,oBAAoB,GAAG,oBAAoB,CAAE,SAAQ,kBAAkB,CAAC,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACtI,OAAO,UAAO;IACd,QAAQ,EAAE,aAAa,CAAA;CACxB;AAED,UAAU,uBAAwB,SAAQ,oBAAoB;IAC5D,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AACD,qBAAa,kBAAmB,SAAQ,eAAe,CAAC,uBAAuB,CAAC;CAW/E;AACD,UAAU,0BAA2B,SAAQ,oBAAoB;IAC/D,MAAM,EAAE,MAAM,CAAA;CACf;AACD,qBAAa,qBAAsB,SAAQ,eAAe,CAAC,0BAA0B,CAAC;CACrF;AACD,UAAU,2BAA4B,SAAQ,oBAAoB;IAChE,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,CAAA;CACpB;AACD,qBAAa,sBAAuB,SAAQ,eAAe,CAAC,2BAA2B,CAAC;CACvF"}
+{"version":3,"file":"PhysicsComponent.d.ts","sourceRoot":"","sources":["../../src/box2d-wasm/PhysicsComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,IAAI,EAAE,MAAM,IAAI,CAAA;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAG/C,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IAChB,OAAO,CAAC,EAAE,KAAK,CAAA;IACf,WAAW,CAAC,EAAE,KAAK,CAAA;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,YAAY,CAAC,EAAE,KAAK,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IAC3C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAA;IACzC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,CAAC,KAAA,KAAK,IAAI,CAAA;IACjD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,WAAW,CAAC,KAAA,KAAK,IAAI,CAAA;CACvD;AAED,qBAAa,SAAU,SAAQ,kBAAkB,CAAC,cAAc,CAAC;IAC/D,IAAI,EAAE,KAAK,CAAC,MAAM,CAAA;IAClB,YAAY,EAAE,aAAa,CAAA;IAC3B,IAAI,cAAc,CAAC,GAAG,EAAE,IAAI,EAK3B;IAED,IAAI,cAAc,IAPM,IAAI,CAa3B;IAED,kBAAkB,CAAC,GAAG,EAAE,IAAI;IAO5B,0BAA0B,CAAC,GAAG,EAAE,IAAI;IAQpC,IAAI,QAAQ,CAAC,GAAG,EAAE,IAAI,EASrB;IAED,IAAI,QAAQ,IAXM,IAAI,CAarB;CACF;AAED,UAAU,uBAAuB;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC1B;AACD,qBAAa,kBAAmB,SAAQ,kBAAkB,CAAC,uBAAuB,GAAG,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;CAS3H;AACD,UAAU,0BAA0B;IAClC,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC1B;AACD,qBAAa,qBAAsB,SAAQ,kBAAkB,CAAC,0BAA0B,GAAG,kBAAkB,CAAC,qBAAqB,CAAC,CAAC;CAAI;AACzI,UAAU,2BAA2B;IACnC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAA;IACxC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC1B;AACD,qBAAa,sBAAuB,SAAQ,kBAAkB,CAAC,2BAA2B,GAAG,kBAAkB,CAAC,sBAAsB,CAAC,CAAC;CAAI"}

package/dist/box2d-wasm/PhysicsComponent.js

@@ -1,17 +1,50 @@
-import { NoRenderComponentX } from '..';
+import { Vec2 } from '..';
+import { NoRenderComponentX } from '../components/BaseComponent';
+import { box2D } from './PhysicsSystem';
 export class RigidBody extends NoRenderComponentX {
-}
-export class PhysicsMaterial extends NoRenderComponentX {
-}
-export class ColliderPhysics extends NoRenderComponentX {
-    constructor() {
-        super(...arguments);
-        this.enabled = true;
+    set linearVelocity(vel) {
+        if (!this.node) {
+            return;
+        }
+        this.body.SetLinearVelocity(new box2D.b2Vec2(vel.x, vel.y));
+    }
+    get linearVelocity() {
+        if (!this.node) {
+            return Vec2.ZERO;
+        }
+        const vel = this.body.GetLinearVelocity();
+        return Vec2(vel);
+    }
+    applyForceToCenter(vel) {
+        if (!this.node) {
+            return;
+        }
+        this.body.ApplyForceToCenter(new box2D.b2Vec2(vel.x, vel.y), true);
+    }
+    applyLinearImpulseToCenter(vel) {
+        if (!this.node) {
+            return;
+        }
+        // console.log('applyLinearImpulseToCenter', new box2D.b2Vec2(vel.x, vel.y))
+        this.body.ApplyLinearImpulseToCenter(new box2D.b2Vec2(vel.x, vel.y), true);
+    }
+    set position(pos) {
+        this.physicSprite.node.position = Vec2(pos.x, pos.y);
+        const physicsPos = new box2D.b2Vec2(pos.x, pos.y);
+        // console.log('SetTransform', pos, physicsPos)
+        const body = this.body;
+        body.SetLinearVelocity(new box2D.b2Vec2(0, 0));
+        body.SetAngularVelocity(0);
+        body.SetAwake(true);
+        body.SetTransform(physicsPos, this.node.rotation);
+    }
+    get position() {
+        return Vec2(this.physicSprite.getBody().GetPosition());
     }
 }
-export class BoxColliderPhysics extends ColliderPhysics {
+export class PhysicsBoxCollider extends NoRenderComponentX {
 }
-export class CircleColliderPhysics extends ColliderPhysics {
+export class PhysicsCircleCollider extends NoRenderComponentX {
 }
-export class PolygonColliderPhysics extends ColliderPhysics {
+export class PhysicsPolygonCollider extends NoRenderComponentX {
 }

package/dist/box2d-wasm/PhysicsSprite.d.ts

@@ -3,6 +3,9 @@ export declare class PhysicsSprite {
     node: Container;
     physicsBody: Box2D.b2Body;
     constructor(node: Container, body: Box2D.b2Body);
+    update(dt: number): void;
+    getBody(): Box2D.b2Body;
+    set position(val: Box2D.b2Vec2);
     get x(): number;
     get y(): number;
     get angle(): number;

package/dist/box2d-wasm/PhysicsSprite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhysicsSprite.d.ts","sourceRoot":"","sources":["../../src/box2d-wasm/PhysicsSprite.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAEnC,qBAAa,aAAa;IACxB,IAAI,EAAE,SAAS,CAAA;IACf,WAAW,EAAE,KAAK,CAAC,MAAM,CAAA;gBAEb,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,MAAM;IAgB/C,IAAI,CAAC,WAEJ;IAED,IAAI,CAAC,WAEJ;IAMD,IAAI,KAAK,WAER;IAED,QAAQ,CAAC,KAAK,EAAE,SAAS;CAG1B"}
+{"version":3,"file":"PhysicsSprite.d.ts","sourceRoot":"","sources":["../../src/box2d-wasm/PhysicsSprite.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAGnC,qBAAa,aAAa;IACxB,IAAI,EAAE,SAAS,CAAA;IACf,WAAW,EAAE,KAAK,CAAC,MAAM,CAAA;gBAEb,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,MAAM;IAK/C,MAAM,CAAC,EAAE,EAAE,MAAM;IAkBjB,OAAO;IAIP,IAAI,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,EAE7B;IASD,IAAI,CAAC,WAEJ;IAED,IAAI,CAAC,WAEJ;IAMD,IAAI,KAAK,WAER;IAED,QAAQ,CAAC,KAAK,EAAE,SAAS;CAG1B"}

package/dist/box2d-wasm/PhysicsSprite.js

@@ -1,11 +1,29 @@
+import { Vec2, radiansToDegrees } from '..';
 export class PhysicsSprite {
     constructor(node, body) {
         this.node = node;
         this.physicsBody = body;
     }
-    // set position(val: Box2D.b2Vec2) {
-    //   this.physicsBody.setPosition(val)
-    // }
+    update(dt) {
+        if (!this.physicsBody) {
+            return;
+        }
+        // const pos = this.physicsBody.GetPosition()
+        // use lerp to smooth the position update
+        const pos = Vec2(lerp(this.node.x, this.physicsBody.GetPosition().x, dt * 10), lerp(this.node.y, this.physicsBody.GetPosition().y, dt * 10));
+        this.node.position = Vec2(pos.x, pos.y);
+        // lerp the rotation
+        this.node.rotation = lerp(this.node.rotation, radiansToDegrees(-this.physicsBody.GetAngle()), dt * 10);
+        // this.node.setRotation(radiansToDegrees(this.physicsBody.GetAngle()))
+        // this.node.setScale(1 / pixelsPerMeter)
+        // this.node.setScale(1 / this.physicsBody.GetFixtureList().GetShape().GetRadius())
+    }
+    getBody() {
+        return this.physicsBody;
+    }
+    set position(val) {
+        this.physicsBody.SetTransform(val, this.node.rotation);
+    }
     // set x(val) {
     //   this.physicsBody.setPosition(Vec2(val, this.y))
     // }
@@ -28,3 +46,6 @@ export class PhysicsSprite {
         this.node.addChild(child);
     }
 }
+function lerp(a, b, t) {
+    return a + (b - a) * t;
+}

package/dist/box2d-wasm/PhysicsSystem.d.ts

@@ -1,13 +1,15 @@
 import { EntityManager, EventManager, System } from 'entityx-ts';
 import { Graphics } from 'pixi.js';
 import { Vec2 } from '..';
+export declare const DynamicBody = 2;
+export declare const KinematicBody = 1;
+export declare const StaticBody = 0;
 export declare let box2D: typeof Box2D;
 export declare function initBox2d(): Promise<void>;
 export declare function setColliderMatrix(colliderMatrix?: boolean[][]): void;
 export declare class PhysicsSystem implements System {
     world: Box2D.b2World;
-    listRemoveBody: Body[];
-    listRemoveShape: Box2D.b2Shape[];
+    listRemoveBody: Box2D.b2Body[];
     colliderMatrix: boolean[][];
     graphics: Graphics;
     addDebug(): void;

package/dist/box2d-wasm/PhysicsSystem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhysicsSystem.d.ts","sourceRoot":"","sources":["../../src/box2d-wasm/PhysicsSystem.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAc,MAAM,EAAE,MAAM,YAAY,CAAA;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAElC,OAAO,EAAoC,IAAI,EAAE,MAAM,IAAI,CAAA;AAmB3D,eAAO,IAAI,KAAK,EAAE,OAAO,KAAK,CAAA;AAC9B,wBAAsB,SAAS,kBAE9B;AAED,wBAAgB,iBAAiB,CAAC,cAAc,cAAW,QAG1D;AAOD,qBAAa,aAAc,YAAW,MAAM;IAC1C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAA;IACpB,cAAc,EAAE,IAAI,EAAE,CAAK;IAC3B,eAAe,EAAE,KAAK,CAAC,OAAO,EAAE,CAAK;IACrC,cAAc,cAAW;IACzB,QAAQ,EAAE,QAAQ,CAAA;IAElB,QAAQ;IAKR,SAAS,CAAC,aAAa,EAAE,YAAY;IA0ErC,MAAM,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM;IAYhE,IAAI,OAAO,CAAC,GAAG,EAAE,IAAI,EAIpB;CACF"}
+{"version":3,"file":"PhysicsSystem.d.ts","sourceRoot":"","sources":["../../src/box2d-wasm/PhysicsSystem.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAc,MAAM,EAAE,MAAM,YAAY,CAAA;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAElC,OAAO,EAAoC,IAAI,EAAE,MAAM,IAAI,CAAA;AAY3D,eAAO,MAAM,WAAW,IAAI,CAAA;AAC5B,eAAO,MAAM,aAAa,IAAI,CAAA;AAC9B,eAAO,MAAM,UAAU,IAAI,CAAA;AAC3B,eAAO,IAAI,KAAK,EAAE,OAAO,KAAK,CAAA;AAE9B,wBAAsB,SAAS,kBAE9B;AAED,wBAAgB,iBAAiB,CAAC,cAAc,cAAW,QAG1D;AAOD,qBAAa,aAAc,YAAW,MAAM;IAC1C,KAAK,EAAE,KAAK,CAAC,OAAO,CAAA;IACpB,cAAc,EAAE,KAAK,CAAC,MAAM,EAAE,CAAK;IAEnC,cAAc,cAAW;IACzB,QAAQ,EAAE,QAAQ,CAAA;IAElB,QAAQ;IAKR,SAAS,CAAC,aAAa,EAAE,YAAY;IA8JrC,MAAM,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM;IA0BhE,IAAI,OAAO,CAAC,GAAG,EAAE,IAAI,EAIpB;CACF"}