@safe-engine/pixi 8.6.6 → 8.6.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -42,7 +42,7 @@ npm install @safe-engine/pixi
|
|
|
42
42
|
## Basic Example
|
|
43
43
|
|
|
44
44
|
```tsx GameScene.tsx
|
|
45
|
-
import { SceneComponent, LabelComp, ButtonComp, SpriteRender, instantiate } from '@safe-engine/pixi'
|
|
45
|
+
import { SceneComponent, LabelComp, ButtonComp, SpriteRender, instantiate, Touch } from '@safe-engine/pixi'
|
|
46
46
|
import ColliderSprite from './ColliderSprite'
|
|
47
47
|
|
|
48
48
|
export class GameScene extends ComponentX {
|
|
@@ -54,11 +54,11 @@ export class GameScene extends ComponentX {
|
|
|
54
54
|
this.label.string = 'Pressed'
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
onTouchMove(event:
|
|
58
|
-
console.log('onTouchMove', event.
|
|
57
|
+
onTouchMove(event: Touch) {
|
|
58
|
+
console.log('onTouchMove', event.getLocation())
|
|
59
59
|
const sprite = instantiate(ColliderSprite)
|
|
60
|
-
sprite.node.
|
|
61
|
-
sprite.node.
|
|
60
|
+
sprite.node.posX = event.getLocationX()
|
|
61
|
+
sprite.node.posY = event.getLocationY()
|
|
62
62
|
this.node.addChild(sprite)
|
|
63
63
|
}
|
|
64
64
|
|
|
@@ -66,8 +66,6 @@ export class GameScene extends ComponentX {
|
|
|
66
66
|
return (
|
|
67
67
|
<SceneComponent>
|
|
68
68
|
<TouchEventRegister
|
|
69
|
-
// onTouchStart={this.onTouchStart}
|
|
70
|
-
// onTouchEnd={this.onTouchEnd}
|
|
71
69
|
onTouchMove={this.onTouchMove}
|
|
72
70
|
/>
|
|
73
71
|
<LabelComp $ref={this.label} node={{ xy: [106, 240] }} string="Hello safex" font={defaultFont} />
|
|
@@ -83,7 +81,8 @@ export class GameScene extends ComponentX {
|
|
|
83
81
|
## Collider Events
|
|
84
82
|
|
|
85
83
|
```tsx
|
|
86
|
-
import {
|
|
84
|
+
import { ComponentX, SpriteRender } from '@safe-engine/pixi'
|
|
85
|
+
import { BoxCollider } from '@safe-engine/pixi/dist/collider'
|
|
87
86
|
import { sf_crash } from '../assets'
|
|
88
87
|
|
|
89
88
|
export class ColliderSprite extends ComponentX {
|
|
@@ -94,7 +93,7 @@ export class ColliderSprite extends ComponentX {
|
|
|
94
93
|
render() {
|
|
95
94
|
return (
|
|
96
95
|
<SpriteRender node={{ xy: [640, 360] }} spriteFrame={sf_crash}>
|
|
97
|
-
<BoxCollider height={100} width={100}
|
|
96
|
+
<BoxCollider height={100} width={100} onCollisionEnter={this.onCollisionEnter} />
|
|
98
97
|
</SpriteRender>
|
|
99
98
|
)
|
|
100
99
|
}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { EntityManager, EventManager, System } from 'entityx-ts';
|
|
2
|
-
import {
|
|
3
|
-
import { Collider, Contract } from './CollideComponent';
|
|
2
|
+
import { Collider } from './CollideComponent';
|
|
4
3
|
export declare function enabledDebugDraw(enable?: boolean): void;
|
|
5
4
|
export declare class CollideSystem implements System {
|
|
6
|
-
listColliders
|
|
7
|
-
_contracts
|
|
8
|
-
removeColliders
|
|
9
|
-
debugGraphics
|
|
5
|
+
private listColliders;
|
|
6
|
+
private _contracts;
|
|
7
|
+
private removeColliders;
|
|
8
|
+
private debugGraphics;
|
|
10
9
|
enabledDebugDraw: boolean;
|
|
11
10
|
enabled: boolean;
|
|
12
11
|
colliderMatrix: boolean[][];
|
|
@@ -18,9 +17,8 @@ export declare class CollideSystem implements System {
|
|
|
18
17
|
entity: any;
|
|
19
18
|
component: any;
|
|
20
19
|
}): void;
|
|
21
|
-
onRemoveCollider({ entity
|
|
20
|
+
onRemoveCollider({ entity }: {
|
|
22
21
|
entity: any;
|
|
23
|
-
component: any;
|
|
24
22
|
}): void;
|
|
25
23
|
}
|
|
26
24
|
//# sourceMappingURL=CollideSystem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollideSystem.d.ts","sourceRoot":"","sources":["../../src/collider/CollideSystem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAc,MAAM,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"CollideSystem.d.ts","sourceRoot":"","sources":["../../src/collider/CollideSystem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAc,MAAM,EAAE,MAAM,YAAY,CAAA;AAK5E,OAAO,EAA+B,QAAQ,EAA4C,MAAM,oBAAoB,CAAA;AAEpH,wBAAgB,gBAAgB,CAAC,MAAM,UAAO,QAG7C;AAED,qBAAa,aAAc,YAAW,MAAM;IAC1C,OAAO,CAAC,aAAa,CAAiB;IACtC,OAAO,CAAC,UAAU,CAAiB;IACnC,OAAO,CAAC,eAAe,CAAiB;IACxC,OAAO,CAAC,aAAa,CAAU;IAC/B,gBAAgB,UAAO;IACvB,OAAO,UAAO;IACd,cAAc,cAAW;IAEzB,SAAS,CAAC,aAAa,EAAE,YAAY;IAgBrC,MAAM,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM;IAwGhE,WAAW,CAAC,eAAe,EAAE,QAAQ;IASrC,cAAc,CAAC,eAAe,EAAE,QAAQ;IAGxC,aAAa,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE;;;KAAA;IAOnC,gBAAgB,CAAC,EAAE,MAAM,EAAE;;KAAA;CAK5B"}
|
|
@@ -144,14 +144,14 @@ export class CollideSystem {
|
|
|
144
144
|
this.removeColliders.push(colliderPhysics);
|
|
145
145
|
}
|
|
146
146
|
onAddCollider({ entity, component }) {
|
|
147
|
-
console.log('ComponentAddedEvent', component)
|
|
147
|
+
// console.log('ComponentAddedEvent', component)
|
|
148
148
|
const collider = entity.assign(new Collider(component));
|
|
149
149
|
collider.node = entity.getComponent(NodeComp);
|
|
150
150
|
component.node = entity.getComponent(NodeComp);
|
|
151
151
|
this.addCollider(collider);
|
|
152
152
|
}
|
|
153
|
-
onRemoveCollider({ entity
|
|
154
|
-
console.log('ComponentRemovedEvent', component)
|
|
153
|
+
onRemoveCollider({ entity }) {
|
|
154
|
+
// console.log('ComponentRemovedEvent', component)
|
|
155
155
|
const collider = entity.getComponent(Collider);
|
|
156
156
|
this.removeCollider(collider);
|
|
157
157
|
}
|