pixi-effects 0.26.3 → 0.27.0
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/CHANGELOG.md +16 -0
- package/README.md +8 -10
- package/ai/CHAT.md +1 -1
- package/ai/chat-template.html +4 -6
- package/dist/{Base-CpdDs4HT.d.ts → Base-CVezIEdo.d.ts} +2 -4
- package/dist/{Base-TbBhHPrG.d.cts → Base-DzC3i919.d.cts} +2 -4
- package/dist/Composition-4TYDRRRY.js +7 -0
- package/dist/{Composition-3O7L2VL5.js.map → Composition-4TYDRRRY.js.map} +1 -1
- package/dist/Composition-QCOWQSDB.cjs +16 -0
- package/dist/{Composition-EE3KEE2L.cjs.map → Composition-QCOWQSDB.cjs.map} +1 -1
- package/dist/Controller.d.cts +2 -3
- package/dist/Controller.d.ts +2 -3
- package/dist/{Movie-BkP82KXS.d.ts → Movie-CQ0Nz62a.d.cts} +2 -3
- package/dist/{Movie-BWLLWRRe.d.cts → Movie-M9dKm9dI.d.ts} +2 -3
- package/dist/Presenter.d.cts +2 -3
- package/dist/Presenter.d.ts +2 -3
- package/dist/{blendModes-YV43K6E7.cjs → blendModes-HDOP6R7T.cjs} +5 -5
- package/dist/{blendModes-YV43K6E7.cjs.map → blendModes-HDOP6R7T.cjs.map} +1 -1
- package/dist/{blendModes-G3NOAU3T.js → blendModes-PAVTW3BO.js} +4 -4
- package/dist/{blendModes-G3NOAU3T.js.map → blendModes-PAVTW3BO.js.map} +1 -1
- package/dist/{chunk-TLYTYBWX.js → chunk-45QKLD6M.js} +9 -11
- package/dist/chunk-45QKLD6M.js.map +1 -0
- package/dist/{chunk-WMMZDPWK.js → chunk-CKTS6G6I.js} +7 -11
- package/dist/chunk-CKTS6G6I.js.map +1 -0
- package/dist/{chunk-IIDBEYQH.cjs → chunk-NDR2VQFV.cjs} +91 -95
- package/dist/chunk-NDR2VQFV.cjs.map +1 -0
- package/dist/{chunk-3DLYAPK7.cjs → chunk-P4GY3Z4G.cjs} +5 -5
- package/dist/{chunk-3DLYAPK7.cjs.map → chunk-P4GY3Z4G.cjs.map} +1 -1
- package/dist/{chunk-A225HYSY.cjs → chunk-RQMI7EJT.cjs} +968 -256
- package/dist/chunk-RQMI7EJT.cjs.map +1 -0
- package/dist/{chunk-FXAHNPBP.js → chunk-TGJACVLD.js} +948 -239
- package/dist/chunk-TGJACVLD.js.map +1 -0
- package/dist/{chunk-AXZUKNXF.js → chunk-TYWFKCPY.js} +4 -4
- package/dist/{chunk-AXZUKNXF.js.map → chunk-TYWFKCPY.js.map} +1 -1
- package/dist/{chunk-ECA2WNRX.cjs → chunk-ZMAD3KJU.cjs} +9 -11
- package/dist/chunk-ZMAD3KJU.cjs.map +1 -0
- package/dist/index.cjs +74 -95
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +16 -14
- package/dist/index.d.ts +16 -14
- package/dist/index.js +20 -23
- package/dist/index.js.map +1 -1
- package/dist/loader.css +1 -1
- package/dist/three.cjs +6 -6
- package/dist/three.d.cts +2 -3
- package/dist/three.d.ts +2 -3
- package/dist/three.js +2 -2
- package/dist/{types-DSGwN5w1.d.cts → types-DUVefWiB.d.cts} +128 -3
- package/dist/{types-DSGwN5w1.d.ts → types-DUVefWiB.d.ts} +128 -3
- package/docs/api.md +5 -1
- package/docs/dsl.md +13 -15
- package/llms-full.txt +24 -22
- package/llms.txt +1 -1
- package/package.json +3 -4
- package/skills/pixi-effects/SKILL.md +1 -1
- package/skills/pixi-effects/reference/cheatsheet.md +1 -1
- package/skills/pixi-effects/reference/pitfalls.md +3 -3
- package/skills/pixi-effects/reference/recipes.md +1 -1
- package/skills/pixi-effects/template.html +6 -8
- package/dist/Composition-3O7L2VL5.js +0 -7
- package/dist/Composition-EE3KEE2L.cjs +0 -16
- package/dist/chunk-A225HYSY.cjs.map +0 -1
- package/dist/chunk-ECA2WNRX.cjs.map +0 -1
- package/dist/chunk-FXAHNPBP.js.map +0 -1
- package/dist/chunk-IIDBEYQH.cjs.map +0 -1
- package/dist/chunk-TLYTYBWX.js.map +0 -1
- package/dist/chunk-WMMZDPWK.js.map +0 -1
package/dist/index.d.cts
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
export { A as AudioInspectOptions, a as AudioReport, b as AudioSourceReport, C as ContactSheetOptions, F as FontReport, c as FrameEvent, I as InspectOptions, d as InspectReport, e as IssueGroup, L as LayerInfo, f as LoadProgressState, g as LoadStage, h as LoaderOption, M as MotionBlurOptions, i as MotionBlurSpec, j as Movie, k as MovieErrorEvent, l as MovieOptions, O as OnionSkinOptions, P as ProgressEvent, R as RenderOptions, m as ReviewOptions, n as ReviewReport, S as SnapshotOptions, o as SoundMeasure, p as StopEvent, q as StopImage, r as StopImagesOptions, T as TimelineData, s as TimelineHtmlOptions, t as TimelineRow, u as TimelineSvgOptions, v as TimelineTransition, V as VolumeEvent, w as dismissLoader, x as failLoader, y as resolveLoader } from './Movie-
|
|
2
|
-
import { S as SequenceSpec, C as CompositionShape, I as ImageSequenceSpec, a as CameraSequenceSpec, K as Keyframe, T as TextSequenceSpec, M as MusicOptions, P as Props, b as TransitionSpec, c as CompositionSpec, d as SequenceCommon } from './types-
|
|
3
|
-
export { A as ArcShapeSpec, e as AssetSpec, f as AudioAssetSpec, g as AudioMusicSpec, h as AudioSequenceSpec, i as AudioSfxSpec, B as BlendModeName, j as ChromaKeyFilterSpec, k as CircleShapeSpec, l as CompositionSequenceSpec, m as CrossfadeTransition, n as CustomFilterSpec, D as DipTransition, o as DissolveTransition, E as EllipseShapeSpec, p as Expr, F as FilterSpec, G as GradientSpec, q as IrisTransition, L as LightSequenceSpec, r as LineShapeSpec, s as LumaTransition, t as MaskRefSpec, u as MatteRefSpec, v as MusicDrum, w as MusicDrums, x as MusicInstrument, y as MusicLevel, z as MusicTrack, N as NullSequenceSpec, H as PathShapeSpec, J as PolygonShapeSpec, O as PropValue, R as RectShapeSpec, Q as SfxKnobs, U as SfxOptions, V as SfxPreset, W as SfxVoice, X as ShaderSequenceSpec, Y as ShapeSequenceSpec, Z as SlideTransition, _ as Stop, $ as StopSpec, a0 as TransitionCommon, a1 as VideoSequenceSpec, a2 as WipeTransition, a3 as ZoomTransition, a4 as normalizeStops, a5 as pictureStops } from './types-
|
|
4
|
-
import { S as Sequence } from './Base-
|
|
1
|
+
export { A as AudioInspectOptions, a as AudioReport, b as AudioSourceReport, C as ContactSheetOptions, F as FontReport, c as FrameEvent, I as InspectOptions, d as InspectReport, e as IssueGroup, L as LayerInfo, f as LoadProgressState, g as LoadStage, h as LoaderOption, M as MotionBlurOptions, i as MotionBlurSpec, j as Movie, k as MovieErrorEvent, l as MovieOptions, O as OnionSkinOptions, P as ProgressEvent, R as RenderOptions, m as ReviewOptions, n as ReviewReport, S as SnapshotOptions, o as SoundMeasure, p as StopEvent, q as StopImage, r as StopImagesOptions, T as TimelineData, s as TimelineHtmlOptions, t as TimelineRow, u as TimelineSvgOptions, v as TimelineTransition, V as VolumeEvent, w as dismissLoader, x as failLoader, y as resolveLoader } from './Movie-CQ0Nz62a.cjs';
|
|
2
|
+
import { S as SequenceSpec, C as CompositionShape, I as ImageSequenceSpec, a as CameraSequenceSpec, K as Keyframe, T as TextSequenceSpec, M as MusicOptions, P as Props, b as TransitionSpec, c as CompositionSpec, d as SequenceCommon } from './types-DUVefWiB.cjs';
|
|
3
|
+
export { A as ArcShapeSpec, e as AssetSpec, f as AudioAssetSpec, g as AudioMusicSpec, h as AudioSequenceSpec, i as AudioSfxSpec, B as BlendModeName, j as ChromaKeyFilterSpec, k as CircleShapeSpec, l as CompositionSequenceSpec, m as CrossfadeTransition, n as CustomFilterSpec, D as DipTransition, o as DissolveTransition, E as EllipseShapeSpec, p as Expr, F as FilterSpec, G as GradientSpec, q as IrisTransition, L as LightSequenceSpec, r as LineShapeSpec, s as LumaTransition, t as MaskRefSpec, u as MatteRefSpec, v as MusicDrum, w as MusicDrums, x as MusicInstrument, y as MusicLevel, z as MusicTrack, N as NullSequenceSpec, H as PathShapeSpec, J as PolygonShapeSpec, O as PropValue, R as RectShapeSpec, Q as SfxKnobs, U as SfxOptions, V as SfxPreset, W as SfxVoice, X as ShaderSequenceSpec, Y as ShapeSequenceSpec, Z as SlideTransition, _ as Stop, $ as StopSpec, a0 as TransitionCommon, a1 as VideoSequenceSpec, a2 as WipeTransition, a3 as ZoomTransition, a4 as normalizeStops, a5 as pictureStops } from './types-DUVefWiB.cjs';
|
|
4
|
+
import { S as Sequence } from './Base-DzC3i919.cjs';
|
|
5
5
|
import 'pixi.js';
|
|
6
|
-
import 'gsap';
|
|
7
6
|
|
|
8
7
|
/** A text style as written in a `text` layer's `style` (numbers, not expressions, for the fields that size the text). */
|
|
9
8
|
type MeasureStyle = Record<string, unknown>;
|
|
@@ -60,6 +59,9 @@ type SequenceCtor = {
|
|
|
60
59
|
/** Register an external sequence type. Later registrations overwrite earlier ones. */
|
|
61
60
|
declare function registerSequenceType(type: string, ctor: SequenceCtor): void;
|
|
62
61
|
|
|
62
|
+
/** Resolve an ease name to a function (0–1 → 0–1). An unknown name warns once and runs as the default ease, `power1.out`. */
|
|
63
|
+
declare function parseEase(name: string): (p: number) => number;
|
|
64
|
+
|
|
63
65
|
type KenBurnsOptions = KenBurnsBase & ({
|
|
64
66
|
motion: 'still';
|
|
65
67
|
} | KenBurnsScale | KenBurnsRotation | KenBurnsPosition);
|
|
@@ -74,7 +76,7 @@ interface KenBurnsBase {
|
|
|
74
76
|
duration: number;
|
|
75
77
|
/** How the image fills the canvas. Default `'cover'`. */
|
|
76
78
|
fit?: 'cover' | 'contain';
|
|
77
|
-
/**
|
|
79
|
+
/** Ease name. Default `'sine.inOut'`. */
|
|
78
80
|
ease?: string;
|
|
79
81
|
}
|
|
80
82
|
interface KenBurnsScale {
|
|
@@ -128,7 +130,7 @@ interface OrbitOptions {
|
|
|
128
130
|
height?: number;
|
|
129
131
|
/** Vertical field of view, degrees. Default 40. Written to the camera. */
|
|
130
132
|
fov?: number;
|
|
131
|
-
/** Easing of the sweep as a whole (any
|
|
133
|
+
/** Easing of the sweep as a whole (any ease name). Default `'sine.inOut'`. */
|
|
132
134
|
ease?: string;
|
|
133
135
|
/**
|
|
134
136
|
* A dolly zoom while orbiting: `fov` animates from `from` to `to` (degrees) and the radius follows it
|
|
@@ -241,7 +243,7 @@ interface FollowPathOptions {
|
|
|
241
243
|
at?: number;
|
|
242
244
|
/** How long the trip takes, in seconds. Required. */
|
|
243
245
|
duration: number;
|
|
244
|
-
/**
|
|
246
|
+
/** Ease for the progress along the path (default `'none'`: constant speed). */
|
|
245
247
|
ease?: string;
|
|
246
248
|
/** Where on the path to start and stop, as fractions 0–1 of its length (default 0 → 1). `from: 1, to: 0` goes backwards. */
|
|
247
249
|
from?: number;
|
|
@@ -275,7 +277,7 @@ interface CameraPathOptions {
|
|
|
275
277
|
at?: number;
|
|
276
278
|
/** How long the flight takes, in seconds. Required. */
|
|
277
279
|
duration: number;
|
|
278
|
-
/**
|
|
280
|
+
/** Ease for the progress along the route (default `'none'`: constant speed; `'power2.in'` is an accelerating rush). */
|
|
279
281
|
ease?: string;
|
|
280
282
|
/** Where the camera looks: a fixed `[x, y, z]`, or `'ahead'` (default): a point further along the route, so it faces where it flies. */
|
|
281
283
|
look?: [number, number, number] | 'ahead';
|
|
@@ -312,13 +314,13 @@ interface StaggerOptions {
|
|
|
312
314
|
from?: 'start' | 'end' | 'center' | 'edges' | 'random' | number;
|
|
313
315
|
/** `[columns, rows]`: the items fill a grid row by row and the wave travels by straight-line distance across it. */
|
|
314
316
|
grid?: [number, number];
|
|
315
|
-
/**
|
|
317
|
+
/** Ease that reshapes the spread (default `'none'`: even steps). The first stays at 0, the last at the full spread. */
|
|
316
318
|
ease?: string;
|
|
317
319
|
/** For `from: 'random'`: another seed is another order. Default 0. */
|
|
318
320
|
seed?: number;
|
|
319
321
|
}
|
|
320
322
|
/**
|
|
321
|
-
* Delays for a wave of items, in seconds, in the style of GSAP's `stagger
|
|
323
|
+
* Delays for a wave of items, in seconds, in the style of GSAP's `stagger` (its names, with thanks).
|
|
322
324
|
*
|
|
323
325
|
* stagger(6, { each: 0.08 }) // [0, 0.08, 0.16, …] use: `at: 1 + d[i]`
|
|
324
326
|
* stagger(letters, { each: 0.05, from: 'center' }) // the same layers with their `at` pushed back
|
|
@@ -400,7 +402,7 @@ interface AnimateTextTween {
|
|
|
400
402
|
to?: Record<string, number>;
|
|
401
403
|
/** Seconds each piece takes. */
|
|
402
404
|
duration?: number;
|
|
403
|
-
/**
|
|
405
|
+
/** Ease name. */
|
|
404
406
|
ease?: string;
|
|
405
407
|
}
|
|
406
408
|
interface AnimateTextOptions {
|
|
@@ -654,7 +656,7 @@ interface WiggleOptions {
|
|
|
654
656
|
freq?: number;
|
|
655
657
|
/** Another seed is another take of the same shake. Default 0. */
|
|
656
658
|
seed?: number;
|
|
657
|
-
/**
|
|
659
|
+
/** Ease between targets. Default `'sine.inOut'`; `'none'` gives straight, jittery lines. */
|
|
658
660
|
ease?: string;
|
|
659
661
|
/** The properties to move, each independently: `{ x: { around: 960, amp: 6 }, rotation: { around: 0, amp: 1.5 } }`. */
|
|
660
662
|
props: Record<string, WiggleProp>;
|
|
@@ -716,4 +718,4 @@ interface WithFadeOptions {
|
|
|
716
718
|
*/
|
|
717
719
|
declare function withFade<T extends SequenceCommon>(spec: T, opts: WithFadeOptions): T;
|
|
718
720
|
|
|
719
|
-
export { type AnimateTextOptions, type AnimateTextTween, type AudioEnvelope, type AudioEnvelopeSource, type CameraPathOptions, CameraSequenceSpec, CompositionSpec, type DeckOptions, type DeckPage, type DeckResult, type DeckTransition, type EnvelopeOptions, type FollowPathOptions, ImageSequenceSpec, type KenBurnsOptions, Keyframe, type MeasureStyle, MusicOptions, type OrbitOptions, type ParticlesOptions, Props, type ReactOptions, type ReactProp, SequenceCommon, type SequenceCtor, SequenceSpec, type SplitOptions, type StaggerOptions, type TextPiece, type TextPreset, TextSequenceSpec, type TextSize, TransitionSpec, type WiggleOptions, type WiggleProp, type WithFadeOptions, animateText, audioEnvelope, bpmEnvelope, cameraPath, computeEnvelope, deck, followPath, kenBurns, measureText, musicBuffer, musicEnvelope, noise, orbit, particles, rand, random, react, registerSequenceType, splitText, stagger, wiggle, withFade };
|
|
721
|
+
export { type AnimateTextOptions, type AnimateTextTween, type AudioEnvelope, type AudioEnvelopeSource, type CameraPathOptions, CameraSequenceSpec, CompositionSpec, type DeckOptions, type DeckPage, type DeckResult, type DeckTransition, type EnvelopeOptions, type FollowPathOptions, ImageSequenceSpec, type KenBurnsOptions, Keyframe, type MeasureStyle, MusicOptions, type OrbitOptions, type ParticlesOptions, Props, type ReactOptions, type ReactProp, SequenceCommon, type SequenceCtor, SequenceSpec, type SplitOptions, type StaggerOptions, type TextPiece, type TextPreset, TextSequenceSpec, type TextSize, TransitionSpec, type WiggleOptions, type WiggleProp, type WithFadeOptions, animateText, audioEnvelope, bpmEnvelope, cameraPath, computeEnvelope, deck, parseEase as ease, followPath, kenBurns, measureText, musicBuffer, musicEnvelope, noise, orbit, particles, rand, random, react, registerSequenceType, splitText, stagger, wiggle, withFade };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
export { A as AudioInspectOptions, a as AudioReport, b as AudioSourceReport, C as ContactSheetOptions, F as FontReport, c as FrameEvent, I as InspectOptions, d as InspectReport, e as IssueGroup, L as LayerInfo, f as LoadProgressState, g as LoadStage, h as LoaderOption, M as MotionBlurOptions, i as MotionBlurSpec, j as Movie, k as MovieErrorEvent, l as MovieOptions, O as OnionSkinOptions, P as ProgressEvent, R as RenderOptions, m as ReviewOptions, n as ReviewReport, S as SnapshotOptions, o as SoundMeasure, p as StopEvent, q as StopImage, r as StopImagesOptions, T as TimelineData, s as TimelineHtmlOptions, t as TimelineRow, u as TimelineSvgOptions, v as TimelineTransition, V as VolumeEvent, w as dismissLoader, x as failLoader, y as resolveLoader } from './Movie-
|
|
2
|
-
import { S as SequenceSpec, C as CompositionShape, I as ImageSequenceSpec, a as CameraSequenceSpec, K as Keyframe, T as TextSequenceSpec, M as MusicOptions, P as Props, b as TransitionSpec, c as CompositionSpec, d as SequenceCommon } from './types-
|
|
3
|
-
export { A as ArcShapeSpec, e as AssetSpec, f as AudioAssetSpec, g as AudioMusicSpec, h as AudioSequenceSpec, i as AudioSfxSpec, B as BlendModeName, j as ChromaKeyFilterSpec, k as CircleShapeSpec, l as CompositionSequenceSpec, m as CrossfadeTransition, n as CustomFilterSpec, D as DipTransition, o as DissolveTransition, E as EllipseShapeSpec, p as Expr, F as FilterSpec, G as GradientSpec, q as IrisTransition, L as LightSequenceSpec, r as LineShapeSpec, s as LumaTransition, t as MaskRefSpec, u as MatteRefSpec, v as MusicDrum, w as MusicDrums, x as MusicInstrument, y as MusicLevel, z as MusicTrack, N as NullSequenceSpec, H as PathShapeSpec, J as PolygonShapeSpec, O as PropValue, R as RectShapeSpec, Q as SfxKnobs, U as SfxOptions, V as SfxPreset, W as SfxVoice, X as ShaderSequenceSpec, Y as ShapeSequenceSpec, Z as SlideTransition, _ as Stop, $ as StopSpec, a0 as TransitionCommon, a1 as VideoSequenceSpec, a2 as WipeTransition, a3 as ZoomTransition, a4 as normalizeStops, a5 as pictureStops } from './types-
|
|
4
|
-
import { S as Sequence } from './Base-
|
|
1
|
+
export { A as AudioInspectOptions, a as AudioReport, b as AudioSourceReport, C as ContactSheetOptions, F as FontReport, c as FrameEvent, I as InspectOptions, d as InspectReport, e as IssueGroup, L as LayerInfo, f as LoadProgressState, g as LoadStage, h as LoaderOption, M as MotionBlurOptions, i as MotionBlurSpec, j as Movie, k as MovieErrorEvent, l as MovieOptions, O as OnionSkinOptions, P as ProgressEvent, R as RenderOptions, m as ReviewOptions, n as ReviewReport, S as SnapshotOptions, o as SoundMeasure, p as StopEvent, q as StopImage, r as StopImagesOptions, T as TimelineData, s as TimelineHtmlOptions, t as TimelineRow, u as TimelineSvgOptions, v as TimelineTransition, V as VolumeEvent, w as dismissLoader, x as failLoader, y as resolveLoader } from './Movie-M9dKm9dI.js';
|
|
2
|
+
import { S as SequenceSpec, C as CompositionShape, I as ImageSequenceSpec, a as CameraSequenceSpec, K as Keyframe, T as TextSequenceSpec, M as MusicOptions, P as Props, b as TransitionSpec, c as CompositionSpec, d as SequenceCommon } from './types-DUVefWiB.js';
|
|
3
|
+
export { A as ArcShapeSpec, e as AssetSpec, f as AudioAssetSpec, g as AudioMusicSpec, h as AudioSequenceSpec, i as AudioSfxSpec, B as BlendModeName, j as ChromaKeyFilterSpec, k as CircleShapeSpec, l as CompositionSequenceSpec, m as CrossfadeTransition, n as CustomFilterSpec, D as DipTransition, o as DissolveTransition, E as EllipseShapeSpec, p as Expr, F as FilterSpec, G as GradientSpec, q as IrisTransition, L as LightSequenceSpec, r as LineShapeSpec, s as LumaTransition, t as MaskRefSpec, u as MatteRefSpec, v as MusicDrum, w as MusicDrums, x as MusicInstrument, y as MusicLevel, z as MusicTrack, N as NullSequenceSpec, H as PathShapeSpec, J as PolygonShapeSpec, O as PropValue, R as RectShapeSpec, Q as SfxKnobs, U as SfxOptions, V as SfxPreset, W as SfxVoice, X as ShaderSequenceSpec, Y as ShapeSequenceSpec, Z as SlideTransition, _ as Stop, $ as StopSpec, a0 as TransitionCommon, a1 as VideoSequenceSpec, a2 as WipeTransition, a3 as ZoomTransition, a4 as normalizeStops, a5 as pictureStops } from './types-DUVefWiB.js';
|
|
4
|
+
import { S as Sequence } from './Base-CVezIEdo.js';
|
|
5
5
|
import 'pixi.js';
|
|
6
|
-
import 'gsap';
|
|
7
6
|
|
|
8
7
|
/** A text style as written in a `text` layer's `style` (numbers, not expressions, for the fields that size the text). */
|
|
9
8
|
type MeasureStyle = Record<string, unknown>;
|
|
@@ -60,6 +59,9 @@ type SequenceCtor = {
|
|
|
60
59
|
/** Register an external sequence type. Later registrations overwrite earlier ones. */
|
|
61
60
|
declare function registerSequenceType(type: string, ctor: SequenceCtor): void;
|
|
62
61
|
|
|
62
|
+
/** Resolve an ease name to a function (0–1 → 0–1). An unknown name warns once and runs as the default ease, `power1.out`. */
|
|
63
|
+
declare function parseEase(name: string): (p: number) => number;
|
|
64
|
+
|
|
63
65
|
type KenBurnsOptions = KenBurnsBase & ({
|
|
64
66
|
motion: 'still';
|
|
65
67
|
} | KenBurnsScale | KenBurnsRotation | KenBurnsPosition);
|
|
@@ -74,7 +76,7 @@ interface KenBurnsBase {
|
|
|
74
76
|
duration: number;
|
|
75
77
|
/** How the image fills the canvas. Default `'cover'`. */
|
|
76
78
|
fit?: 'cover' | 'contain';
|
|
77
|
-
/**
|
|
79
|
+
/** Ease name. Default `'sine.inOut'`. */
|
|
78
80
|
ease?: string;
|
|
79
81
|
}
|
|
80
82
|
interface KenBurnsScale {
|
|
@@ -128,7 +130,7 @@ interface OrbitOptions {
|
|
|
128
130
|
height?: number;
|
|
129
131
|
/** Vertical field of view, degrees. Default 40. Written to the camera. */
|
|
130
132
|
fov?: number;
|
|
131
|
-
/** Easing of the sweep as a whole (any
|
|
133
|
+
/** Easing of the sweep as a whole (any ease name). Default `'sine.inOut'`. */
|
|
132
134
|
ease?: string;
|
|
133
135
|
/**
|
|
134
136
|
* A dolly zoom while orbiting: `fov` animates from `from` to `to` (degrees) and the radius follows it
|
|
@@ -241,7 +243,7 @@ interface FollowPathOptions {
|
|
|
241
243
|
at?: number;
|
|
242
244
|
/** How long the trip takes, in seconds. Required. */
|
|
243
245
|
duration: number;
|
|
244
|
-
/**
|
|
246
|
+
/** Ease for the progress along the path (default `'none'`: constant speed). */
|
|
245
247
|
ease?: string;
|
|
246
248
|
/** Where on the path to start and stop, as fractions 0–1 of its length (default 0 → 1). `from: 1, to: 0` goes backwards. */
|
|
247
249
|
from?: number;
|
|
@@ -275,7 +277,7 @@ interface CameraPathOptions {
|
|
|
275
277
|
at?: number;
|
|
276
278
|
/** How long the flight takes, in seconds. Required. */
|
|
277
279
|
duration: number;
|
|
278
|
-
/**
|
|
280
|
+
/** Ease for the progress along the route (default `'none'`: constant speed; `'power2.in'` is an accelerating rush). */
|
|
279
281
|
ease?: string;
|
|
280
282
|
/** Where the camera looks: a fixed `[x, y, z]`, or `'ahead'` (default): a point further along the route, so it faces where it flies. */
|
|
281
283
|
look?: [number, number, number] | 'ahead';
|
|
@@ -312,13 +314,13 @@ interface StaggerOptions {
|
|
|
312
314
|
from?: 'start' | 'end' | 'center' | 'edges' | 'random' | number;
|
|
313
315
|
/** `[columns, rows]`: the items fill a grid row by row and the wave travels by straight-line distance across it. */
|
|
314
316
|
grid?: [number, number];
|
|
315
|
-
/**
|
|
317
|
+
/** Ease that reshapes the spread (default `'none'`: even steps). The first stays at 0, the last at the full spread. */
|
|
316
318
|
ease?: string;
|
|
317
319
|
/** For `from: 'random'`: another seed is another order. Default 0. */
|
|
318
320
|
seed?: number;
|
|
319
321
|
}
|
|
320
322
|
/**
|
|
321
|
-
* Delays for a wave of items, in seconds, in the style of GSAP's `stagger
|
|
323
|
+
* Delays for a wave of items, in seconds, in the style of GSAP's `stagger` (its names, with thanks).
|
|
322
324
|
*
|
|
323
325
|
* stagger(6, { each: 0.08 }) // [0, 0.08, 0.16, …] use: `at: 1 + d[i]`
|
|
324
326
|
* stagger(letters, { each: 0.05, from: 'center' }) // the same layers with their `at` pushed back
|
|
@@ -400,7 +402,7 @@ interface AnimateTextTween {
|
|
|
400
402
|
to?: Record<string, number>;
|
|
401
403
|
/** Seconds each piece takes. */
|
|
402
404
|
duration?: number;
|
|
403
|
-
/**
|
|
405
|
+
/** Ease name. */
|
|
404
406
|
ease?: string;
|
|
405
407
|
}
|
|
406
408
|
interface AnimateTextOptions {
|
|
@@ -654,7 +656,7 @@ interface WiggleOptions {
|
|
|
654
656
|
freq?: number;
|
|
655
657
|
/** Another seed is another take of the same shake. Default 0. */
|
|
656
658
|
seed?: number;
|
|
657
|
-
/**
|
|
659
|
+
/** Ease between targets. Default `'sine.inOut'`; `'none'` gives straight, jittery lines. */
|
|
658
660
|
ease?: string;
|
|
659
661
|
/** The properties to move, each independently: `{ x: { around: 960, amp: 6 }, rotation: { around: 0, amp: 1.5 } }`. */
|
|
660
662
|
props: Record<string, WiggleProp>;
|
|
@@ -716,4 +718,4 @@ interface WithFadeOptions {
|
|
|
716
718
|
*/
|
|
717
719
|
declare function withFade<T extends SequenceCommon>(spec: T, opts: WithFadeOptions): T;
|
|
718
720
|
|
|
719
|
-
export { type AnimateTextOptions, type AnimateTextTween, type AudioEnvelope, type AudioEnvelopeSource, type CameraPathOptions, CameraSequenceSpec, CompositionSpec, type DeckOptions, type DeckPage, type DeckResult, type DeckTransition, type EnvelopeOptions, type FollowPathOptions, ImageSequenceSpec, type KenBurnsOptions, Keyframe, type MeasureStyle, MusicOptions, type OrbitOptions, type ParticlesOptions, Props, type ReactOptions, type ReactProp, SequenceCommon, type SequenceCtor, SequenceSpec, type SplitOptions, type StaggerOptions, type TextPiece, type TextPreset, TextSequenceSpec, type TextSize, TransitionSpec, type WiggleOptions, type WiggleProp, type WithFadeOptions, animateText, audioEnvelope, bpmEnvelope, cameraPath, computeEnvelope, deck, followPath, kenBurns, measureText, musicBuffer, musicEnvelope, noise, orbit, particles, rand, random, react, registerSequenceType, splitText, stagger, wiggle, withFade };
|
|
721
|
+
export { type AnimateTextOptions, type AnimateTextTween, type AudioEnvelope, type AudioEnvelopeSource, type CameraPathOptions, CameraSequenceSpec, CompositionSpec, type DeckOptions, type DeckPage, type DeckResult, type DeckTransition, type EnvelopeOptions, type FollowPathOptions, ImageSequenceSpec, type KenBurnsOptions, Keyframe, type MeasureStyle, MusicOptions, type OrbitOptions, type ParticlesOptions, Props, type ReactOptions, type ReactProp, SequenceCommon, type SequenceCtor, SequenceSpec, type SplitOptions, type StaggerOptions, type TextPiece, type TextPreset, TextSequenceSpec, type TextSize, TransitionSpec, type WiggleOptions, type WiggleProp, type WithFadeOptions, animateText, audioEnvelope, bpmEnvelope, cameraPath, computeEnvelope, deck, parseEase as ease, followPath, kenBurns, measureText, musicBuffer, musicEnvelope, noise, orbit, particles, rand, random, react, registerSequenceType, splitText, stagger, wiggle, withFade };
|
package/dist/index.js
CHANGED
|
@@ -1,13 +1,10 @@
|
|
|
1
|
-
import { CompositionSequence, maskSourceOf } from './chunk-
|
|
2
|
-
import { ensureFilterLibrary, homeDistance, DEFAULT_FOV, random, noise, flattenSvgPath, rand, DEG, timeRemapOf, contentLength, resolveAt
|
|
3
|
-
export { noise, rand, random, registerSequenceType } from './chunk-
|
|
4
|
-
import { usesAdvancedBlend, enableAdvancedBlend } from './chunk-
|
|
5
|
-
import { collectPropKeys } from './chunk-
|
|
1
|
+
import { CompositionSequence, maskSourceOf } from './chunk-CKTS6G6I.js';
|
|
2
|
+
import { createTimeline, lengthen, ensureFilterLibrary, checkEase, parseEase, homeDistance, DEFAULT_FOV, random, noise, flattenSvgPath, rand, DEG, timeRemapOf, contentLength, resolveAt } from './chunk-TGJACVLD.js';
|
|
3
|
+
export { noise, rand, random, registerSequenceType } from './chunk-TGJACVLD.js';
|
|
4
|
+
import { usesAdvancedBlend, enableAdvancedBlend } from './chunk-TYWFKCPY.js';
|
|
5
|
+
import { collectPropKeys } from './chunk-45QKLD6M.js';
|
|
6
6
|
import { warnUnknownOptions, suggestName } from './chunk-BXOCEZ4U.js';
|
|
7
|
-
import * as PIXI from 'pixi.js';
|
|
8
7
|
import { extensions, CullerPlugin, Application, Container, Rectangle, Culler, CanvasTextMetrics, TextStyle, Assets, ExtensionType, Filter, Texture, UniformGroup, GpuProgram, GlProgram, defaultFilterVert } from 'pixi.js';
|
|
9
|
-
import { gsap } from 'gsap';
|
|
10
|
-
import { PixiPlugin } from 'gsap/PixiPlugin';
|
|
11
8
|
import { Output, BufferTarget, CanvasSource, AudioBufferSource, Input, ALL_FORMATS, BlobSource, WavOutputFormat, Conversion, VideoSampleSink, OggOutputFormat, QUALITY_VERY_HIGH, QUALITY_HIGH, QUALITY_MEDIUM, QUALITY_LOW, QUALITY_VERY_LOW, MkvOutputFormat, WebMOutputFormat, MovOutputFormat, Mp4OutputFormat, canEncodeVideo, getFirstEncodableAudioCodec } from 'mediabunny';
|
|
12
9
|
|
|
13
10
|
var registered = false;
|
|
@@ -2523,8 +2520,6 @@ function setLoaderProgress(loader, state) {
|
|
|
2523
2520
|
|
|
2524
2521
|
// src/core/Movie.ts
|
|
2525
2522
|
extensions.add(CullerPlugin);
|
|
2526
|
-
gsap.registerPlugin(PixiPlugin);
|
|
2527
|
-
PixiPlugin.registerPIXI(PIXI);
|
|
2528
2523
|
var Movie = class {
|
|
2529
2524
|
_events = {};
|
|
2530
2525
|
_initState = "idle";
|
|
@@ -2660,8 +2655,8 @@ var Movie = class {
|
|
|
2660
2655
|
this.stops = normalizeStops(options.composition?.stops, this.duration, this.frameRate);
|
|
2661
2656
|
this._posterFrame = poster.frame;
|
|
2662
2657
|
this.background = options.background ?? "#000000";
|
|
2663
|
-
this.timeline =
|
|
2664
|
-
this.timeline
|
|
2658
|
+
this.timeline = createTimeline({ paused: true, defaults: { ease: "none" } });
|
|
2659
|
+
lengthen(this.timeline, this.duration);
|
|
2665
2660
|
const baseAppOptions = {
|
|
2666
2661
|
width: this.width,
|
|
2667
2662
|
height: this.height,
|
|
@@ -2746,8 +2741,8 @@ var Movie = class {
|
|
|
2746
2741
|
if (this.audioBuffer) this._mixStats = limitMix(this.audioBuffer, audios);
|
|
2747
2742
|
}
|
|
2748
2743
|
this._audioSources = audios;
|
|
2749
|
-
this.timeline.progress(1).progress(0);
|
|
2750
2744
|
lp.begin("frames", 0);
|
|
2745
|
+
this.timeline.time(this._timeOf(0));
|
|
2751
2746
|
await this._awaitVideoFrames();
|
|
2752
2747
|
this._updateSpace();
|
|
2753
2748
|
this._renderNow();
|
|
@@ -3452,6 +3447,12 @@ function splitText(text, style = {}, opts = {}) {
|
|
|
3452
3447
|
return out;
|
|
3453
3448
|
}
|
|
3454
3449
|
|
|
3450
|
+
// src/presets/_ease.ts
|
|
3451
|
+
function parseEase2(name) {
|
|
3452
|
+
checkEase(name, "a preset");
|
|
3453
|
+
return parseEase(name);
|
|
3454
|
+
}
|
|
3455
|
+
|
|
3455
3456
|
// src/presets/kenBurns.ts
|
|
3456
3457
|
var KEN_BURNS_KEYS = ["asset", "name", "at", "duration", "fit", "ease", "motion", "origin", "zoom", "direction", "angle", "from", "to"];
|
|
3457
3458
|
function kenBurns(opts) {
|
|
@@ -3564,10 +3565,6 @@ function kenBurns(opts) {
|
|
|
3564
3565
|
function clamp(v, lo, hi) {
|
|
3565
3566
|
return Math.max(lo, Math.min(hi, v));
|
|
3566
3567
|
}
|
|
3567
|
-
function parseEase(name) {
|
|
3568
|
-
checkEase(name, "a preset");
|
|
3569
|
-
return gsap.parseEase(name);
|
|
3570
|
-
}
|
|
3571
3568
|
|
|
3572
3569
|
// src/presets/orbit.ts
|
|
3573
3570
|
var ORBIT_KEYS = ["duration", "degrees", "start", "radius", "center", "width", "height", "fov", "ease", "dollyZoom", "at", "name", "stepsPerSecond"];
|
|
@@ -3591,8 +3588,8 @@ function orbit(opts) {
|
|
|
3591
3588
|
const fixedR = opts.radius ?? homeDistance(height, fov ?? DEFAULT_FOV);
|
|
3592
3589
|
const start = opts.start ?? -degrees / 2;
|
|
3593
3590
|
const steps = Math.max(1, Math.round(duration * stepsPerSecond));
|
|
3594
|
-
const easeFn =
|
|
3595
|
-
const dollyEase = dolly ?
|
|
3591
|
+
const easeFn = parseEase2(ease);
|
|
3592
|
+
const dollyEase = dolly ? parseEase2(dolly.ease ?? ease) : null;
|
|
3596
3593
|
const pos = (i) => {
|
|
3597
3594
|
const p = i / steps;
|
|
3598
3595
|
const a = (start + degrees * easeFn(p)) * DEG;
|
|
@@ -3762,7 +3759,7 @@ function followPath(opts) {
|
|
|
3762
3759
|
const t = Math.min(Math.max((s - g.start) / g.len, 0), 1);
|
|
3763
3760
|
return { x: g.x0 + (g.x1 - g.x0) * t, y: g.y0 + (g.y1 - g.y0) * t, heading: Math.atan2(g.y1 - g.y0, g.x1 - g.x0) * 180 / Math.PI };
|
|
3764
3761
|
};
|
|
3765
|
-
const shape =
|
|
3762
|
+
const shape = parseEase2(ease);
|
|
3766
3763
|
const round3 = (v) => Math.round(v * 1e6) / 1e6;
|
|
3767
3764
|
let turn = 0;
|
|
3768
3765
|
const sample = (k) => {
|
|
@@ -3839,7 +3836,7 @@ function cameraPath(opts) {
|
|
|
3839
3836
|
const a = curve[i], b = curve[i + 1];
|
|
3840
3837
|
return [a[0] + (b[0] - a[0]) * t, a[1] + (b[1] - a[1]) * t, a[2] + (b[2] - a[2]) * t];
|
|
3841
3838
|
};
|
|
3842
|
-
const shape =
|
|
3839
|
+
const shape = parseEase2(ease);
|
|
3843
3840
|
const round3 = (v) => Math.round(v * 1e6) / 1e6;
|
|
3844
3841
|
const sample = (k) => {
|
|
3845
3842
|
const p = from + (to - from) * shape(k / steps);
|
|
@@ -3881,7 +3878,7 @@ function stagger(items, options = {}) {
|
|
|
3881
3878
|
const dist2 = distances(n, from, grid, seed);
|
|
3882
3879
|
const max = dist2.reduce((m, d) => Math.max(m, d), 0);
|
|
3883
3880
|
const total = amount !== void 0 ? amount : (each ?? 0.1) * max;
|
|
3884
|
-
const shape =
|
|
3881
|
+
const shape = parseEase2(ease);
|
|
3885
3882
|
const clamp01 = (v) => Math.min(1, Math.max(0, v));
|
|
3886
3883
|
const delays = dist2.map((d) => max === 0 ? 0 : Math.round(total * clamp01(shape(d / max)) * 1e6) / 1e6);
|
|
3887
3884
|
if (isCount) return delays;
|
|
@@ -4426,6 +4423,6 @@ function withFade(spec, opts) {
|
|
|
4426
4423
|
return spec;
|
|
4427
4424
|
}
|
|
4428
4425
|
|
|
4429
|
-
export { Movie, animateText, audioEnvelope, bpmEnvelope, cameraPath, computeEnvelope, deck, dismissLoader, failLoader, followPath, kenBurns, measureText, musicBuffer, musicEnvelope, normalizeStops, orbit, particles, pictureStops, react, resolveLoader, splitText, stagger, wiggle, withFade };
|
|
4426
|
+
export { Movie, animateText, audioEnvelope, bpmEnvelope, cameraPath, computeEnvelope, deck, dismissLoader, parseEase2 as ease, failLoader, followPath, kenBurns, measureText, musicBuffer, musicEnvelope, normalizeStops, orbit, particles, pictureStops, react, resolveLoader, splitText, stagger, wiggle, withFade };
|
|
4430
4427
|
//# sourceMappingURL=index.js.map
|
|
4431
4428
|
//# sourceMappingURL=index.js.map
|