@omnimedia/omnitool 1.1.0-70 → 1.1.0-71
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/package.json +1 -1
- package/s/driver/parts/compositor.ts +46 -14
- package/x/demo/demo.bundle.min.js +5 -5
- package/x/demo/demo.bundle.min.js.map +3 -3
- package/x/driver/parts/compositor.d.ts +8 -0
- package/x/driver/parts/compositor.js +41 -14
- package/x/driver/parts/compositor.js.map +1 -1
- package/x/index.html +2 -2
- package/x/tests.bundle.min.js +10 -10
- package/x/tests.bundle.min.js.map +3 -3
- package/x/tests.html +1 -1
|
@@ -7,6 +7,14 @@ export declare class Compositor {
|
|
|
7
7
|
renderer: Renderer;
|
|
8
8
|
stage: Container;
|
|
9
9
|
};
|
|
10
|
+
onPointerDown: import("@e280/stz").Pub<[{
|
|
11
|
+
id: Id;
|
|
12
|
+
object: Container;
|
|
13
|
+
}]>;
|
|
14
|
+
onPointerUp: import("@e280/stz").Pub<[{
|
|
15
|
+
id: Id;
|
|
16
|
+
object: Container;
|
|
17
|
+
}]>;
|
|
10
18
|
static setup(): Promise<Compositor>;
|
|
11
19
|
constructor(pixi: {
|
|
12
20
|
renderer: Renderer;
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
+
import { pub } from "@e280/stz";
|
|
1
2
|
import { autoDetectRenderer, Container, Sprite, Text, Texture } from "pixi.js";
|
|
2
3
|
import { mat6ToMatrix } from "../../timeline/utils/matrix.js";
|
|
3
4
|
import { makeTransition } from "../../features/transition/transition.js";
|
|
4
5
|
export class Compositor {
|
|
5
6
|
pixi;
|
|
7
|
+
onPointerDown = pub();
|
|
8
|
+
onPointerUp = pub();
|
|
6
9
|
static async setup() {
|
|
7
10
|
const renderer = await autoDetectRenderer({
|
|
8
11
|
width: 1920,
|
|
@@ -68,16 +71,16 @@ export class Compositor {
|
|
|
68
71
|
}
|
|
69
72
|
}
|
|
70
73
|
#renderTextLayer(layer, parent) {
|
|
71
|
-
const
|
|
72
|
-
this.#applyTransform(
|
|
73
|
-
parent.addChild(
|
|
74
|
+
const { sprite, dispose } = this.#findOrCreate(layer);
|
|
75
|
+
this.#applyTransform(sprite, layer.matrix);
|
|
76
|
+
parent.addChild(sprite);
|
|
74
77
|
return {
|
|
75
|
-
dispose: () =>
|
|
78
|
+
dispose: () => dispose()
|
|
76
79
|
};
|
|
77
80
|
}
|
|
78
81
|
#renderImageLayer(layer, parent) {
|
|
79
82
|
const texture = Texture.from(layer.frame);
|
|
80
|
-
const sprite = this.#findOrCreate(layer);
|
|
83
|
+
const { sprite, dispose } = this.#findOrCreate(layer);
|
|
81
84
|
sprite.texture = texture;
|
|
82
85
|
this.#applyTransform(sprite, layer.matrix);
|
|
83
86
|
parent.addChild(sprite);
|
|
@@ -85,6 +88,7 @@ export class Compositor {
|
|
|
85
88
|
dispose: () => {
|
|
86
89
|
texture.destroy(true);
|
|
87
90
|
layer.frame.close();
|
|
91
|
+
dispose();
|
|
88
92
|
}
|
|
89
93
|
};
|
|
90
94
|
}
|
|
@@ -115,22 +119,45 @@ export class Compositor {
|
|
|
115
119
|
text: layer.content,
|
|
116
120
|
style: layer.style
|
|
117
121
|
});
|
|
118
|
-
text.
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
+
text.eventMode = "static";
|
|
123
|
+
const down = () => this.onPointerDown.publish({ id: layer.id, object: text });
|
|
124
|
+
const up = () => this.onPointerUp.publish({ id: layer.id, object: text });
|
|
125
|
+
text.on("pointerdown", down);
|
|
126
|
+
text.on("pointerup", up);
|
|
127
|
+
return {
|
|
128
|
+
sprite: this.#activeObjects
|
|
129
|
+
.set(layer.id, text)
|
|
130
|
+
.get(layer.id),
|
|
131
|
+
dispose: () => {
|
|
132
|
+
text.off("pointerdown", down);
|
|
133
|
+
text.off("pointerup", up);
|
|
134
|
+
}
|
|
135
|
+
};
|
|
122
136
|
}
|
|
123
137
|
case 'image': {
|
|
124
138
|
const sprite = new Sprite();
|
|
125
|
-
sprite.
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
139
|
+
sprite.eventMode = "static";
|
|
140
|
+
const down = () => this.onPointerDown.publish({ id: layer.id, object: sprite });
|
|
141
|
+
const up = () => this.onPointerUp.publish({ id: layer.id, object: sprite });
|
|
142
|
+
sprite.on("pointerdown", down);
|
|
143
|
+
sprite.on("pointerup", up);
|
|
144
|
+
return {
|
|
145
|
+
sprite: this.#activeObjects
|
|
146
|
+
.set(layer.id, sprite)
|
|
147
|
+
.get(layer.id),
|
|
148
|
+
dispose: () => {
|
|
149
|
+
sprite.off("pointerdown", down);
|
|
150
|
+
sprite.off("pointerup", up);
|
|
151
|
+
}
|
|
152
|
+
};
|
|
129
153
|
}
|
|
130
154
|
}
|
|
131
155
|
}
|
|
132
156
|
else
|
|
133
|
-
return
|
|
157
|
+
return {
|
|
158
|
+
sprite: object,
|
|
159
|
+
dispose: () => { }
|
|
160
|
+
};
|
|
134
161
|
}
|
|
135
162
|
#collectIds(layers) {
|
|
136
163
|
const result = new Set();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compositor.js","sourceRoot":"","sources":["../../../s/driver/parts/compositor.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"compositor.js","sourceRoot":"","sources":["../../../s/driver/parts/compositor.ts"],"names":[],"mappings":"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"}
|
package/x/index.html
CHANGED
|
@@ -295,7 +295,7 @@ canvas {
|
|
|
295
295
|
}
|
|
296
296
|
}
|
|
297
297
|
</style>
|
|
298
|
-
<script type=module src="demo/demo.bundle.min.js?v=
|
|
298
|
+
<script type=module src="demo/demo.bundle.min.js?v=a5d7817baed9"></script>
|
|
299
299
|
|
|
300
300
|
|
|
301
301
|
<meta name="theme-color" content="#3cff9c">
|
|
@@ -317,7 +317,7 @@ canvas {
|
|
|
317
317
|
<section>
|
|
318
318
|
<header class="hero">
|
|
319
319
|
<div>
|
|
320
|
-
<h1>Omnitool <small>v1.1.0-
|
|
320
|
+
<h1>Omnitool <small>v1.1.0-71</small></h1>
|
|
321
321
|
<p>Developer demos for decoding, preview, waveform, playback, and export.</p>
|
|
322
322
|
</div>
|
|
323
323
|
</header>
|