@eva/plugin-renderer-sprite 1.1.0 → 1.1.1-fix.1
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 +1 -2
- package/dist/plugin-renderer-sprite.cjs.js +197 -105
- package/dist/plugin-renderer-sprite.cjs.prod.js +1 -16
- package/dist/plugin-renderer-sprite.esm.js +203 -111
- package/index.js +3 -3
- package/package.json +3 -3
- package/dist/EVA.plugin.renderer.sprite.js +0 -199
- package/dist/EVA.plugin.renderer.sprite.min.js +0 -1
- package/dist/examples/index.d.ts +0 -2
- package/dist/examples/index.d.ts.map +0 -1
- package/dist/examples/src/a11y.d.ts +0 -3
- package/dist/examples/src/a11y.d.ts.map +0 -1
- package/dist/examples/src/component.d.ts +0 -3
- package/dist/examples/src/component.d.ts.map +0 -1
- package/dist/examples/src/compressed-texture.d.ts +0 -1
- package/dist/examples/src/compressed-texture.d.ts.map +0 -1
- package/dist/examples/src/dragonbone.d.ts +0 -3
- package/dist/examples/src/dragonbone.d.ts.map +0 -1
- package/dist/examples/src/event.d.ts +0 -3
- package/dist/examples/src/event.d.ts.map +0 -1
- package/dist/examples/src/graphics.d.ts +0 -3
- package/dist/examples/src/graphics.d.ts.map +0 -1
- package/dist/examples/src/image.d.ts +0 -3
- package/dist/examples/src/image.d.ts.map +0 -1
- package/dist/examples/src/loader.d.ts +0 -3
- package/dist/examples/src/loader.d.ts.map +0 -1
- package/dist/examples/src/lottie.d.ts +0 -3
- package/dist/examples/src/lottie.d.ts.map +0 -1
- package/dist/examples/src/mask.d.ts +0 -4
- package/dist/examples/src/mask.d.ts.map +0 -1
- package/dist/examples/src/matter.d.ts +0 -3
- package/dist/examples/src/matter.d.ts.map +0 -1
- package/dist/examples/src/multi-canvas.d.ts +0 -3
- package/dist/examples/src/multi-canvas.d.ts.map +0 -1
- package/dist/examples/src/ninePatch.d.ts +0 -3
- package/dist/examples/src/ninePatch.d.ts.map +0 -1
- package/dist/examples/src/sound.d.ts +0 -3
- package/dist/examples/src/sound.d.ts.map +0 -1
- package/dist/examples/src/spine.d.ts +0 -3
- package/dist/examples/src/spine.d.ts.map +0 -1
- package/dist/examples/src/sprite.d.ts +0 -3
- package/dist/examples/src/sprite.d.ts.map +0 -1
- package/dist/examples/src/spriteAnimation.d.ts +0 -3
- package/dist/examples/src/spriteAnimation.d.ts.map +0 -1
- package/dist/examples/src/text.d.ts +0 -3
- package/dist/examples/src/text.d.ts.map +0 -1
- package/dist/examples/src/tilingSprite.d.ts +0 -3
- package/dist/examples/src/tilingSprite.d.ts.map +0 -1
- package/dist/examples/src/transition.d.ts +0 -3
- package/dist/examples/src/transition.d.ts.map +0 -1
- package/dist/miniprogram.js +0 -248
- package/dist/plugin-renderer-sprite.d.ts +0 -36
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { Sprite as Sprite$
|
|
1
|
+
import { decorators, Component, resource, RESOURCE_TYPE, OBSERVER_TYPE } from '@eva/eva.js';
|
|
2
|
+
import { RendererSystem, Renderer } from '@eva/plugin-renderer';
|
|
3
|
+
import { Sprite as Sprite$5, Texture, BaseTexture, Spritesheet } from 'pixi.js';
|
|
4
4
|
|
|
5
5
|
/*! *****************************************************************************
|
|
6
6
|
Copyright (c) Microsoft Corporation. All rights reserved.
|
|
@@ -16,6 +16,20 @@ MERCHANTABLITY OR NON-INFRINGEMENT.
|
|
|
16
16
|
See the Apache Version 2.0 License for specific language governing permissions
|
|
17
17
|
and limitations under the License.
|
|
18
18
|
***************************************************************************** */
|
|
19
|
+
/* global Reflect, Promise */
|
|
20
|
+
|
|
21
|
+
var extendStatics = function(d, b) {
|
|
22
|
+
extendStatics = Object.setPrototypeOf ||
|
|
23
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
24
|
+
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
25
|
+
return extendStatics(d, b);
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
function __extends(d, b) {
|
|
29
|
+
extendStatics(d, b);
|
|
30
|
+
function __() { this.constructor = d; }
|
|
31
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
32
|
+
}
|
|
19
33
|
|
|
20
34
|
function __decorate(decorators, target, key, desc) {
|
|
21
35
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
@@ -31,161 +45,239 @@ function __awaiter(thisArg, _arguments, P, generator) {
|
|
|
31
45
|
function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
|
|
32
46
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
33
47
|
});
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
function __generator(thisArg, body) {
|
|
51
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
52
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
53
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
54
|
+
function step(op) {
|
|
55
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
56
|
+
while (_) try {
|
|
57
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
58
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
59
|
+
switch (op[0]) {
|
|
60
|
+
case 0: case 1: t = op; break;
|
|
61
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
62
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
63
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
64
|
+
default:
|
|
65
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
66
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
67
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
68
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
69
|
+
if (t[2]) _.ops.pop();
|
|
70
|
+
_.trys.pop(); continue;
|
|
71
|
+
}
|
|
72
|
+
op = body.call(thisArg, _);
|
|
73
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
74
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
function __values(o) {
|
|
79
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator], i = 0;
|
|
80
|
+
if (m) return m.call(o);
|
|
81
|
+
return {
|
|
82
|
+
next: function () {
|
|
83
|
+
if (o && i >= o.length) o = void 0;
|
|
84
|
+
return { value: o && o[i++], done: !o };
|
|
85
|
+
}
|
|
86
|
+
};
|
|
34
87
|
}
|
|
35
88
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
89
|
+
var Sprite$3 = (function (_super) {
|
|
90
|
+
__extends(Sprite, _super);
|
|
91
|
+
function Sprite() {
|
|
92
|
+
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
93
|
+
_this.resource = '';
|
|
94
|
+
_this.spriteName = '';
|
|
95
|
+
return _this;
|
|
41
96
|
}
|
|
42
|
-
init(obj) {
|
|
97
|
+
Sprite.prototype.init = function (obj) {
|
|
43
98
|
if (obj && obj.resource) {
|
|
44
99
|
this.resource = obj.resource;
|
|
45
100
|
this.spriteName = obj.spriteName;
|
|
46
101
|
}
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
102
|
+
};
|
|
103
|
+
Sprite.componentName = 'Sprite';
|
|
104
|
+
__decorate([
|
|
105
|
+
decorators.IDEProp
|
|
106
|
+
], Sprite.prototype, "resource", void 0);
|
|
107
|
+
__decorate([
|
|
108
|
+
decorators.IDEProp
|
|
109
|
+
], Sprite.prototype, "spriteName", void 0);
|
|
110
|
+
return Sprite;
|
|
111
|
+
}(Component));
|
|
112
|
+
var Sprite$4 = Sprite$3;
|
|
56
113
|
|
|
57
|
-
|
|
58
|
-
|
|
114
|
+
var Sprite$2 = (function () {
|
|
115
|
+
function Sprite(image) {
|
|
59
116
|
this._image = null;
|
|
60
117
|
this._image = image;
|
|
61
118
|
if (image) {
|
|
62
119
|
if (image instanceof HTMLImageElement) {
|
|
63
|
-
this.sprite = Sprite$
|
|
120
|
+
this.sprite = Sprite$5.from(image);
|
|
64
121
|
}
|
|
65
122
|
else if (image instanceof Texture) {
|
|
66
|
-
this.sprite = new Sprite$
|
|
123
|
+
this.sprite = new Sprite$5(image);
|
|
67
124
|
}
|
|
68
125
|
}
|
|
69
126
|
else {
|
|
70
|
-
this.sprite = new Sprite$
|
|
127
|
+
this.sprite = new Sprite$5();
|
|
71
128
|
}
|
|
72
129
|
}
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
return;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
this.
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
}
|
|
130
|
+
Object.defineProperty(Sprite.prototype, "image", {
|
|
131
|
+
get: function () {
|
|
132
|
+
return this._image;
|
|
133
|
+
},
|
|
134
|
+
set: function (val) {
|
|
135
|
+
if (this._image === val) {
|
|
136
|
+
return;
|
|
137
|
+
}
|
|
138
|
+
if (val instanceof HTMLImageElement) {
|
|
139
|
+
this.sprite.texture && this.sprite.texture.destroy(false);
|
|
140
|
+
this.sprite.texture = Texture.from(val);
|
|
141
|
+
}
|
|
142
|
+
else if (val instanceof Texture) {
|
|
143
|
+
this.sprite.texture = val;
|
|
144
|
+
}
|
|
145
|
+
this._image = val;
|
|
146
|
+
},
|
|
147
|
+
enumerable: false,
|
|
148
|
+
configurable: true
|
|
149
|
+
});
|
|
150
|
+
return Sprite;
|
|
151
|
+
}());
|
|
152
|
+
var SpriteEngine = Sprite$2;
|
|
90
153
|
|
|
91
|
-
|
|
92
|
-
resource.registerInstance(RESOURCE_TYPE.SPRITE, (
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
154
|
+
var resourceKeySplit = '_s|r|c_';
|
|
155
|
+
resource.registerInstance(RESOURCE_TYPE.SPRITE, function (_a) {
|
|
156
|
+
var name = _a.name, data = _a.data;
|
|
157
|
+
return new Promise(function (r) {
|
|
158
|
+
var e_1, _a;
|
|
159
|
+
var textureObj = data.json;
|
|
160
|
+
var texture = BaseTexture.from(data.image);
|
|
161
|
+
var frames = textureObj.frames || {};
|
|
162
|
+
var animations = textureObj.animations || {};
|
|
163
|
+
var newFrames = {};
|
|
164
|
+
for (var key in frames) {
|
|
165
|
+
var newKey = name + resourceKeySplit + key;
|
|
101
166
|
newFrames[newKey] = frames[key];
|
|
102
167
|
}
|
|
103
|
-
for (
|
|
104
|
-
|
|
168
|
+
for (var key in animations) {
|
|
169
|
+
var spriteList = [];
|
|
105
170
|
if (animations[key] && animations[key].length >= 0) {
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
171
|
+
try {
|
|
172
|
+
for (var _b = (e_1 = void 0, __values(animations[key])), _c = _b.next(); !_c.done; _c = _b.next()) {
|
|
173
|
+
var spriteName = _c.value;
|
|
174
|
+
var newSpriteName = name + resourceKeySplit + spriteName;
|
|
175
|
+
spriteList.push(newSpriteName);
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
catch (e_1_1) { e_1 = { error: e_1_1 }; }
|
|
179
|
+
finally {
|
|
180
|
+
try {
|
|
181
|
+
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
|
|
182
|
+
}
|
|
183
|
+
finally { if (e_1) throw e_1.error; }
|
|
109
184
|
}
|
|
110
185
|
}
|
|
111
186
|
animations[key] = spriteList;
|
|
112
187
|
}
|
|
113
188
|
textureObj.frames = newFrames;
|
|
114
|
-
|
|
115
|
-
spriteSheet.parse(()
|
|
116
|
-
|
|
189
|
+
var spriteSheet = new Spritesheet(texture, textureObj);
|
|
190
|
+
spriteSheet.parse(function () {
|
|
191
|
+
var textures = spriteSheet.textures;
|
|
117
192
|
r(textures);
|
|
118
193
|
});
|
|
119
194
|
});
|
|
120
195
|
});
|
|
121
|
-
resource.registerDestroy(RESOURCE_TYPE.SPRITE, (
|
|
196
|
+
resource.registerDestroy(RESOURCE_TYPE.SPRITE, function (_a) {
|
|
197
|
+
var instance = _a.instance;
|
|
122
198
|
if (!instance)
|
|
123
199
|
return;
|
|
124
|
-
for (
|
|
200
|
+
for (var key in instance) {
|
|
125
201
|
instance[key].destroy(true);
|
|
126
202
|
}
|
|
127
203
|
});
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
204
|
+
var Sprite = (function (_super) {
|
|
205
|
+
__extends(Sprite, _super);
|
|
206
|
+
function Sprite() {
|
|
207
|
+
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
208
|
+
_this.name = 'Sprite';
|
|
209
|
+
_this.sprites = {};
|
|
210
|
+
return _this;
|
|
133
211
|
}
|
|
134
|
-
init() {
|
|
212
|
+
Sprite.prototype.init = function () {
|
|
135
213
|
this.renderSystem = this.game.getSystem(RendererSystem);
|
|
136
214
|
this.renderSystem.rendererManager.register(this);
|
|
137
|
-
}
|
|
138
|
-
rendererUpdate(gameObject) {
|
|
139
|
-
|
|
215
|
+
};
|
|
216
|
+
Sprite.prototype.rendererUpdate = function (gameObject) {
|
|
217
|
+
var _a = gameObject.transform.size, width = _a.width, height = _a.height;
|
|
140
218
|
if (this.sprites[gameObject.id]) {
|
|
141
219
|
this.sprites[gameObject.id].sprite.width = width;
|
|
142
220
|
this.sprites[gameObject.id].sprite.height = height;
|
|
143
221
|
}
|
|
144
|
-
}
|
|
145
|
-
componentChanged(changed) {
|
|
146
|
-
return __awaiter(this, void 0, void 0, function
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
222
|
+
};
|
|
223
|
+
Sprite.prototype.componentChanged = function (changed) {
|
|
224
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
225
|
+
var component_1, sprite_1, instance, sprite;
|
|
226
|
+
var _this = this;
|
|
227
|
+
return __generator(this, function (_a) {
|
|
228
|
+
switch (_a.label) {
|
|
229
|
+
case 0:
|
|
230
|
+
if (!(changed.componentName === 'Sprite')) return [3, 4];
|
|
231
|
+
component_1 = changed.component;
|
|
232
|
+
if (!(changed.type === OBSERVER_TYPE.ADD)) return [3, 1];
|
|
233
|
+
sprite_1 = new SpriteEngine(null);
|
|
234
|
+
resource.getResource(component_1.resource).then(function (_a) {
|
|
235
|
+
var instance = _a.instance;
|
|
236
|
+
return __awaiter(_this, void 0, void 0, function () {
|
|
237
|
+
return __generator(this, function (_b) {
|
|
238
|
+
if (!instance) {
|
|
239
|
+
throw new Error("GameObject:" + changed.gameObject.name + "'s Sprite resource load error");
|
|
240
|
+
}
|
|
241
|
+
sprite_1.image = instance[component_1.resource + resourceKeySplit + component_1.spriteName];
|
|
242
|
+
return [2];
|
|
243
|
+
});
|
|
244
|
+
});
|
|
245
|
+
});
|
|
246
|
+
this.sprites[changed.gameObject.id] = sprite_1;
|
|
247
|
+
this.containerManager.getContainer(changed.gameObject.id).addChildAt(sprite_1.sprite, 0);
|
|
248
|
+
return [3, 4];
|
|
249
|
+
case 1:
|
|
250
|
+
if (!(changed.type === OBSERVER_TYPE.CHANGE)) return [3, 3];
|
|
251
|
+
return [4, resource.getResource(component_1.resource)];
|
|
252
|
+
case 2:
|
|
253
|
+
instance = (_a.sent()).instance;
|
|
152
254
|
if (!instance) {
|
|
153
|
-
throw new Error(
|
|
255
|
+
throw new Error("GameObject:" + changed.gameObject.name + "'s Sprite resource load error");
|
|
154
256
|
}
|
|
155
|
-
|
|
156
|
-
instance[
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
}
|
|
168
|
-
this.sprites[changed.gameObject.id].image =
|
|
169
|
-
instance[component.resource + resourceKeySplit + component.spriteName];
|
|
170
|
-
}
|
|
171
|
-
else if (changed.type === OBSERVER_TYPE.REMOVE) {
|
|
172
|
-
const sprite = this.sprites[changed.gameObject.id];
|
|
173
|
-
this.containerManager
|
|
174
|
-
.getContainer(changed.gameObject.id)
|
|
175
|
-
.removeChild(sprite.sprite);
|
|
176
|
-
sprite.sprite.destroy({ children: true });
|
|
177
|
-
delete this.sprites[changed.gameObject.id];
|
|
257
|
+
this.sprites[changed.gameObject.id].image =
|
|
258
|
+
instance[component_1.resource + resourceKeySplit + component_1.spriteName];
|
|
259
|
+
return [3, 4];
|
|
260
|
+
case 3:
|
|
261
|
+
if (changed.type === OBSERVER_TYPE.REMOVE) {
|
|
262
|
+
sprite = this.sprites[changed.gameObject.id];
|
|
263
|
+
this.containerManager.getContainer(changed.gameObject.id).removeChild(sprite.sprite);
|
|
264
|
+
sprite.sprite.destroy({ children: true });
|
|
265
|
+
delete this.sprites[changed.gameObject.id];
|
|
266
|
+
}
|
|
267
|
+
_a.label = 4;
|
|
268
|
+
case 4: return [2];
|
|
178
269
|
}
|
|
179
|
-
}
|
|
270
|
+
});
|
|
180
271
|
});
|
|
181
|
-
}
|
|
182
|
-
|
|
183
|
-
Sprite
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
272
|
+
};
|
|
273
|
+
Sprite.systemName = 'Sprite';
|
|
274
|
+
Sprite = __decorate([
|
|
275
|
+
decorators.componentObserver({
|
|
276
|
+
Sprite: ['spriteName'],
|
|
277
|
+
})
|
|
278
|
+
], Sprite);
|
|
279
|
+
return Sprite;
|
|
280
|
+
}(Renderer));
|
|
189
281
|
var Sprite$1 = Sprite;
|
|
190
282
|
|
|
191
|
-
export { Sprite$
|
|
283
|
+
export { Sprite$4 as Sprite, Sprite$1 as SpriteSystem };
|
package/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
'use strict'
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
3
|
if (process.env.NODE_ENV === 'production') {
|
|
4
|
-
module.exports = require('./dist/plugin-renderer-sprite.cjs.prod.js')
|
|
4
|
+
module.exports = require('./dist/plugin-renderer-sprite.cjs.prod.js');
|
|
5
5
|
} else {
|
|
6
|
-
module.exports = require('./dist/plugin-renderer-sprite.cjs.js')
|
|
6
|
+
module.exports = require('./dist/plugin-renderer-sprite.cjs.js');
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@eva/plugin-renderer-sprite",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.1-fix.1",
|
|
4
4
|
"description": "@eva/plugin-renderer-sprite",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "dist/plugin-renderer-sprite.esm.js",
|
|
@@ -18,8 +18,8 @@
|
|
|
18
18
|
"license": "MIT",
|
|
19
19
|
"homepage": "https://eva.js.org",
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@eva/plugin-renderer": "1.1.
|
|
22
|
-
"@eva/eva.js": "1.1.
|
|
21
|
+
"@eva/plugin-renderer": "1.1.1-fix.1",
|
|
22
|
+
"@eva/eva.js": "1.1.1-fix.1",
|
|
23
23
|
"pixi.js": "^4.8.7"
|
|
24
24
|
}
|
|
25
25
|
}
|
|
@@ -1,199 +0,0 @@
|
|
|
1
|
-
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@eva/eva.js'), require('@eva/plugin-renderer'), require('pixi.js')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define(['exports', '@eva/eva.js', '@eva/plugin-renderer', 'pixi.js'], factory) :
|
|
4
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.EVA = global.EVA || {}, global.EVA.plugin = global.EVA.plugin || {}, global.EVA.plugin.renderer = global.EVA.plugin.renderer || {}, global.EVA.plugin.renderer.sprite = {}), global.EVA, global.EVA.plugin.renderer, global.PIXI));
|
|
5
|
-
}(this, (function (exports, eva_js, pluginRenderer, pixi_js) { 'use strict';
|
|
6
|
-
|
|
7
|
-
/*! *****************************************************************************
|
|
8
|
-
Copyright (c) Microsoft Corporation.
|
|
9
|
-
|
|
10
|
-
Permission to use, copy, modify, and/or distribute this software for any
|
|
11
|
-
purpose with or without fee is hereby granted.
|
|
12
|
-
|
|
13
|
-
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
14
|
-
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
15
|
-
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
16
|
-
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
17
|
-
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
18
|
-
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
19
|
-
PERFORMANCE OF THIS SOFTWARE.
|
|
20
|
-
***************************************************************************** */
|
|
21
|
-
|
|
22
|
-
function __decorate(decorators, target, key, desc) {
|
|
23
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
24
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
25
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
26
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
function __awaiter(thisArg, _arguments, P, generator) {
|
|
30
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
31
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
32
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
33
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
34
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
35
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
36
|
-
});
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
class Sprite$3 extends eva_js.Component {
|
|
40
|
-
constructor() {
|
|
41
|
-
super(...arguments);
|
|
42
|
-
this.resource = '';
|
|
43
|
-
this.spriteName = '';
|
|
44
|
-
}
|
|
45
|
-
init(obj) {
|
|
46
|
-
if (obj && obj.resource) {
|
|
47
|
-
this.resource = obj.resource;
|
|
48
|
-
this.spriteName = obj.spriteName;
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
Sprite$3.componentName = 'Sprite';
|
|
53
|
-
__decorate([
|
|
54
|
-
eva_js.decorators.IDEProp
|
|
55
|
-
], Sprite$3.prototype, "resource", void 0);
|
|
56
|
-
__decorate([
|
|
57
|
-
eva_js.decorators.IDEProp
|
|
58
|
-
], Sprite$3.prototype, "spriteName", void 0);
|
|
59
|
-
|
|
60
|
-
class Sprite$2 {
|
|
61
|
-
constructor(image) {
|
|
62
|
-
this._image = null;
|
|
63
|
-
this._image = image;
|
|
64
|
-
if (image) {
|
|
65
|
-
if (image instanceof HTMLImageElement) {
|
|
66
|
-
this.sprite = pixi_js.Sprite.from(image);
|
|
67
|
-
}
|
|
68
|
-
else if (image instanceof pixi_js.Texture) {
|
|
69
|
-
this.sprite = new pixi_js.Sprite(image);
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
else {
|
|
73
|
-
this.sprite = new pixi_js.Sprite();
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
set image(val) {
|
|
77
|
-
if (this._image === val) {
|
|
78
|
-
return;
|
|
79
|
-
}
|
|
80
|
-
if (val instanceof HTMLImageElement) {
|
|
81
|
-
this.sprite.texture && this.sprite.texture.destroy(false);
|
|
82
|
-
this.sprite.texture = pixi_js.Texture.from(val);
|
|
83
|
-
}
|
|
84
|
-
else if (val instanceof pixi_js.Texture) {
|
|
85
|
-
this.sprite.texture = val;
|
|
86
|
-
}
|
|
87
|
-
this._image = val;
|
|
88
|
-
}
|
|
89
|
-
get image() {
|
|
90
|
-
return this._image;
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
const resourceKeySplit = '_s|r|c_';
|
|
95
|
-
eva_js.resource.registerInstance(eva_js.RESOURCE_TYPE.SPRITE, ({ name, data }) => {
|
|
96
|
-
return new Promise(r => {
|
|
97
|
-
const textureObj = data.json;
|
|
98
|
-
const texture = pixi_js.BaseTexture.from(data.image);
|
|
99
|
-
const frames = textureObj.frames || {};
|
|
100
|
-
const animations = textureObj.animations || {};
|
|
101
|
-
const newFrames = {};
|
|
102
|
-
for (const key in frames) {
|
|
103
|
-
const newKey = name + resourceKeySplit + key;
|
|
104
|
-
newFrames[newKey] = frames[key];
|
|
105
|
-
}
|
|
106
|
-
for (const key in animations) {
|
|
107
|
-
const spriteList = [];
|
|
108
|
-
if (animations[key] && animations[key].length >= 0) {
|
|
109
|
-
for (const spriteName of animations[key]) {
|
|
110
|
-
const newSpriteName = name + resourceKeySplit + spriteName;
|
|
111
|
-
spriteList.push(newSpriteName);
|
|
112
|
-
}
|
|
113
|
-
}
|
|
114
|
-
animations[key] = spriteList;
|
|
115
|
-
}
|
|
116
|
-
textureObj.frames = newFrames;
|
|
117
|
-
const spriteSheet = new pixi_js.Spritesheet(texture, textureObj);
|
|
118
|
-
spriteSheet.parse(() => {
|
|
119
|
-
const { textures } = spriteSheet;
|
|
120
|
-
r(textures);
|
|
121
|
-
});
|
|
122
|
-
});
|
|
123
|
-
});
|
|
124
|
-
eva_js.resource.registerDestroy(eva_js.RESOURCE_TYPE.SPRITE, ({ instance }) => {
|
|
125
|
-
if (!instance)
|
|
126
|
-
return;
|
|
127
|
-
for (const key in instance) {
|
|
128
|
-
instance[key].destroy(true);
|
|
129
|
-
}
|
|
130
|
-
});
|
|
131
|
-
let Sprite = class Sprite extends pluginRenderer.Renderer {
|
|
132
|
-
constructor() {
|
|
133
|
-
super(...arguments);
|
|
134
|
-
this.name = 'Sprite';
|
|
135
|
-
this.sprites = {};
|
|
136
|
-
}
|
|
137
|
-
init() {
|
|
138
|
-
this.renderSystem = this.game.getSystem(pluginRenderer.RendererSystem);
|
|
139
|
-
this.renderSystem.rendererManager.register(this);
|
|
140
|
-
}
|
|
141
|
-
rendererUpdate(gameObject) {
|
|
142
|
-
const { width, height } = gameObject.transform.size;
|
|
143
|
-
if (this.sprites[gameObject.id]) {
|
|
144
|
-
this.sprites[gameObject.id].sprite.width = width;
|
|
145
|
-
this.sprites[gameObject.id].sprite.height = height;
|
|
146
|
-
}
|
|
147
|
-
}
|
|
148
|
-
componentChanged(changed) {
|
|
149
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
150
|
-
if (changed.componentName === 'Sprite') {
|
|
151
|
-
const component = changed.component;
|
|
152
|
-
if (changed.type === eva_js.OBSERVER_TYPE.ADD) {
|
|
153
|
-
const sprite = new Sprite$2(null);
|
|
154
|
-
eva_js.resource.getResource(component.resource).then(({ instance }) => __awaiter(this, void 0, void 0, function* () {
|
|
155
|
-
if (!instance) {
|
|
156
|
-
throw new Error(`GameObject:${changed.gameObject.name}'s Sprite resource load error`);
|
|
157
|
-
}
|
|
158
|
-
sprite.image =
|
|
159
|
-
instance[component.resource + resourceKeySplit + component.spriteName];
|
|
160
|
-
}));
|
|
161
|
-
this.sprites[changed.gameObject.id] = sprite;
|
|
162
|
-
this.containerManager
|
|
163
|
-
.getContainer(changed.gameObject.id)
|
|
164
|
-
.addChildAt(sprite.sprite, 0);
|
|
165
|
-
}
|
|
166
|
-
else if (changed.type === eva_js.OBSERVER_TYPE.CHANGE) {
|
|
167
|
-
const { instance } = yield eva_js.resource.getResource(component.resource);
|
|
168
|
-
if (!instance) {
|
|
169
|
-
throw new Error(`GameObject:${changed.gameObject.name}'s Sprite resource load error`);
|
|
170
|
-
}
|
|
171
|
-
this.sprites[changed.gameObject.id].image =
|
|
172
|
-
instance[component.resource + resourceKeySplit + component.spriteName];
|
|
173
|
-
}
|
|
174
|
-
else if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
|
|
175
|
-
const sprite = this.sprites[changed.gameObject.id];
|
|
176
|
-
this.containerManager
|
|
177
|
-
.getContainer(changed.gameObject.id)
|
|
178
|
-
.removeChild(sprite.sprite);
|
|
179
|
-
sprite.sprite.destroy({ children: true });
|
|
180
|
-
delete this.sprites[changed.gameObject.id];
|
|
181
|
-
}
|
|
182
|
-
}
|
|
183
|
-
});
|
|
184
|
-
}
|
|
185
|
-
};
|
|
186
|
-
Sprite.systemName = 'Sprite';
|
|
187
|
-
Sprite = __decorate([
|
|
188
|
-
eva_js.decorators.componentObserver({
|
|
189
|
-
Sprite: ['spriteName'],
|
|
190
|
-
})
|
|
191
|
-
], Sprite);
|
|
192
|
-
var Sprite$1 = Sprite;
|
|
193
|
-
|
|
194
|
-
exports.Sprite = Sprite$3;
|
|
195
|
-
exports.SpriteSystem = Sprite$1;
|
|
196
|
-
|
|
197
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
198
|
-
|
|
199
|
-
})));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
var e,t;e=this,t=function(e,t,r,i){"use strict";function s(e,t,r,i){var s,n=arguments.length,o=n<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,r):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,t,r,i);else for(var c=e.length-1;c>=0;c--)(s=e[c])&&(o=(n<3?s(o):n>3?s(t,r,o):s(t,r))||o);return n>3&&o&&Object.defineProperty(t,r,o),o}function n(e,t,r,i){return new(r||(r=Promise))((function(s,n){function o(e){try{a(i.next(e))}catch(e){n(e)}}function c(e){try{a(i.throw(e))}catch(e){n(e)}}function a(e){var t;e.done?s(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(o,c)}a((i=i.apply(e,t||[])).next())}))}class o extends t.Component{constructor(){super(...arguments),this.resource="",this.spriteName=""}init(e){e&&e.resource&&(this.resource=e.resource,this.spriteName=e.spriteName)}}o.componentName="Sprite",s([t.decorators.IDEProp],o.prototype,"resource",void 0),s([t.decorators.IDEProp],o.prototype,"spriteName",void 0);class c{constructor(e){this._image=null,this._image=e,e?e instanceof HTMLImageElement?this.sprite=i.Sprite.from(e):e instanceof i.Texture&&(this.sprite=new i.Sprite(e)):this.sprite=new i.Sprite}set image(e){this._image!==e&&(e instanceof HTMLImageElement?(this.sprite.texture&&this.sprite.texture.destroy(!1),this.sprite.texture=i.Texture.from(e)):e instanceof i.Texture&&(this.sprite.texture=e),this._image=e)}get image(){return this._image}}const a="_s|r|c_";t.resource.registerInstance(t.RESOURCE_TYPE.SPRITE,(({name:e,data:t})=>new Promise((r=>{const s=t.json,n=i.BaseTexture.from(t.image),o=s.frames||{},c=s.animations||{},p={};for(const t in o)p[e+a+t]=o[t];for(const t in c){const r=[];if(c[t]&&c[t].length>=0)for(const i of c[t]){const t=e+a+i;r.push(t)}c[t]=r}s.frames=p;const u=new i.Spritesheet(n,s);u.parse((()=>{const{textures:e}=u;r(e)}))})))),t.resource.registerDestroy(t.RESOURCE_TYPE.SPRITE,(({instance:e})=>{if(e)for(const t in e)e[t].destroy(!0)}));let p=class extends r.Renderer{constructor(){super(...arguments),this.name="Sprite",this.sprites={}}init(){this.renderSystem=this.game.getSystem(r.RendererSystem),this.renderSystem.rendererManager.register(this)}rendererUpdate(e){const{width:t,height:r}=e.transform.size;this.sprites[e.id]&&(this.sprites[e.id].sprite.width=t,this.sprites[e.id].sprite.height=r)}componentChanged(e){return n(this,void 0,void 0,(function*(){if("Sprite"===e.componentName){const r=e.component;if(e.type===t.OBSERVER_TYPE.ADD){const i=new c(null);t.resource.getResource(r.resource).then((({instance:t})=>n(this,void 0,void 0,(function*(){if(!t)throw new Error(`GameObject:${e.gameObject.name}'s Sprite resource load error`);i.image=t[r.resource+a+r.spriteName]})))),this.sprites[e.gameObject.id]=i,this.containerManager.getContainer(e.gameObject.id).addChildAt(i.sprite,0)}else if(e.type===t.OBSERVER_TYPE.CHANGE){const{instance:i}=yield t.resource.getResource(r.resource);if(!i)throw new Error(`GameObject:${e.gameObject.name}'s Sprite resource load error`);this.sprites[e.gameObject.id].image=i[r.resource+a+r.spriteName]}else if(e.type===t.OBSERVER_TYPE.REMOVE){const t=this.sprites[e.gameObject.id];this.containerManager.getContainer(e.gameObject.id).removeChild(t.sprite),t.sprite.destroy({children:!0}),delete this.sprites[e.gameObject.id]}}}))}};p.systemName="Sprite",p=s([t.decorators.componentObserver({Sprite:["spriteName"]})],p);var u=p;e.Sprite=o,e.SpriteSystem=u,Object.defineProperty(e,"__esModule",{value:!0})},"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@eva/eva.js"),require("@eva/plugin-renderer"),require("pixi.js")):"function"==typeof define&&define.amd?define(["exports","@eva/eva.js","@eva/plugin-renderer","pixi.js"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).EVA=e.EVA||{},e.EVA.plugin=e.EVA.plugin||{},e.EVA.plugin.renderer=e.EVA.plugin.renderer||{},e.EVA.plugin.renderer.sprite={}),e.EVA,e.EVA.plugin.renderer,e.PIXI);
|
package/dist/examples/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["a11y.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,IAAI,SAAS,CAAC;AAC3B,wBAAsB,IAAI,CAAC,MAAM,KAAA,iBAmYhC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["component.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,cAAc,CAAC;AAChC,wBAAsB,IAAI,CAAC,MAAM,KAAA,iBAsJhC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=compressed-texture.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"compressed-texture.d.ts","sourceRoot":"","sources":["compressed-texture.ts"],"names":[],"mappings":""}
|