@oim-media/spec 1.27.8 → 1.27.10

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 (64) hide show
  1. package/BINARY_SPEC.md +190 -186
  2. package/CANONICAL_SPEC.md +409 -409
  3. package/LICENSE +55 -55
  4. package/NOTICE +6 -6
  5. package/README.md +458 -444
  6. package/action-cases.json +13 -13
  7. package/artistic-text-cases.json +690 -690
  8. package/canonical-cases.json +6 -0
  9. package/keyframe-cases.json +32 -32
  10. package/keys.json +22 -22
  11. package/marks-cases.json +34 -34
  12. package/package.json +2 -1
  13. package/pattern-cases.json +552 -552
  14. package/schema/oim.schema.json +2920 -2920
  15. package/schema/oim2.schema.json +2763 -0
  16. package/schema/ovm.schema.json +2701 -2701
  17. package/text-effect-cases.json +835 -835
  18. package/tools/parity-core.mjs +122 -122
  19. package/tools/parity.mjs +86 -86
  20. package/vectors/README.md +105 -103
  21. package/vectors/accessibility.expected.json +67 -67
  22. package/vectors/artistic-text.expected.json +84 -84
  23. package/vectors/asymmetric-borders.expected.json +29 -29
  24. package/vectors/background-pattern-order.expected.json +95 -95
  25. package/vectors/basic-text.expected.json +29 -29
  26. package/vectors/color-blending-opacity.expected.json +47 -47
  27. package/vectors/crop.expected.json +32 -32
  28. package/vectors/embedded-font-woff.expected.json +57 -57
  29. package/vectors/extreme-aspect-ratios.expected.json +29 -29
  30. package/vectors/filter-effects.expected.json +33 -33
  31. package/vectors/flip.expected.json +47 -47
  32. package/vectors/frame-shapes.expected.json +73 -73
  33. package/vectors/full-monty-composite.expected.json +96 -96
  34. package/vectors/golden/exceptions.json +3 -3
  35. package/vectors/golden/mask-window.web.png +0 -0
  36. package/vectors/golden/zone-group.web.png +0 -0
  37. package/vectors/groups-and-parallax.expected.json +90 -90
  38. package/vectors/image-fill.expected.json +54 -54
  39. package/vectors/interactive-chained-actions.expected.json +77 -77
  40. package/vectors/interactive-hover.expected.json +36 -36
  41. package/vectors/interactive.expected.json +121 -121
  42. package/vectors/layer-blur.expected.json +48 -48
  43. package/vectors/layer-grain.expected.json +52 -52
  44. package/vectors/layer-ordering-zindex.expected.json +62 -62
  45. package/vectors/legacy-text-chunk.expected.json +29 -29
  46. package/vectors/mask-window.expected.json +45 -0
  47. package/vectors/mask-window.oim.png +0 -0
  48. package/vectors/media-filters.expected.json +50 -50
  49. package/vectors/multi-container-layout.expected.json +45 -45
  50. package/vectors/multilang-cjk-rtl.expected.json +30 -30
  51. package/vectors/nested-groups.expected.json +68 -68
  52. package/vectors/palettes.expected.json +57 -57
  53. package/vectors/parallax-infinite.expected.json +39 -39
  54. package/vectors/pattern-color-roles.expected.json +68 -68
  55. package/vectors/reedit-english.expected.json +45 -45
  56. package/vectors/reveal-and-play.expected.json +107 -107
  57. package/vectors/shadow-effects.expected.json +34 -34
  58. package/vectors/shape-shadows.expected.json +62 -62
  59. package/vectors/strokes-and-borders.expected.json +31 -31
  60. package/vectors/text-runs-precalculated.expected.json +46 -46
  61. package/vectors/transparent-background.expected.json +30 -30
  62. package/vectors/typography-styling.expected.json +34 -34
  63. package/vectors/zone-group.expected.json +46 -0
  64. package/vectors/zone-group.oim.png +0 -0
@@ -1,835 +1,835 @@
1
- {
2
- "wavePeriod": 1.0471975511965976,
3
- "entrance": [
4
- {
5
- "effect": "fade-chars",
6
- "t": 0,
7
- "index": 2,
8
- "stagger": 0.05,
9
- "delay": 0.1,
10
- "frame": {
11
- "opacity": 0,
12
- "translateYEm": 0,
13
- "scale": 1,
14
- "rotateDeg": 0
15
- }
16
- },
17
- {
18
- "effect": "fade-chars",
19
- "t": 0.1,
20
- "index": 2,
21
- "stagger": 0.05,
22
- "delay": 0.1,
23
- "frame": {
24
- "opacity": 0,
25
- "translateYEm": 0,
26
- "scale": 1,
27
- "rotateDeg": 0
28
- }
29
- },
30
- {
31
- "effect": "fade-chars",
32
- "t": 0.2,
33
- "index": 2,
34
- "stagger": 0.05,
35
- "delay": 0.1,
36
- "frame": {
37
- "opacity": 0,
38
- "translateYEm": 0,
39
- "scale": 1,
40
- "rotateDeg": 0
41
- }
42
- },
43
- {
44
- "effect": "fade-chars",
45
- "t": 0.4,
46
- "index": 2,
47
- "stagger": 0.05,
48
- "delay": 0.1,
49
- "frame": {
50
- "opacity": 0.8163265306122449,
51
- "translateYEm": 0,
52
- "scale": 1,
53
- "rotateDeg": 0
54
- }
55
- },
56
- {
57
- "effect": "fade-chars",
58
- "t": 1,
59
- "index": 2,
60
- "stagger": 0.05,
61
- "delay": 0.1,
62
- "frame": {
63
- "opacity": 1,
64
- "translateYEm": 0,
65
- "scale": 1,
66
- "rotateDeg": 0
67
- }
68
- },
69
- {
70
- "effect": "slide-up",
71
- "t": 0,
72
- "index": 2,
73
- "stagger": 0.05,
74
- "delay": 0.1,
75
- "frame": {
76
- "opacity": 0,
77
- "translateYEm": 0.6,
78
- "scale": 1,
79
- "rotateDeg": 0
80
- }
81
- },
82
- {
83
- "effect": "slide-up",
84
- "t": 0.1,
85
- "index": 2,
86
- "stagger": 0.05,
87
- "delay": 0.1,
88
- "frame": {
89
- "opacity": 0,
90
- "translateYEm": 0.6,
91
- "scale": 1,
92
- "rotateDeg": 0
93
- }
94
- },
95
- {
96
- "effect": "slide-up",
97
- "t": 0.2,
98
- "index": 2,
99
- "stagger": 0.05,
100
- "delay": 0.1,
101
- "frame": {
102
- "opacity": 0,
103
- "translateYEm": 0.6,
104
- "scale": 1,
105
- "rotateDeg": 0
106
- }
107
- },
108
- {
109
- "effect": "slide-up",
110
- "t": 0.4,
111
- "index": 2,
112
- "stagger": 0.05,
113
- "delay": 0.1,
114
- "frame": {
115
- "opacity": 0.8163265306122449,
116
- "translateYEm": 0.11020408163265305,
117
- "scale": 1,
118
- "rotateDeg": 0
119
- }
120
- },
121
- {
122
- "effect": "slide-up",
123
- "t": 1,
124
- "index": 2,
125
- "stagger": 0.05,
126
- "delay": 0.1,
127
- "frame": {
128
- "opacity": 1,
129
- "translateYEm": 0,
130
- "scale": 1,
131
- "rotateDeg": 0
132
- }
133
- },
134
- {
135
- "effect": "bounce-chars",
136
- "t": 0,
137
- "index": 2,
138
- "stagger": 0.05,
139
- "delay": 0.1,
140
- "frame": {
141
- "opacity": 0,
142
- "translateYEm": 0,
143
- "scale": 0,
144
- "rotateDeg": 0
145
- }
146
- },
147
- {
148
- "effect": "bounce-chars",
149
- "t": 0.1,
150
- "index": 2,
151
- "stagger": 0.05,
152
- "delay": 0.1,
153
- "frame": {
154
- "opacity": 0,
155
- "translateYEm": 0,
156
- "scale": 0,
157
- "rotateDeg": 0
158
- }
159
- },
160
- {
161
- "effect": "bounce-chars",
162
- "t": 0.2,
163
- "index": 2,
164
- "stagger": 0.05,
165
- "delay": 0.1,
166
- "frame": {
167
- "opacity": 0,
168
- "translateYEm": 0,
169
- "scale": 0,
170
- "rotateDeg": 0
171
- }
172
- },
173
- {
174
- "effect": "bounce-chars",
175
- "t": 0.4,
176
- "index": 2,
177
- "stagger": 0.05,
178
- "delay": 0.1,
179
- "frame": {
180
- "opacity": 0.8163265306122449,
181
- "translateYEm": 0,
182
- "scale": 1.091837,
183
- "rotateDeg": 0
184
- }
185
- },
186
- {
187
- "effect": "bounce-chars",
188
- "t": 1,
189
- "index": 2,
190
- "stagger": 0.05,
191
- "delay": 0.1,
192
- "frame": {
193
- "opacity": 1,
194
- "translateYEm": 0,
195
- "scale": 1,
196
- "rotateDeg": 0
197
- }
198
- },
199
- {
200
- "effect": "reveal-mask",
201
- "t": 0,
202
- "index": 2,
203
- "stagger": 0.05,
204
- "delay": 0.1,
205
- "frame": {
206
- "opacity": 1,
207
- "translateYEm": 1.2,
208
- "scale": 1,
209
- "rotateDeg": 0
210
- }
211
- },
212
- {
213
- "effect": "reveal-mask",
214
- "t": 0.1,
215
- "index": 2,
216
- "stagger": 0.05,
217
- "delay": 0.1,
218
- "frame": {
219
- "opacity": 1,
220
- "translateYEm": 1.2,
221
- "scale": 1,
222
- "rotateDeg": 0
223
- }
224
- },
225
- {
226
- "effect": "reveal-mask",
227
- "t": 0.2,
228
- "index": 2,
229
- "stagger": 0.05,
230
- "delay": 0.1,
231
- "frame": {
232
- "opacity": 1,
233
- "translateYEm": 1.2,
234
- "scale": 1,
235
- "rotateDeg": 0
236
- }
237
- },
238
- {
239
- "effect": "reveal-mask",
240
- "t": 0.4,
241
- "index": 2,
242
- "stagger": 0.05,
243
- "delay": 0.1,
244
- "frame": {
245
- "opacity": 1,
246
- "translateYEm": 0.2204081632653061,
247
- "scale": 1,
248
- "rotateDeg": 0
249
- }
250
- },
251
- {
252
- "effect": "reveal-mask",
253
- "t": 1,
254
- "index": 2,
255
- "stagger": 0.05,
256
- "delay": 0.1,
257
- "frame": {
258
- "opacity": 1,
259
- "translateYEm": 0,
260
- "scale": 1,
261
- "rotateDeg": 0
262
- }
263
- },
264
- {
265
- "effect": "scale-in",
266
- "t": 0,
267
- "index": 2,
268
- "stagger": 0.05,
269
- "delay": 0.1,
270
- "frame": {
271
- "opacity": 0,
272
- "translateYEm": 0,
273
- "scale": 0.6,
274
- "rotateDeg": 0
275
- }
276
- },
277
- {
278
- "effect": "scale-in",
279
- "t": 0.1,
280
- "index": 2,
281
- "stagger": 0.05,
282
- "delay": 0.1,
283
- "frame": {
284
- "opacity": 0,
285
- "translateYEm": 0,
286
- "scale": 0.6,
287
- "rotateDeg": 0
288
- }
289
- },
290
- {
291
- "effect": "scale-in",
292
- "t": 0.2,
293
- "index": 2,
294
- "stagger": 0.05,
295
- "delay": 0.1,
296
- "frame": {
297
- "opacity": 0,
298
- "translateYEm": 0,
299
- "scale": 0.6,
300
- "rotateDeg": 0
301
- }
302
- },
303
- {
304
- "effect": "scale-in",
305
- "t": 0.4,
306
- "index": 2,
307
- "stagger": 0.05,
308
- "delay": 0.1,
309
- "frame": {
310
- "opacity": 0.8163265306122449,
311
- "translateYEm": 0,
312
- "scale": 0.926530612244898,
313
- "rotateDeg": 0
314
- }
315
- },
316
- {
317
- "effect": "scale-in",
318
- "t": 1,
319
- "index": 2,
320
- "stagger": 0.05,
321
- "delay": 0.1,
322
- "frame": {
323
- "opacity": 1,
324
- "translateYEm": 0,
325
- "scale": 1,
326
- "rotateDeg": 0
327
- }
328
- },
329
- {
330
- "effect": "rise-words",
331
- "t": 0,
332
- "index": 2,
333
- "stagger": 0.05,
334
- "delay": 0.1,
335
- "frame": {
336
- "opacity": 0,
337
- "translateYEm": 0.8,
338
- "scale": 1,
339
- "rotateDeg": 8
340
- }
341
- },
342
- {
343
- "effect": "rise-words",
344
- "t": 0.1,
345
- "index": 2,
346
- "stagger": 0.05,
347
- "delay": 0.1,
348
- "frame": {
349
- "opacity": 0,
350
- "translateYEm": 0.8,
351
- "scale": 1,
352
- "rotateDeg": 8
353
- }
354
- },
355
- {
356
- "effect": "rise-words",
357
- "t": 0.2,
358
- "index": 2,
359
- "stagger": 0.05,
360
- "delay": 0.1,
361
- "frame": {
362
- "opacity": 0,
363
- "translateYEm": 0.8,
364
- "scale": 1,
365
- "rotateDeg": 8
366
- }
367
- },
368
- {
369
- "effect": "rise-words",
370
- "t": 0.4,
371
- "index": 2,
372
- "stagger": 0.05,
373
- "delay": 0.1,
374
- "frame": {
375
- "opacity": 0.8163265306122449,
376
- "translateYEm": 0.14693877551020407,
377
- "scale": 1,
378
- "rotateDeg": 1.4693877551020407
379
- }
380
- },
381
- {
382
- "effect": "rise-words",
383
- "t": 1,
384
- "index": 2,
385
- "stagger": 0.05,
386
- "delay": 0.1,
387
- "frame": {
388
- "opacity": 1,
389
- "translateYEm": 0,
390
- "scale": 1,
391
- "rotateDeg": 0
392
- }
393
- }
394
- ],
395
- "units": [
396
- {
397
- "effect": "fade-chars",
398
- "text": "Hola mundo",
399
- "units": [
400
- "H",
401
- "o",
402
- "l",
403
- "a",
404
- " ",
405
- " ",
406
- "m",
407
- "u",
408
- "n",
409
- "d",
410
- "o"
411
- ]
412
- },
413
- {
414
- "effect": "slide-up",
415
- "text": "Hola mundo",
416
- "units": [
417
- "Hola",
418
- " ",
419
- "mundo"
420
- ]
421
- },
422
- {
423
- "effect": "bounce-chars",
424
- "text": "Hola mundo",
425
- "units": [
426
- "H",
427
- "o",
428
- "l",
429
- "a",
430
- " ",
431
- " ",
432
- "m",
433
- "u",
434
- "n",
435
- "d",
436
- "o"
437
- ]
438
- },
439
- {
440
- "effect": "reveal-mask",
441
- "text": "Hola mundo",
442
- "units": [
443
- "Hola",
444
- " ",
445
- "mundo"
446
- ]
447
- },
448
- {
449
- "effect": "scale-in",
450
- "text": "Hola mundo",
451
- "units": [
452
- "H",
453
- "o",
454
- "l",
455
- "a",
456
- " ",
457
- " ",
458
- "m",
459
- "u",
460
- "n",
461
- "d",
462
- "o"
463
- ]
464
- },
465
- {
466
- "effect": "rise-words",
467
- "text": "Hola mundo",
468
- "units": [
469
- "Hola",
470
- " ",
471
- "mundo"
472
- ]
473
- }
474
- ],
475
- "glitch": [
476
- {
477
- "type": "glitch-cyberpunk",
478
- "t": 0,
479
- "speed": 1,
480
- "delay": 0,
481
- "intensity": 60,
482
- "layers": {
483
- "skewX": 0,
484
- "copies": [
485
- {
486
- "color": "#00ffff",
487
- "dx": 0,
488
- "dy": 0,
489
- "opacity": 0
490
- },
491
- {
492
- "color": "#ff00ff",
493
- "dx": 0,
494
- "dy": 0,
495
- "opacity": 0
496
- }
497
- ]
498
- }
499
- },
500
- {
501
- "type": "glitch-cyberpunk",
502
- "t": 0.5,
503
- "speed": 1,
504
- "delay": 0,
505
- "intensity": 60,
506
- "layers": {
507
- "skewX": 0,
508
- "copies": [
509
- {
510
- "color": "#00ffff",
511
- "dx": 0,
512
- "dy": 0,
513
- "opacity": 0
514
- },
515
- {
516
- "color": "#ff00ff",
517
- "dx": 0,
518
- "dy": 0,
519
- "opacity": 0
520
- }
521
- ]
522
- }
523
- },
524
- {
525
- "type": "glitch-cyberpunk",
526
- "t": 0.75,
527
- "speed": 1,
528
- "delay": 0,
529
- "intensity": 60,
530
- "layers": {
531
- "skewX": 0,
532
- "copies": [
533
- {
534
- "color": "#00ffff",
535
- "dx": 0.89,
536
- "dy": 0.43,
537
- "opacity": 0.85
538
- },
539
- {
540
- "color": "#ff00ff",
541
- "dx": -0.95,
542
- "dy": 1.34,
543
- "opacity": 0.85
544
- }
545
- ]
546
- }
547
- },
548
- {
549
- "type": "glitch-cyberpunk",
550
- "t": 0.9,
551
- "speed": 1,
552
- "delay": 0,
553
- "intensity": 60,
554
- "layers": {
555
- "skewX": 1.11,
556
- "copies": [
557
- {
558
- "color": "#00ffff",
559
- "dx": 3.4,
560
- "dy": 0.54,
561
- "opacity": 0.85
562
- },
563
- {
564
- "color": "#ff00ff",
565
- "dx": -4.03,
566
- "dy": -0.01,
567
- "opacity": 0.85
568
- }
569
- ]
570
- }
571
- },
572
- {
573
- "type": "glitch-cyberpunk",
574
- "t": 1.8,
575
- "speed": 1,
576
- "delay": 0,
577
- "intensity": 60,
578
- "layers": {
579
- "skewX": 0.37,
580
- "copies": [
581
- {
582
- "color": "#00ffff",
583
- "dx": -3.38,
584
- "dy": 1.91,
585
- "opacity": 0.85
586
- },
587
- {
588
- "color": "#ff00ff",
589
- "dx": 0.89,
590
- "dy": 0.9,
591
- "opacity": 0.85
592
- }
593
- ]
594
- }
595
- },
596
- {
597
- "type": "glitch-cyberpunk",
598
- "t": 2.95,
599
- "speed": 1,
600
- "delay": 0,
601
- "intensity": 60,
602
- "layers": {
603
- "skewX": 0,
604
- "copies": [
605
- {
606
- "color": "#00ffff",
607
- "dx": -4.12,
608
- "dy": 0.04,
609
- "opacity": 0.85
610
- },
611
- {
612
- "color": "#ff00ff",
613
- "dx": -2.69,
614
- "dy": -0.13,
615
- "opacity": 0.85
616
- }
617
- ]
618
- }
619
- },
620
- {
621
- "type": "glitch-slice",
622
- "t": 0,
623
- "speed": 1,
624
- "delay": 0,
625
- "intensity": 60,
626
- "layers": {
627
- "skewX": 0,
628
- "copies": [
629
- {
630
- "dx": 0,
631
- "dy": 0,
632
- "opacity": 0,
633
- "clip": {
634
- "top": 0,
635
- "bottom": 0
636
- }
637
- }
638
- ]
639
- }
640
- },
641
- {
642
- "type": "glitch-slice",
643
- "t": 0.5,
644
- "speed": 1,
645
- "delay": 0,
646
- "intensity": 60,
647
- "layers": {
648
- "skewX": 0,
649
- "copies": [
650
- {
651
- "dx": 0,
652
- "dy": 0,
653
- "opacity": 0,
654
- "clip": {
655
- "top": 0,
656
- "bottom": 0
657
- }
658
- }
659
- ]
660
- }
661
- },
662
- {
663
- "type": "glitch-slice",
664
- "t": 0.75,
665
- "speed": 1,
666
- "delay": 0,
667
- "intensity": 60,
668
- "layers": {
669
- "skewX": 0,
670
- "copies": [
671
- {
672
- "dx": -6.57,
673
- "dy": 0,
674
- "opacity": 1,
675
- "clip": {
676
- "top": 69.24,
677
- "bottom": 91.28
678
- }
679
- }
680
- ]
681
- }
682
- },
683
- {
684
- "type": "glitch-slice",
685
- "t": 0.9,
686
- "speed": 1,
687
- "delay": 0,
688
- "intensity": 60,
689
- "layers": {
690
- "skewX": 0,
691
- "copies": [
692
- {
693
- "dx": -2.14,
694
- "dy": 0,
695
- "opacity": 1,
696
- "clip": {
697
- "top": 72.62,
698
- "bottom": 87.25
699
- }
700
- }
701
- ]
702
- }
703
- },
704
- {
705
- "type": "glitch-slice",
706
- "t": 1.8,
707
- "speed": 1,
708
- "delay": 0,
709
- "intensity": 60,
710
- "layers": {
711
- "skewX": 0,
712
- "copies": [
713
- {
714
- "dx": 5.63,
715
- "dy": 0,
716
- "opacity": 1,
717
- "clip": {
718
- "top": 7.02,
719
- "bottom": 19.7
720
- }
721
- }
722
- ]
723
- }
724
- },
725
- {
726
- "type": "glitch-slice",
727
- "t": 2.95,
728
- "speed": 1,
729
- "delay": 0,
730
- "intensity": 60,
731
- "layers": {
732
- "skewX": 0,
733
- "copies": [
734
- {
735
- "dx": 2.77,
736
- "dy": 0,
737
- "opacity": 1,
738
- "clip": {
739
- "top": 15.8,
740
- "bottom": 29.62
741
- }
742
- }
743
- ]
744
- }
745
- }
746
- ],
747
- "typewriter": [
748
- {
749
- "text": "Hola mundo",
750
- "t": 0,
751
- "speed": 8,
752
- "delay": 0.2,
753
- "cursor": true,
754
- "state": {
755
- "visibleText": "",
756
- "showCursor": true,
757
- "isComplete": false
758
- }
759
- },
760
- {
761
- "text": "Hola mundo",
762
- "t": 0.3,
763
- "speed": 8,
764
- "delay": 0.2,
765
- "cursor": true,
766
- "state": {
767
- "visibleText": "",
768
- "showCursor": true,
769
- "isComplete": false
770
- }
771
- },
772
- {
773
- "text": "Hola mundo",
774
- "t": 0.45,
775
- "speed": 8,
776
- "delay": 0.2,
777
- "cursor": true,
778
- "state": {
779
- "visibleText": "Ho",
780
- "showCursor": false,
781
- "isComplete": false
782
- }
783
- },
784
- {
785
- "text": "Hola mundo",
786
- "t": 1,
787
- "speed": 8,
788
- "delay": 0.2,
789
- "cursor": true,
790
- "state": {
791
- "visibleText": "Hola m",
792
- "showCursor": true,
793
- "isComplete": false
794
- }
795
- },
796
- {
797
- "text": "Hola mundo",
798
- "t": 5,
799
- "speed": 8,
800
- "delay": 0.2,
801
- "cursor": true,
802
- "state": {
803
- "visibleText": "Hola mundo",
804
- "showCursor": true,
805
- "isComplete": true
806
- }
807
- }
808
- ],
809
- "wave": [
810
- {
811
- "index": 0,
812
- "speed": 0.05,
813
- "delay": 0.3,
814
- "start": 0.3
815
- },
816
- {
817
- "index": 1,
818
- "speed": 0.05,
819
- "delay": 0.3,
820
- "start": -0.6971975511965975
821
- },
822
- {
823
- "index": 2,
824
- "speed": 0.05,
825
- "delay": 0.3,
826
- "start": -0.6471975511965975
827
- },
828
- {
829
- "index": 7,
830
- "speed": 0.05,
831
- "delay": 0.3,
832
- "start": -0.39719755119659755
833
- }
834
- ]
835
- }
1
+ {
2
+ "wavePeriod": 1.0471975511965976,
3
+ "entrance": [
4
+ {
5
+ "effect": "fade-chars",
6
+ "t": 0,
7
+ "index": 2,
8
+ "stagger": 0.05,
9
+ "delay": 0.1,
10
+ "frame": {
11
+ "opacity": 0,
12
+ "translateYEm": 0,
13
+ "scale": 1,
14
+ "rotateDeg": 0
15
+ }
16
+ },
17
+ {
18
+ "effect": "fade-chars",
19
+ "t": 0.1,
20
+ "index": 2,
21
+ "stagger": 0.05,
22
+ "delay": 0.1,
23
+ "frame": {
24
+ "opacity": 0,
25
+ "translateYEm": 0,
26
+ "scale": 1,
27
+ "rotateDeg": 0
28
+ }
29
+ },
30
+ {
31
+ "effect": "fade-chars",
32
+ "t": 0.2,
33
+ "index": 2,
34
+ "stagger": 0.05,
35
+ "delay": 0.1,
36
+ "frame": {
37
+ "opacity": 0,
38
+ "translateYEm": 0,
39
+ "scale": 1,
40
+ "rotateDeg": 0
41
+ }
42
+ },
43
+ {
44
+ "effect": "fade-chars",
45
+ "t": 0.4,
46
+ "index": 2,
47
+ "stagger": 0.05,
48
+ "delay": 0.1,
49
+ "frame": {
50
+ "opacity": 0.8163265306122449,
51
+ "translateYEm": 0,
52
+ "scale": 1,
53
+ "rotateDeg": 0
54
+ }
55
+ },
56
+ {
57
+ "effect": "fade-chars",
58
+ "t": 1,
59
+ "index": 2,
60
+ "stagger": 0.05,
61
+ "delay": 0.1,
62
+ "frame": {
63
+ "opacity": 1,
64
+ "translateYEm": 0,
65
+ "scale": 1,
66
+ "rotateDeg": 0
67
+ }
68
+ },
69
+ {
70
+ "effect": "slide-up",
71
+ "t": 0,
72
+ "index": 2,
73
+ "stagger": 0.05,
74
+ "delay": 0.1,
75
+ "frame": {
76
+ "opacity": 0,
77
+ "translateYEm": 0.6,
78
+ "scale": 1,
79
+ "rotateDeg": 0
80
+ }
81
+ },
82
+ {
83
+ "effect": "slide-up",
84
+ "t": 0.1,
85
+ "index": 2,
86
+ "stagger": 0.05,
87
+ "delay": 0.1,
88
+ "frame": {
89
+ "opacity": 0,
90
+ "translateYEm": 0.6,
91
+ "scale": 1,
92
+ "rotateDeg": 0
93
+ }
94
+ },
95
+ {
96
+ "effect": "slide-up",
97
+ "t": 0.2,
98
+ "index": 2,
99
+ "stagger": 0.05,
100
+ "delay": 0.1,
101
+ "frame": {
102
+ "opacity": 0,
103
+ "translateYEm": 0.6,
104
+ "scale": 1,
105
+ "rotateDeg": 0
106
+ }
107
+ },
108
+ {
109
+ "effect": "slide-up",
110
+ "t": 0.4,
111
+ "index": 2,
112
+ "stagger": 0.05,
113
+ "delay": 0.1,
114
+ "frame": {
115
+ "opacity": 0.8163265306122449,
116
+ "translateYEm": 0.11020408163265305,
117
+ "scale": 1,
118
+ "rotateDeg": 0
119
+ }
120
+ },
121
+ {
122
+ "effect": "slide-up",
123
+ "t": 1,
124
+ "index": 2,
125
+ "stagger": 0.05,
126
+ "delay": 0.1,
127
+ "frame": {
128
+ "opacity": 1,
129
+ "translateYEm": 0,
130
+ "scale": 1,
131
+ "rotateDeg": 0
132
+ }
133
+ },
134
+ {
135
+ "effect": "bounce-chars",
136
+ "t": 0,
137
+ "index": 2,
138
+ "stagger": 0.05,
139
+ "delay": 0.1,
140
+ "frame": {
141
+ "opacity": 0,
142
+ "translateYEm": 0,
143
+ "scale": 0,
144
+ "rotateDeg": 0
145
+ }
146
+ },
147
+ {
148
+ "effect": "bounce-chars",
149
+ "t": 0.1,
150
+ "index": 2,
151
+ "stagger": 0.05,
152
+ "delay": 0.1,
153
+ "frame": {
154
+ "opacity": 0,
155
+ "translateYEm": 0,
156
+ "scale": 0,
157
+ "rotateDeg": 0
158
+ }
159
+ },
160
+ {
161
+ "effect": "bounce-chars",
162
+ "t": 0.2,
163
+ "index": 2,
164
+ "stagger": 0.05,
165
+ "delay": 0.1,
166
+ "frame": {
167
+ "opacity": 0,
168
+ "translateYEm": 0,
169
+ "scale": 0,
170
+ "rotateDeg": 0
171
+ }
172
+ },
173
+ {
174
+ "effect": "bounce-chars",
175
+ "t": 0.4,
176
+ "index": 2,
177
+ "stagger": 0.05,
178
+ "delay": 0.1,
179
+ "frame": {
180
+ "opacity": 0.8163265306122449,
181
+ "translateYEm": 0,
182
+ "scale": 1.091837,
183
+ "rotateDeg": 0
184
+ }
185
+ },
186
+ {
187
+ "effect": "bounce-chars",
188
+ "t": 1,
189
+ "index": 2,
190
+ "stagger": 0.05,
191
+ "delay": 0.1,
192
+ "frame": {
193
+ "opacity": 1,
194
+ "translateYEm": 0,
195
+ "scale": 1,
196
+ "rotateDeg": 0
197
+ }
198
+ },
199
+ {
200
+ "effect": "reveal-mask",
201
+ "t": 0,
202
+ "index": 2,
203
+ "stagger": 0.05,
204
+ "delay": 0.1,
205
+ "frame": {
206
+ "opacity": 1,
207
+ "translateYEm": 1.2,
208
+ "scale": 1,
209
+ "rotateDeg": 0
210
+ }
211
+ },
212
+ {
213
+ "effect": "reveal-mask",
214
+ "t": 0.1,
215
+ "index": 2,
216
+ "stagger": 0.05,
217
+ "delay": 0.1,
218
+ "frame": {
219
+ "opacity": 1,
220
+ "translateYEm": 1.2,
221
+ "scale": 1,
222
+ "rotateDeg": 0
223
+ }
224
+ },
225
+ {
226
+ "effect": "reveal-mask",
227
+ "t": 0.2,
228
+ "index": 2,
229
+ "stagger": 0.05,
230
+ "delay": 0.1,
231
+ "frame": {
232
+ "opacity": 1,
233
+ "translateYEm": 1.2,
234
+ "scale": 1,
235
+ "rotateDeg": 0
236
+ }
237
+ },
238
+ {
239
+ "effect": "reveal-mask",
240
+ "t": 0.4,
241
+ "index": 2,
242
+ "stagger": 0.05,
243
+ "delay": 0.1,
244
+ "frame": {
245
+ "opacity": 1,
246
+ "translateYEm": 0.2204081632653061,
247
+ "scale": 1,
248
+ "rotateDeg": 0
249
+ }
250
+ },
251
+ {
252
+ "effect": "reveal-mask",
253
+ "t": 1,
254
+ "index": 2,
255
+ "stagger": 0.05,
256
+ "delay": 0.1,
257
+ "frame": {
258
+ "opacity": 1,
259
+ "translateYEm": 0,
260
+ "scale": 1,
261
+ "rotateDeg": 0
262
+ }
263
+ },
264
+ {
265
+ "effect": "scale-in",
266
+ "t": 0,
267
+ "index": 2,
268
+ "stagger": 0.05,
269
+ "delay": 0.1,
270
+ "frame": {
271
+ "opacity": 0,
272
+ "translateYEm": 0,
273
+ "scale": 0.6,
274
+ "rotateDeg": 0
275
+ }
276
+ },
277
+ {
278
+ "effect": "scale-in",
279
+ "t": 0.1,
280
+ "index": 2,
281
+ "stagger": 0.05,
282
+ "delay": 0.1,
283
+ "frame": {
284
+ "opacity": 0,
285
+ "translateYEm": 0,
286
+ "scale": 0.6,
287
+ "rotateDeg": 0
288
+ }
289
+ },
290
+ {
291
+ "effect": "scale-in",
292
+ "t": 0.2,
293
+ "index": 2,
294
+ "stagger": 0.05,
295
+ "delay": 0.1,
296
+ "frame": {
297
+ "opacity": 0,
298
+ "translateYEm": 0,
299
+ "scale": 0.6,
300
+ "rotateDeg": 0
301
+ }
302
+ },
303
+ {
304
+ "effect": "scale-in",
305
+ "t": 0.4,
306
+ "index": 2,
307
+ "stagger": 0.05,
308
+ "delay": 0.1,
309
+ "frame": {
310
+ "opacity": 0.8163265306122449,
311
+ "translateYEm": 0,
312
+ "scale": 0.926530612244898,
313
+ "rotateDeg": 0
314
+ }
315
+ },
316
+ {
317
+ "effect": "scale-in",
318
+ "t": 1,
319
+ "index": 2,
320
+ "stagger": 0.05,
321
+ "delay": 0.1,
322
+ "frame": {
323
+ "opacity": 1,
324
+ "translateYEm": 0,
325
+ "scale": 1,
326
+ "rotateDeg": 0
327
+ }
328
+ },
329
+ {
330
+ "effect": "rise-words",
331
+ "t": 0,
332
+ "index": 2,
333
+ "stagger": 0.05,
334
+ "delay": 0.1,
335
+ "frame": {
336
+ "opacity": 0,
337
+ "translateYEm": 0.8,
338
+ "scale": 1,
339
+ "rotateDeg": 8
340
+ }
341
+ },
342
+ {
343
+ "effect": "rise-words",
344
+ "t": 0.1,
345
+ "index": 2,
346
+ "stagger": 0.05,
347
+ "delay": 0.1,
348
+ "frame": {
349
+ "opacity": 0,
350
+ "translateYEm": 0.8,
351
+ "scale": 1,
352
+ "rotateDeg": 8
353
+ }
354
+ },
355
+ {
356
+ "effect": "rise-words",
357
+ "t": 0.2,
358
+ "index": 2,
359
+ "stagger": 0.05,
360
+ "delay": 0.1,
361
+ "frame": {
362
+ "opacity": 0,
363
+ "translateYEm": 0.8,
364
+ "scale": 1,
365
+ "rotateDeg": 8
366
+ }
367
+ },
368
+ {
369
+ "effect": "rise-words",
370
+ "t": 0.4,
371
+ "index": 2,
372
+ "stagger": 0.05,
373
+ "delay": 0.1,
374
+ "frame": {
375
+ "opacity": 0.8163265306122449,
376
+ "translateYEm": 0.14693877551020407,
377
+ "scale": 1,
378
+ "rotateDeg": 1.4693877551020407
379
+ }
380
+ },
381
+ {
382
+ "effect": "rise-words",
383
+ "t": 1,
384
+ "index": 2,
385
+ "stagger": 0.05,
386
+ "delay": 0.1,
387
+ "frame": {
388
+ "opacity": 1,
389
+ "translateYEm": 0,
390
+ "scale": 1,
391
+ "rotateDeg": 0
392
+ }
393
+ }
394
+ ],
395
+ "units": [
396
+ {
397
+ "effect": "fade-chars",
398
+ "text": "Hola mundo",
399
+ "units": [
400
+ "H",
401
+ "o",
402
+ "l",
403
+ "a",
404
+ " ",
405
+ " ",
406
+ "m",
407
+ "u",
408
+ "n",
409
+ "d",
410
+ "o"
411
+ ]
412
+ },
413
+ {
414
+ "effect": "slide-up",
415
+ "text": "Hola mundo",
416
+ "units": [
417
+ "Hola",
418
+ " ",
419
+ "mundo"
420
+ ]
421
+ },
422
+ {
423
+ "effect": "bounce-chars",
424
+ "text": "Hola mundo",
425
+ "units": [
426
+ "H",
427
+ "o",
428
+ "l",
429
+ "a",
430
+ " ",
431
+ " ",
432
+ "m",
433
+ "u",
434
+ "n",
435
+ "d",
436
+ "o"
437
+ ]
438
+ },
439
+ {
440
+ "effect": "reveal-mask",
441
+ "text": "Hola mundo",
442
+ "units": [
443
+ "Hola",
444
+ " ",
445
+ "mundo"
446
+ ]
447
+ },
448
+ {
449
+ "effect": "scale-in",
450
+ "text": "Hola mundo",
451
+ "units": [
452
+ "H",
453
+ "o",
454
+ "l",
455
+ "a",
456
+ " ",
457
+ " ",
458
+ "m",
459
+ "u",
460
+ "n",
461
+ "d",
462
+ "o"
463
+ ]
464
+ },
465
+ {
466
+ "effect": "rise-words",
467
+ "text": "Hola mundo",
468
+ "units": [
469
+ "Hola",
470
+ " ",
471
+ "mundo"
472
+ ]
473
+ }
474
+ ],
475
+ "glitch": [
476
+ {
477
+ "type": "glitch-cyberpunk",
478
+ "t": 0,
479
+ "speed": 1,
480
+ "delay": 0,
481
+ "intensity": 60,
482
+ "layers": {
483
+ "skewX": 0,
484
+ "copies": [
485
+ {
486
+ "color": "#00ffff",
487
+ "dx": 0,
488
+ "dy": 0,
489
+ "opacity": 0
490
+ },
491
+ {
492
+ "color": "#ff00ff",
493
+ "dx": 0,
494
+ "dy": 0,
495
+ "opacity": 0
496
+ }
497
+ ]
498
+ }
499
+ },
500
+ {
501
+ "type": "glitch-cyberpunk",
502
+ "t": 0.5,
503
+ "speed": 1,
504
+ "delay": 0,
505
+ "intensity": 60,
506
+ "layers": {
507
+ "skewX": 0,
508
+ "copies": [
509
+ {
510
+ "color": "#00ffff",
511
+ "dx": 0,
512
+ "dy": 0,
513
+ "opacity": 0
514
+ },
515
+ {
516
+ "color": "#ff00ff",
517
+ "dx": 0,
518
+ "dy": 0,
519
+ "opacity": 0
520
+ }
521
+ ]
522
+ }
523
+ },
524
+ {
525
+ "type": "glitch-cyberpunk",
526
+ "t": 0.75,
527
+ "speed": 1,
528
+ "delay": 0,
529
+ "intensity": 60,
530
+ "layers": {
531
+ "skewX": 0,
532
+ "copies": [
533
+ {
534
+ "color": "#00ffff",
535
+ "dx": 0.89,
536
+ "dy": 0.43,
537
+ "opacity": 0.85
538
+ },
539
+ {
540
+ "color": "#ff00ff",
541
+ "dx": -0.95,
542
+ "dy": 1.34,
543
+ "opacity": 0.85
544
+ }
545
+ ]
546
+ }
547
+ },
548
+ {
549
+ "type": "glitch-cyberpunk",
550
+ "t": 0.9,
551
+ "speed": 1,
552
+ "delay": 0,
553
+ "intensity": 60,
554
+ "layers": {
555
+ "skewX": 1.11,
556
+ "copies": [
557
+ {
558
+ "color": "#00ffff",
559
+ "dx": 3.4,
560
+ "dy": 0.54,
561
+ "opacity": 0.85
562
+ },
563
+ {
564
+ "color": "#ff00ff",
565
+ "dx": -4.03,
566
+ "dy": -0.01,
567
+ "opacity": 0.85
568
+ }
569
+ ]
570
+ }
571
+ },
572
+ {
573
+ "type": "glitch-cyberpunk",
574
+ "t": 1.8,
575
+ "speed": 1,
576
+ "delay": 0,
577
+ "intensity": 60,
578
+ "layers": {
579
+ "skewX": 0.37,
580
+ "copies": [
581
+ {
582
+ "color": "#00ffff",
583
+ "dx": -3.38,
584
+ "dy": 1.91,
585
+ "opacity": 0.85
586
+ },
587
+ {
588
+ "color": "#ff00ff",
589
+ "dx": 0.89,
590
+ "dy": 0.9,
591
+ "opacity": 0.85
592
+ }
593
+ ]
594
+ }
595
+ },
596
+ {
597
+ "type": "glitch-cyberpunk",
598
+ "t": 2.95,
599
+ "speed": 1,
600
+ "delay": 0,
601
+ "intensity": 60,
602
+ "layers": {
603
+ "skewX": 0,
604
+ "copies": [
605
+ {
606
+ "color": "#00ffff",
607
+ "dx": -4.12,
608
+ "dy": 0.04,
609
+ "opacity": 0.85
610
+ },
611
+ {
612
+ "color": "#ff00ff",
613
+ "dx": -2.69,
614
+ "dy": -0.13,
615
+ "opacity": 0.85
616
+ }
617
+ ]
618
+ }
619
+ },
620
+ {
621
+ "type": "glitch-slice",
622
+ "t": 0,
623
+ "speed": 1,
624
+ "delay": 0,
625
+ "intensity": 60,
626
+ "layers": {
627
+ "skewX": 0,
628
+ "copies": [
629
+ {
630
+ "dx": 0,
631
+ "dy": 0,
632
+ "opacity": 0,
633
+ "clip": {
634
+ "top": 0,
635
+ "bottom": 0
636
+ }
637
+ }
638
+ ]
639
+ }
640
+ },
641
+ {
642
+ "type": "glitch-slice",
643
+ "t": 0.5,
644
+ "speed": 1,
645
+ "delay": 0,
646
+ "intensity": 60,
647
+ "layers": {
648
+ "skewX": 0,
649
+ "copies": [
650
+ {
651
+ "dx": 0,
652
+ "dy": 0,
653
+ "opacity": 0,
654
+ "clip": {
655
+ "top": 0,
656
+ "bottom": 0
657
+ }
658
+ }
659
+ ]
660
+ }
661
+ },
662
+ {
663
+ "type": "glitch-slice",
664
+ "t": 0.75,
665
+ "speed": 1,
666
+ "delay": 0,
667
+ "intensity": 60,
668
+ "layers": {
669
+ "skewX": 0,
670
+ "copies": [
671
+ {
672
+ "dx": -6.57,
673
+ "dy": 0,
674
+ "opacity": 1,
675
+ "clip": {
676
+ "top": 69.24,
677
+ "bottom": 91.28
678
+ }
679
+ }
680
+ ]
681
+ }
682
+ },
683
+ {
684
+ "type": "glitch-slice",
685
+ "t": 0.9,
686
+ "speed": 1,
687
+ "delay": 0,
688
+ "intensity": 60,
689
+ "layers": {
690
+ "skewX": 0,
691
+ "copies": [
692
+ {
693
+ "dx": -2.14,
694
+ "dy": 0,
695
+ "opacity": 1,
696
+ "clip": {
697
+ "top": 72.62,
698
+ "bottom": 87.25
699
+ }
700
+ }
701
+ ]
702
+ }
703
+ },
704
+ {
705
+ "type": "glitch-slice",
706
+ "t": 1.8,
707
+ "speed": 1,
708
+ "delay": 0,
709
+ "intensity": 60,
710
+ "layers": {
711
+ "skewX": 0,
712
+ "copies": [
713
+ {
714
+ "dx": 5.63,
715
+ "dy": 0,
716
+ "opacity": 1,
717
+ "clip": {
718
+ "top": 7.02,
719
+ "bottom": 19.7
720
+ }
721
+ }
722
+ ]
723
+ }
724
+ },
725
+ {
726
+ "type": "glitch-slice",
727
+ "t": 2.95,
728
+ "speed": 1,
729
+ "delay": 0,
730
+ "intensity": 60,
731
+ "layers": {
732
+ "skewX": 0,
733
+ "copies": [
734
+ {
735
+ "dx": 2.77,
736
+ "dy": 0,
737
+ "opacity": 1,
738
+ "clip": {
739
+ "top": 15.8,
740
+ "bottom": 29.62
741
+ }
742
+ }
743
+ ]
744
+ }
745
+ }
746
+ ],
747
+ "typewriter": [
748
+ {
749
+ "text": "Hola mundo",
750
+ "t": 0,
751
+ "speed": 8,
752
+ "delay": 0.2,
753
+ "cursor": true,
754
+ "state": {
755
+ "visibleText": "",
756
+ "showCursor": true,
757
+ "isComplete": false
758
+ }
759
+ },
760
+ {
761
+ "text": "Hola mundo",
762
+ "t": 0.3,
763
+ "speed": 8,
764
+ "delay": 0.2,
765
+ "cursor": true,
766
+ "state": {
767
+ "visibleText": "",
768
+ "showCursor": true,
769
+ "isComplete": false
770
+ }
771
+ },
772
+ {
773
+ "text": "Hola mundo",
774
+ "t": 0.45,
775
+ "speed": 8,
776
+ "delay": 0.2,
777
+ "cursor": true,
778
+ "state": {
779
+ "visibleText": "Ho",
780
+ "showCursor": false,
781
+ "isComplete": false
782
+ }
783
+ },
784
+ {
785
+ "text": "Hola mundo",
786
+ "t": 1,
787
+ "speed": 8,
788
+ "delay": 0.2,
789
+ "cursor": true,
790
+ "state": {
791
+ "visibleText": "Hola m",
792
+ "showCursor": true,
793
+ "isComplete": false
794
+ }
795
+ },
796
+ {
797
+ "text": "Hola mundo",
798
+ "t": 5,
799
+ "speed": 8,
800
+ "delay": 0.2,
801
+ "cursor": true,
802
+ "state": {
803
+ "visibleText": "Hola mundo",
804
+ "showCursor": true,
805
+ "isComplete": true
806
+ }
807
+ }
808
+ ],
809
+ "wave": [
810
+ {
811
+ "index": 0,
812
+ "speed": 0.05,
813
+ "delay": 0.3,
814
+ "start": 0.3
815
+ },
816
+ {
817
+ "index": 1,
818
+ "speed": 0.05,
819
+ "delay": 0.3,
820
+ "start": -0.6971975511965975
821
+ },
822
+ {
823
+ "index": 2,
824
+ "speed": 0.05,
825
+ "delay": 0.3,
826
+ "start": -0.6471975511965975
827
+ },
828
+ {
829
+ "index": 7,
830
+ "speed": 0.05,
831
+ "delay": 0.3,
832
+ "start": -0.39719755119659755
833
+ }
834
+ ]
835
+ }