@safe-engine/cocos 2.2.1 → 2.2.4

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.
Files changed (6) hide show
  1. package/dist/render/RenderComponent.d.ts +6 -14
  2. package/dist/render/RenderComponent.d.ts.map +1 -1
  3. package/dist/render/RenderComponent.js +9 -22
  4. package/dist/render/RenderSystem.d.ts.map +1 -1
  5. package/dist/render/RenderSystem.js +22 -25
  6. package/package.json +1 -1
package/dist/render/RenderComponent.d.ts CHANGED
@@ -4,17 +4,8 @@ import { BaseComponentProps, ColorSource } from '../safex';
4
4
  export declare class NodeRender extends ComponentX {
5
5
  nodeName: string;
6
6
  }
7
- declare enum SpriteTypes {
8
- SIMPLE = 0,
9
- SLICED = 1,
10
- TILED = 2,
11
- FILLED = 3,
12
- MESH = 4,
13
- ANIMATION = 5
14
- }
15
7
  interface SpriteRenderProps {
16
8
  spriteFrame: string;
17
- type?: SpriteTypes;
18
9
  capInsets?: [number, number, number, number];
19
10
  tiledSize?: Size;
20
11
  }
@@ -24,8 +15,8 @@ export declare class SpriteRender extends ComponentX<SpriteRenderProps & BaseCom
24
15
  updateTiled(): void;
25
16
  }
26
17
  interface MaskRenderProps {
27
- type?: number;
28
- segments?: number;
18
+ spriteFrame: string;
19
+ alphaThreshold?: number;
29
20
  inverted?: boolean;
30
21
  }
31
22
  export declare class MaskRender extends ComponentX<MaskRenderProps, cc.ClippingNode> {
@@ -41,10 +32,11 @@ interface GraphicsRenderProps {
41
32
  fillColor?: ColorSource;
42
33
  }
43
34
  export declare class GraphicsRender extends ComponentX<GraphicsRenderProps & BaseComponentProps<GraphicsRender>, cc.DrawNode> {
44
- drawDot(x: any, y: any, r: any): void;
35
+ drawDot(center: Vec2, r: number): void;
45
36
  drawLine(origin: Vec2, destination: Vec2, thickness?: Float, color?: Color4B): void;
46
37
  drawRect(origin: Vec2, destination: Vec2, color?: Color4B): void;
47
38
  drawCircle(center: Vec2, radius: Float, angle?: number, segments?: number, drawLineToCenter?: boolean, lineWidth?: Float, color?: Color4B): void;
39
+ drawSolidCircle(center: Vec2, radius: Float, angle?: number, segments?: number, color?: Color4B): void;
48
40
  drawPoly(points: Vec2[], color?: Color4B, thickness?: Float): void;
49
41
  clear(): void;
50
42
  }
@@ -62,8 +54,8 @@ interface MotionStreakProps {
62
54
  stroke?: number;
63
55
  color?: Color4B;
64
56
  }
65
- export declare class MotionStreak extends ComponentX<MotionStreakProps & {
66
- $ref?: MotionStreak;
57
+ export declare class MotionStreakComp extends ComponentX<MotionStreakProps & {
58
+ $ref?: MotionStreakComp;
67
59
  }, cc.MotionStreak> {
68
60
  reset(): void;
69
61
  }
package/dist/render/RenderComponent.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RenderComponent.d.ts","sourceRoot":"","sources":["../../src/render/RenderComponent.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"RenderComponent.d.ts","sourceRoot":"","sources":["../../src/render/RenderComponent.ts"],"names":[],"mappings":"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"}
package/dist/render/RenderComponent.js CHANGED
@@ -2,15 +2,6 @@ import { ComponentX, render } from '../core/decorator';
2
2
  export class NodeRender extends ComponentX {
3
3
  nodeName;
4
4
  }
5
- var SpriteTypes;
6
- (function (SpriteTypes) {
7
- SpriteTypes[SpriteTypes["SIMPLE"] = 0] = "SIMPLE";
8
- SpriteTypes[SpriteTypes["SLICED"] = 1] = "SLICED";
9
- SpriteTypes[SpriteTypes["TILED"] = 2] = "TILED";
10
- SpriteTypes[SpriteTypes["FILLED"] = 3] = "FILLED";
11
- SpriteTypes[SpriteTypes["MESH"] = 4] = "MESH";
12
- SpriteTypes[SpriteTypes["ANIMATION"] = 5] = "ANIMATION";
13
- })(SpriteTypes || (SpriteTypes = {}));
14
5
  export class SpriteRender extends ComponentX {
15
6
  get spriteFrame() {
16
7
  return this.props.spriteFrame;
@@ -30,13 +21,9 @@ export class MaskRender extends ComponentX {
30
21
  export class ParticleComp extends ComponentX {
31
22
  }
32
23
  export class GraphicsRender extends ComponentX {
33
- drawDot(x, y, r) {
34
- this.node.instance.drawDot(cc.p(x, y), r, this.props.fillColor);
24
+ drawDot(center, r) {
25
+ this.node.instance.drawDot(center, r, this.props.fillColor);
35
26
  }
36
- // drawPoint(position: Vec2, pointSize: Float, color: Color4B, pointType = PointType.Rect) {
37
- // }
38
- // // drawPoints(points: Vec2[], color: Color4B) {
39
- // // }
40
27
  drawLine(origin, destination, thickness, color) {
41
28
  this.node.instance.drawSegment(origin, destination, thickness || this.props.lineWidth, color || this.props.strokeColor);
42
29
  }
@@ -48,8 +35,10 @@ export class GraphicsRender extends ComponentX {
48
35
  drawCircle(center, radius, angle = 0, segments = 64, drawLineToCenter = true, lineWidth, color) {
49
36
  this.node.instance.drawCircle(center, radius, angle, segments, drawLineToCenter, lineWidth || this.props.lineWidth, color || this.props.fillColor);
50
37
  }
51
- // drawSolidCircle(origin: Vec2, destination: Vec2, color: Color4B) {
52
- // }
38
+ drawSolidCircle(center, radius, angle = 0, segments = 64, color) {
39
+ this.node.instance.drawCircle(center, radius, angle, segments, true, this.props.lineWidth, color || this.props.fillColor);
40
+ this.node.instance.drawDot(center, radius, this.props.fillColor);
41
+ }
53
42
  // drawQuadBezier(origin: Vec2, destination: Vec2, color: Color4B) {
54
43
  // }
55
44
  // drawCubicBezier(origin: Vec2, destination: Vec2, color: Color4B) {
@@ -59,13 +48,11 @@ export class GraphicsRender extends ComponentX {
59
48
  // drawCatmullRom(points: Vec2[], color: Color4B) {
60
49
  // }
61
50
  drawPoly(points, color, thickness) {
62
- this.node.instance.drawPoly(points, color || this.props.fillColor, thickness || this.props.lineWidth);
51
+ this.node.instance.drawPoly(points, color || this.props.fillColor, thickness || this.props.lineWidth, this.props.strokeColor);
63
52
  }
64
53
  // drawSolidPoly(points: Vec2[], color: Color4B) {
65
54
  // this.node.instance.drawPoly(points, color)
66
55
  // }
67
- // drawDot(points: Vec2[], color: Color4B) {
68
- // }
69
56
  // drawSegment(from: Vec2, to: Vec2, color: Color4B) {
70
57
  // }
71
58
  // drawTriangle(p1: Vec2, p2: Vec2, p3: Vec2, color: Color4B) {
@@ -80,7 +67,7 @@ export class GraphicsRender extends ComponentX {
80
67
  }
81
68
  export class TiledMap extends ComponentX {
82
69
  }
83
- export class MotionStreak extends ComponentX {
70
+ export class MotionStreakComp extends ComponentX {
84
71
  reset() {
85
72
  this.node.instance.reset();
86
73
  }
@@ -91,4 +78,4 @@ Object.defineProperty(MaskRender.prototype, 'render', { value: render });
91
78
  Object.defineProperty(ParticleComp.prototype, 'render', { value: render });
92
79
  Object.defineProperty(GraphicsRender.prototype, 'render', { value: render });
93
80
  Object.defineProperty(TiledMap.prototype, 'render', { value: render });
94
- Object.defineProperty(MotionStreak.prototype, 'render', { value: render });
81
+ Object.defineProperty(MotionStreakComp.prototype, 'render', { value: render });
package/dist/render/RenderSystem.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RenderSystem.d.ts","sourceRoot":"","sources":["../../src/render/RenderSystem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAoC,MAAM,EAAE,MAAM,YAAY,CAAA;AAOlG,oBAAY,WAAW;IACrB,MAAM,IAAA;IACN,MAAM,IAAA;IACN,KAAK,IAAA;IACL,MAAM,IAAA;IACN,IAAI,IAAA;IACJ,SAAS,IAAA;CACV;AAED,qBAAa,YAAa,YAAW,MAAM;IACzC,SAAS,CAAC,aAAa,EAAE,YAAY;IAWrC,OAAO,CAAC,eAAe,CAKtB;IAED,OAAO,CAAC,iBAAiB,CAuBxB;IAED,OAAO,CAAC,eAAe,CAKtB;IAED,OAAO,CAAC,mBAAmB,CAQ1B;IAED,OAAO,CAAC,iBAAiB,CAKxB;IAED,OAAO,CAAC,aAAa,CAKpB;IAED,OAAO,CAAC,iBAAiB,CAWxB;IAED,OAAO,CAAC,iBAAiB,CAKxB;IAED,MAAM,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM;CAIjE"}
1
+ {"version":3,"file":"RenderSystem.d.ts","sourceRoot":"","sources":["../../src/render/RenderSystem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAoC,MAAM,EAAE,MAAM,YAAY,CAAA;AAOlG,oBAAY,WAAW;IACrB,MAAM,IAAA;IACN,MAAM,IAAA;IACN,KAAK,IAAA;IACL,MAAM,IAAA;IACN,IAAI,IAAA;IACJ,SAAS,IAAA;CACV;AAED,qBAAa,YAAa,YAAW,MAAM;IACzC,SAAS,CAAC,aAAa,EAAE,YAAY;IAWrC,OAAO,CAAC,eAAe,CAKtB;IAED,OAAO,CAAC,iBAAiB,CAgBxB;IAED,OAAO,CAAC,eAAe,CAOtB;IAED,OAAO,CAAC,mBAAmB,CAQ1B;IAED,OAAO,CAAC,iBAAiB,CAKxB;IAED,OAAO,CAAC,aAAa,CAKpB;IAED,OAAO,CAAC,iBAAiB,CAUxB;IAED,OAAO,CAAC,iBAAiB,CAKxB;IAED,MAAM,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM;CAIjE"}
package/dist/render/RenderSystem.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { EventTypes } from 'entityx-ts';
2
2
  import { NodeComp } from '../core/NodeComp';
3
3
  import { BLUE, RED } from '../polyfills';
4
- import { GraphicsRender, MaskRender, MotionStreak, NodeRender, ParticleComp, SpriteRender, TiledMap } from './RenderComponent';
4
+ import { GraphicsRender, MaskRender, MotionStreakComp, NodeRender, ParticleComp, SpriteRender, TiledMap } from './RenderComponent';
5
5
  import { TiledSprite } from './TiledSprite';
6
6
  export var SpriteTypes;
7
7
  (function (SpriteTypes) {
@@ -20,7 +20,7 @@ export class RenderSystem {
20
20
  event_manager.subscribe(EventTypes.ComponentAdded, GraphicsRender, this.onAddGraphicsRender);
21
21
  event_manager.subscribe(EventTypes.ComponentAdded, ParticleComp, this.onAddParticleComp);
22
22
  event_manager.subscribe(EventTypes.ComponentAdded, TiledMap, this.onAddTiledMap);
23
- event_manager.subscribe(EventTypes.ComponentAdded, MotionStreak, this.onAddMotionStreak);
23
+ event_manager.subscribe(EventTypes.ComponentAdded, MotionStreakComp, this.onAddMotionStreak);
24
24
  event_manager.subscribe(EventTypes.ComponentRemoved, NodeComp, this.onRemovedNodeComp);
25
25
  }
26
26
  onAddNodeRender = ({ entity }) => {
@@ -30,33 +30,31 @@ export class RenderSystem {
30
30
  nodeRenderComp.node = ett.assign(new NodeComp(node, ett));
31
31
  };
32
32
  onAddSpriteRender = ({ entity, component: spriteComp }) => {
33
- const { spriteFrame, type, capInsets, tiledSize } = spriteComp.props;
33
+ const { spriteFrame, capInsets, tiledSize } = spriteComp.props;
34
34
  const frame = cc.spriteFrameCache.getSpriteFrame(spriteFrame);
35
35
  // console.log('frame', spriteFrame, frame)
36
36
  let node;
37
- switch (type) {
38
- case SpriteTypes.TILED:
39
- node = new TiledSprite({ texture: spriteFrame, width: tiledSize.width, height: tiledSize.height });
40
- break;
41
- case SpriteTypes.SLICED:
42
- {
43
- const rect = cc.rect(...capInsets);
44
- node = new ccui.Scale9Sprite(frame || spriteFrame, rect, rect);
45
- // console.log('Scale9Sprite', node)
46
- }
47
- break;
48
- default:
49
- node = new cc.Sprite(frame || spriteFrame);
50
- break;
37
+ if (tiledSize) {
38
+ node = new TiledSprite({ texture: spriteFrame, width: tiledSize.width, height: tiledSize.height });
39
+ }
40
+ else if (capInsets) {
41
+ const rect = cc.rect(...capInsets);
42
+ node = new ccui.Scale9Sprite(frame || spriteFrame, rect, rect);
43
+ // console.log('Scale9Sprite', node)
44
+ }
45
+ else {
46
+ node = new cc.Sprite(frame || spriteFrame);
51
47
  }
52
48
  const ett = entity;
53
49
  spriteComp.node = ett.assign(new NodeComp(node, ett));
54
50
  };
55
51
  onAddMaskRender = ({ entity, component: maskComp }) => {
56
- const { inverted } = maskComp.props;
57
- const node = new cc.ClippingNode();
58
- node.setInverted(inverted);
59
- maskComp.node = entity.assign(new NodeComp(node, entity));
52
+ const { inverted = false, spriteFrame, alphaThreshold = 0.05 } = maskComp.props;
53
+ const stencil = new cc.Sprite(spriteFrame);
54
+ const clipper = new cc.ClippingNode(stencil);
55
+ clipper.setAlphaThreshold(alphaThreshold);
56
+ clipper.setInverted(inverted);
57
+ maskComp.node = entity.assign(new NodeComp(clipper, entity));
60
58
  };
61
59
  onAddGraphicsRender = ({ entity }) => {
62
60
  const graphicsComp = entity.getComponent(GraphicsRender);
@@ -79,14 +77,13 @@ export class RenderSystem {
79
77
  const node = new cc.TMXTiledMap(mapFile);
80
78
  tiledMapComp.node = entity.assign(new NodeComp(node, entity));
81
79
  };
82
- onAddMotionStreak = ({ entity }) => {
83
- const motionStreakComp = entity.getComponent(MotionStreak);
84
- const { spriteFrame, fade, minSeg, stroke, color } = motionStreakComp.props;
80
+ onAddMotionStreak = ({ entity, component }) => {
81
+ const { spriteFrame, fade, minSeg, stroke, color } = component.props;
85
82
  const node = new cc.MotionStreak(fade || 0.4, // fade (vệt tồn tại 0.4s)
86
83
  minSeg || 1, // minSeg
87
84
  stroke || 20, // stroke (độ rộng vệt)
88
85
  color || cc.color(255, 255, 255, 255), spriteFrame);
89
- motionStreakComp.node = entity.assign(new NodeComp(node, entity));
86
+ component.node = entity.assign(new NodeComp(node, entity));
90
87
  };
91
88
  onRemovedNodeComp = ({ component }) => {
92
89
  const node = component;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@safe-engine/cocos",
3
- "version": "2.2.1",
3
+ "version": "2.2.4",
4
4
  "description": "safe-engine with cocos renderer support",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",