@dotcraft/avatar 0.6.3
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/LICENSE +201 -0
- package/README.md +43 -0
- package/dist/AnimatedDecoration.d.ts +10 -0
- package/dist/AnimatedDecoration.d.ts.map +1 -0
- package/dist/AnimatedDecoration.js +43 -0
- package/dist/AnimatedDecoration.js.map +1 -0
- package/dist/AppearanceRig.d.ts +12 -0
- package/dist/AppearanceRig.d.ts.map +1 -0
- package/dist/AppearanceRig.js +9 -0
- package/dist/AppearanceRig.js.map +1 -0
- package/dist/Avatar.d.ts +22 -0
- package/dist/Avatar.d.ts.map +1 -0
- package/dist/Avatar.js +71 -0
- package/dist/Avatar.js.map +1 -0
- package/dist/DecorationShapes.d.ts +10 -0
- package/dist/DecorationShapes.d.ts.map +1 -0
- package/dist/DecorationShapes.js +8 -0
- package/dist/DecorationShapes.js.map +1 -0
- package/dist/Decorations.d.ts +15 -0
- package/dist/Decorations.d.ts.map +1 -0
- package/dist/Decorations.js +26 -0
- package/dist/Decorations.js.map +1 -0
- package/dist/Faces.d.ts +7 -0
- package/dist/Faces.d.ts.map +1 -0
- package/dist/Faces.js +8 -0
- package/dist/Faces.js.map +1 -0
- package/dist/HatDecorations.d.ts +5 -0
- package/dist/HatDecorations.d.ts.map +1 -0
- package/dist/HatDecorations.js +20 -0
- package/dist/HatDecorations.js.map +1 -0
- package/dist/HeldDecorations.d.ts +5 -0
- package/dist/HeldDecorations.d.ts.map +1 -0
- package/dist/HeldDecorations.js +5 -0
- package/dist/HeldDecorations.js.map +1 -0
- package/dist/MascotRig.d.ts +25 -0
- package/dist/MascotRig.d.ts.map +1 -0
- package/dist/MascotRig.js +58 -0
- package/dist/MascotRig.js.map +1 -0
- package/dist/ObjectDecorations.d.ts +5 -0
- package/dist/ObjectDecorations.d.ts.map +1 -0
- package/dist/ObjectDecorations.js +16 -0
- package/dist/ObjectDecorations.js.map +1 -0
- package/dist/accessories.css +14 -0
- package/dist/appearanceModel.d.ts +28 -0
- package/dist/appearanceModel.d.ts.map +1 -0
- package/dist/appearanceModel.js +58 -0
- package/dist/appearanceModel.js.map +1 -0
- package/dist/avatar.css +62 -0
- package/dist/characters.d.ts +6 -0
- package/dist/characters.d.ts.map +1 -0
- package/dist/characters.js +2 -0
- package/dist/characters.js.map +1 -0
- package/dist/composer/ComposerMascot.d.ts +3 -0
- package/dist/composer/ComposerMascot.d.ts.map +1 -0
- package/dist/composer/ComposerMascot.js +433 -0
- package/dist/composer/ComposerMascot.js.map +1 -0
- package/dist/composer/ComposerMascotShadow.d.ts +4 -0
- package/dist/composer/ComposerMascotShadow.d.ts.map +1 -0
- package/dist/composer/ComposerMascotShadow.js +7 -0
- package/dist/composer/ComposerMascotShadow.js.map +1 -0
- package/dist/composer/constants.d.ts +32 -0
- package/dist/composer/constants.d.ts.map +1 -0
- package/dist/composer/constants.js +50 -0
- package/dist/composer/constants.js.map +1 -0
- package/dist/composer/mascotHandoff.d.ts +3 -0
- package/dist/composer/mascotHandoff.d.ts.map +1 -0
- package/dist/composer/mascotHandoff.js +15 -0
- package/dist/composer/mascotHandoff.js.map +1 -0
- package/dist/composer/styles/energy.css +99 -0
- package/dist/composer/styles/expressions.css +20 -0
- package/dist/composer/styles/feedback.css +188 -0
- package/dist/composer/styles/focus.css +72 -0
- package/dist/composer/styles/foundation.css +287 -0
- package/dist/composer/styles/idle.css +438 -0
- package/dist/composer/styles/overdrive.css +264 -0
- package/dist/composer/styles/props.css +21 -0
- package/dist/composer/types.d.ts +40 -0
- package/dist/composer/types.d.ts.map +1 -0
- package/dist/composer/types.js +2 -0
- package/dist/composer/types.js.map +1 -0
- package/dist/composer/useComposerAvatarBehavior.d.ts +24 -0
- package/dist/composer/useComposerAvatarBehavior.d.ts.map +1 -0
- package/dist/composer/useComposerAvatarBehavior.js +72 -0
- package/dist/composer/useComposerAvatarBehavior.js.map +1 -0
- package/dist/composer/useComposerMotion.d.ts +2 -0
- package/dist/composer/useComposerMotion.d.ts.map +1 -0
- package/dist/composer/useComposerMotion.js +16 -0
- package/dist/composer/useComposerMotion.js.map +1 -0
- package/dist/composer/useComposerProfile.d.ts +7 -0
- package/dist/composer/useComposerProfile.d.ts.map +1 -0
- package/dist/composer/useComposerProfile.js +46 -0
- package/dist/composer/useComposerProfile.js.map +1 -0
- package/dist/decorationCatalog.d.ts +14 -0
- package/dist/decorationCatalog.d.ts.map +1 -0
- package/dist/decorationCatalog.js +37 -0
- package/dist/decorationCatalog.js.map +1 -0
- package/dist/decorationMotion.d.ts +35 -0
- package/dist/decorationMotion.d.ts.map +1 -0
- package/dist/decorationMotion.js +73 -0
- package/dist/decorationMotion.js.map +1 -0
- package/dist/environment.d.ts +6 -0
- package/dist/environment.d.ts.map +1 -0
- package/dist/environment.js +48 -0
- package/dist/environment.js.map +1 -0
- package/dist/index.d.ts +6 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -0
- package/dist/palette.d.ts +26 -0
- package/dist/palette.d.ts.map +1 -0
- package/dist/palette.js +35 -0
- package/dist/palette.js.map +1 -0
- package/dist/react.d.ts +6 -0
- package/dist/react.d.ts.map +1 -0
- package/dist/react.js +5 -0
- package/dist/react.js.map +1 -0
- package/dist/rig.css +265 -0
- package/dist/styles.css +13 -0
- package/dist/useEventReplay.d.ts +3 -0
- package/dist/useEventReplay.d.ts.map +1 -0
- package/dist/useEventReplay.js +15 -0
- package/dist/useEventReplay.js.map +1 -0
- package/dist/useGesture.d.ts +4 -0
- package/dist/useGesture.d.ts.map +1 -0
- package/dist/useGesture.js +59 -0
- package/dist/useGesture.js.map +1 -0
- package/package.json +55 -0
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import type { PrimaryId } from './appearanceModel.js';
|
|
2
|
+
import type { AvatarPose } from './characters.js';
|
|
3
|
+
export type MotionKind = 'lift' | 'fitted' | 'bounce' | 'rock' | 'squish' | 'sprout';
|
|
4
|
+
export interface MotionProfile {
|
|
5
|
+
kind: MotionKind;
|
|
6
|
+
x: number;
|
|
7
|
+
y: number;
|
|
8
|
+
height: number;
|
|
9
|
+
angle: number;
|
|
10
|
+
shadow: number;
|
|
11
|
+
}
|
|
12
|
+
export declare const decorationMotionProfiles: Record<Exclude<PrimaryId, 'none'>, MotionProfile>;
|
|
13
|
+
export declare const motionKindLabels: Record<MotionKind, string>;
|
|
14
|
+
export interface DecorationFrame {
|
|
15
|
+
x: number;
|
|
16
|
+
y: number;
|
|
17
|
+
angle: number;
|
|
18
|
+
sy: number;
|
|
19
|
+
shadow: number;
|
|
20
|
+
}
|
|
21
|
+
export declare const restFrame: DecorationFrame;
|
|
22
|
+
export declare function eventDuration(pose: AvatarPose): 0 | 800 | 600 | 350 | 250;
|
|
23
|
+
export declare function mixFrame(a: DecorationFrame, b: DecorationFrame, t: number): DecorationFrame;
|
|
24
|
+
export declare function decorationFrame(profile: MotionProfile, pose: AvatarPose, progress: number): DecorationFrame;
|
|
25
|
+
export interface DecorationClock {
|
|
26
|
+
phase: 'return' | 'event' | 'rest';
|
|
27
|
+
elapsed: number;
|
|
28
|
+
pose: AvatarPose;
|
|
29
|
+
from: DecorationFrame;
|
|
30
|
+
frame: DecorationFrame;
|
|
31
|
+
}
|
|
32
|
+
export declare function requestDecorationEvent(current: DecorationClock | null, pose: AvatarPose): DecorationClock;
|
|
33
|
+
export declare function advanceDecoration(clock: DecorationClock, profile: MotionProfile, delta: number, paused?: boolean): DecorationClock;
|
|
34
|
+
export declare function frameTransform(profile: MotionProfile, frame: DecorationFrame): string;
|
|
35
|
+
//# sourceMappingURL=decorationMotion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"decorationMotion.d.ts","sourceRoot":"","sources":["../src/decorationMotion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAEjD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAA;AACpF,MAAM,WAAW,aAAa;IAAG,IAAI,EAAE,UAAU,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE;AAIxH,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,EAAE,aAAa,CAUtF,CAAA;AACD,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAEvD,CAAA;AACD,MAAM,WAAW,eAAe;IAAG,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE;AACpG,eAAO,MAAM,SAAS,EAAE,eAA4D,CAAA;AACpF,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,6BAE7C;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,eAAe,EAAE,CAAC,EAAE,eAAe,EAAE,CAAC,EAAE,MAAM,GAAG,eAAe,CAE3F;AACD,wBAAgB,eAAe,CAAC,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,GAAG,eAAe,CAgB3G;AACD,MAAM,WAAW,eAAe;IAAG,KAAK,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,UAAU,CAAC;IAAC,IAAI,EAAE,eAAe,CAAC;IAAC,KAAK,EAAE,eAAe,CAAA;CAAE;AACzJ,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,eAAe,GAAG,IAAI,EAAE,IAAI,EAAE,UAAU,GAAG,eAAe,CAIzG;AACD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,eAAe,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,UAAQ,GAAG,eAAe,CAUhI;AACD,wBAAgB,cAAc,CAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,eAAe,UAE5E"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
const lift = (x = 512, y = 400) => ({ kind: 'lift', x, y, height: .05, angle: 3, shadow: 95 });
|
|
2
|
+
const fitted = (x = 512) => ({ kind: 'fitted', x, y: 400, height: 0, angle: 3, shadow: 0 });
|
|
3
|
+
const bounce = (x = 512) => ({ kind: 'bounce', x, y: 400, height: .06, angle: 5, shadow: 64 });
|
|
4
|
+
export const decorationMotionProfiles = {
|
|
5
|
+
'baseball-cap': lift(478), 'bucket-hat': lift(), beret: lift(494), beanie: fitted(),
|
|
6
|
+
'top-hat': lift(), 'wizard-hat': lift(), 'chef-hat': lift(), 'party-hat': lift(), crown: lift(),
|
|
7
|
+
'hard-hat': fitted(), nightcap: fitted(493), 'straw-hat': lift(),
|
|
8
|
+
poop: bounce(), 'rubber-duck': bounce(520), donut: { ...bounce(), shadow: 40 },
|
|
9
|
+
banana: { kind: 'rock', x: 487, y: 402, height: 0, angle: 5, shadow: 0 },
|
|
10
|
+
'paper-boat': { kind: 'rock', x: 512, y: 399, height: 0, angle: 5, shadow: 0 },
|
|
11
|
+
'traffic-cone': { kind: 'rock', x: 512, y: 399, height: 0, angle: 2.5, shadow: 0 },
|
|
12
|
+
'fried-egg': { kind: 'squish', x: 512, y: 400, height: 0, angle: 0, shadow: 0 },
|
|
13
|
+
sprout: { kind: 'sprout', x: 512, y: 399, height: 0, angle: 6, shadow: 0 },
|
|
14
|
+
};
|
|
15
|
+
export const motionKindLabels = {
|
|
16
|
+
lift: 'Gentle lift', fitted: 'Fitted sway', bounce: 'Bounce and settle', rock: 'Rocking response', squish: 'Soft wobble', sprout: 'Nod and unfurl',
|
|
17
|
+
};
|
|
18
|
+
export const restFrame = { x: 0, y: 0, angle: 0, sy: 1, shadow: 1 };
|
|
19
|
+
export function eventDuration(pose) {
|
|
20
|
+
return pose === 'done' ? 800 : pose === 'greeting' ? 600 : pose === 'acknowledge' ? 350 : pose === 'blocked' ? 250 : 0;
|
|
21
|
+
}
|
|
22
|
+
const mix = (a, b, t) => a + (b - a) * t;
|
|
23
|
+
export function mixFrame(a, b, t) {
|
|
24
|
+
return { x: mix(a.x, b.x, t), y: mix(a.y, b.y, t), angle: mix(a.angle, b.angle, t), sy: mix(a.sy, b.sy, t), shadow: mix(a.shadow, b.shadow, t) };
|
|
25
|
+
}
|
|
26
|
+
export function decorationFrame(profile, pose, progress) {
|
|
27
|
+
const t = Math.max(0, Math.min(1, progress));
|
|
28
|
+
if (!eventDuration(pose) || t === 0 || t === 1)
|
|
29
|
+
return { ...restFrame };
|
|
30
|
+
// Convert a fraction of displayed avatar height into the production rig's 1.3x brand coordinates.
|
|
31
|
+
if (pose === 'blocked')
|
|
32
|
+
return { ...restFrame, x: Math.sin(t * Math.PI * 6) * (1 - t) * 1024 / 1.3 * .008 };
|
|
33
|
+
const strength = pose === 'acknowledge' ? 1 / 3 : pose === 'greeting' ? .65 : 1;
|
|
34
|
+
const sway = Math.sin(t * Math.PI * 2) * Math.sin(t * Math.PI) * strength;
|
|
35
|
+
if (profile.kind === 'squish')
|
|
36
|
+
return { ...restFrame, sy: 1 - .03 * Math.sin(t * Math.PI * 2) * Math.sin(t * Math.PI) * strength };
|
|
37
|
+
if (!profile.height)
|
|
38
|
+
return { ...restFrame, angle: profile.angle * sway };
|
|
39
|
+
let liftAmount;
|
|
40
|
+
if (t < .38)
|
|
41
|
+
liftAmount = 1 - (1 - t / .38) ** 3;
|
|
42
|
+
else if (t < .46)
|
|
43
|
+
liftAmount = 1;
|
|
44
|
+
else if (t < .82)
|
|
45
|
+
liftAmount = 1 - ((t - .46) / .36) ** 2;
|
|
46
|
+
else
|
|
47
|
+
liftAmount = profile.kind === 'bounce' ? Math.sin((t - .82) / .18 * Math.PI) * .08 : 0;
|
|
48
|
+
return { ...restFrame, y: -liftAmount * profile.height * 1024 / 1.3 * strength,
|
|
49
|
+
angle: profile.angle * sway, shadow: 1 - liftAmount * .45 * strength };
|
|
50
|
+
}
|
|
51
|
+
export function requestDecorationEvent(current, pose) {
|
|
52
|
+
const from = current?.frame ?? restFrame;
|
|
53
|
+
const displaced = Math.abs(from.x) + Math.abs(from.y) + Math.abs(from.angle) + Math.abs(from.sy - 1) > .0001;
|
|
54
|
+
return { phase: displaced ? 'return' : eventDuration(pose) ? 'event' : 'rest', elapsed: 0, pose, from, frame: { ...from } };
|
|
55
|
+
}
|
|
56
|
+
export function advanceDecoration(clock, profile, delta, paused = false) {
|
|
57
|
+
if (paused || clock.phase === 'rest')
|
|
58
|
+
return clock;
|
|
59
|
+
let elapsed = clock.elapsed + Math.max(0, delta);
|
|
60
|
+
if (clock.phase === 'return') {
|
|
61
|
+
if (elapsed < 160)
|
|
62
|
+
return { ...clock, elapsed, frame: mixFrame(clock.from, restFrame, 1 - (1 - elapsed / 160) ** 3) };
|
|
63
|
+
elapsed -= 160;
|
|
64
|
+
}
|
|
65
|
+
const duration = eventDuration(clock.pose);
|
|
66
|
+
if (!duration || elapsed >= duration)
|
|
67
|
+
return { ...clock, phase: 'rest', elapsed: 0, frame: { ...restFrame } };
|
|
68
|
+
return { ...clock, phase: 'event', elapsed, frame: decorationFrame(profile, clock.pose, elapsed / duration) };
|
|
69
|
+
}
|
|
70
|
+
export function frameTransform(profile, frame) {
|
|
71
|
+
return `translate(${frame.x} ${frame.y}) translate(${profile.x} ${profile.y}) rotate(${frame.angle}) scale(1 ${frame.sy}) translate(${-profile.x} ${-profile.y})`;
|
|
72
|
+
}
|
|
73
|
+
//# sourceMappingURL=decorationMotion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"decorationMotion.js","sourceRoot":"","sources":["../src/decorationMotion.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type RefObject } from 'react';
|
|
2
|
+
import type { MotionMode } from './characters.js';
|
|
3
|
+
export declare function useMotionEnvironment(mode: MotionMode, observe?: boolean): boolean;
|
|
4
|
+
export declare function useOnscreen(ref: RefObject<Element | null>, observe?: boolean): boolean;
|
|
5
|
+
export declare function useTransitionPause(ref: RefObject<Element | null>, paused: boolean): void;
|
|
6
|
+
//# sourceMappingURL=environment.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"environment.d.ts","sourceRoot":"","sources":["../src/environment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAEjD,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,UAAO,WAWpE;AAED,wBAAgB,WAAW,CAAC,GAAG,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,OAAO,UAAO,WAczE;AAED,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,MAAM,EAAE,OAAO,QAajF"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { useEffect, useState } from 'react';
|
|
2
|
+
export function useMotionEnvironment(mode, observe = true) {
|
|
3
|
+
const [reduced, setReduced] = useState(true);
|
|
4
|
+
useEffect(() => {
|
|
5
|
+
if (!observe || mode === 'off' || typeof window.matchMedia !== 'function')
|
|
6
|
+
return;
|
|
7
|
+
const media = window.matchMedia('(prefers-reduced-motion: reduce)');
|
|
8
|
+
const update = () => setReduced(media.matches);
|
|
9
|
+
update();
|
|
10
|
+
media.addEventListener('change', update);
|
|
11
|
+
return () => media.removeEventListener('change', update);
|
|
12
|
+
}, [mode, observe]);
|
|
13
|
+
return observe && (mode === 'on' || (mode === 'system' && !reduced));
|
|
14
|
+
}
|
|
15
|
+
export function useOnscreen(ref, observe = true) {
|
|
16
|
+
const [visible, setVisible] = useState(true);
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
if (!observe)
|
|
19
|
+
return;
|
|
20
|
+
let intersects = true;
|
|
21
|
+
const update = () => setVisible(intersects && !document.hidden);
|
|
22
|
+
const observer = typeof IntersectionObserver === 'undefined' ? undefined
|
|
23
|
+
: new IntersectionObserver(([entry]) => { intersects = entry.isIntersecting; update(); });
|
|
24
|
+
if (ref.current)
|
|
25
|
+
observer?.observe(ref.current);
|
|
26
|
+
document.addEventListener('visibilitychange', update);
|
|
27
|
+
update();
|
|
28
|
+
return () => { observer?.disconnect(); document.removeEventListener('visibilitychange', update); };
|
|
29
|
+
}, [ref, observe]);
|
|
30
|
+
return visible;
|
|
31
|
+
}
|
|
32
|
+
export function useTransitionPause(ref, paused) {
|
|
33
|
+
useEffect(() => {
|
|
34
|
+
if (!paused)
|
|
35
|
+
return;
|
|
36
|
+
// CSS play-state freezes keyframes; Web Animations also freezes in-flight arm transitions.
|
|
37
|
+
const transitions = ref.current?.getAnimations?.({ subtree: true })
|
|
38
|
+
.filter(animation => typeof animation.transitionProperty === 'string') ?? [];
|
|
39
|
+
transitions.forEach(animation => animation.pause());
|
|
40
|
+
return () => {
|
|
41
|
+
transitions.forEach(animation => {
|
|
42
|
+
if (ref.current?.isConnected && animation.playState === 'paused')
|
|
43
|
+
animation.play();
|
|
44
|
+
});
|
|
45
|
+
};
|
|
46
|
+
}, [ref, paused]);
|
|
47
|
+
}
|
|
48
|
+
//# sourceMappingURL=environment.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"environment.js","sourceRoot":"","sources":["../src/environment.ts"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export interface PaletteEntry {
|
|
2
|
+
key: string;
|
|
3
|
+
bodyD: string;
|
|
4
|
+
bodyM: string;
|
|
5
|
+
bodyL: string;
|
|
6
|
+
markD: string;
|
|
7
|
+
markL: string;
|
|
8
|
+
shadow: string;
|
|
9
|
+
accent: string;
|
|
10
|
+
}
|
|
11
|
+
/** Complete paint vocabulary used by the Composer mascot. */
|
|
12
|
+
export interface MascotPaintPalette extends PaletteEntry {
|
|
13
|
+
/** Middle face-mark stop; profile palettes intentionally reuse `markL`. */
|
|
14
|
+
markM: string;
|
|
15
|
+
}
|
|
16
|
+
/** Canonical DotCraft mascot paint when no Agent Profile is selected. */
|
|
17
|
+
export declare const DEFAULT_MASCOT_PALETTE: MascotPaintPalette;
|
|
18
|
+
/** 12 role palettes. The first five define the built-in Agent Profile roles. */
|
|
19
|
+
export declare const PALETTE: PaletteEntry[];
|
|
20
|
+
export declare function paletteOf(spec: {
|
|
21
|
+
palette: number;
|
|
22
|
+
}): PaletteEntry;
|
|
23
|
+
export declare function mascotPaletteOf(spec?: {
|
|
24
|
+
palette: number;
|
|
25
|
+
}): MascotPaintPalette;
|
|
26
|
+
//# sourceMappingURL=palette.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"palette.d.ts","sourceRoot":"","sources":["../src/palette.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;CACf;AAED,6DAA6D;AAC7D,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,2EAA2E;IAC3E,KAAK,EAAE,MAAM,CAAA;CACd;AAED,yEAAyE;AACzE,eAAO,MAAM,sBAAsB,EAAE,kBAUpC,CAAA;AAED,gFAAgF;AAChF,eAAO,MAAM,OAAO,EAAE,YAAY,EAajC,CAAA;AAGD,wBAAgB,SAAS,CAAC,IAAI,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,GAAG,YAAY,CAA2D;AAC7H,wBAAgB,eAAe,CAAC,IAAI,CAAC,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,GAAG,kBAAkB,CAG9E"}
|
package/dist/palette.js
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/** Canonical DotCraft mascot paint when no Agent Profile is selected. */
|
|
2
|
+
export const DEFAULT_MASCOT_PALETTE = {
|
|
3
|
+
key: 'default',
|
|
4
|
+
bodyD: '#2458f7',
|
|
5
|
+
bodyM: '#5f82f7',
|
|
6
|
+
bodyL: '#8fa5ff',
|
|
7
|
+
markD: '#2257f5',
|
|
8
|
+
markM: '#577df7',
|
|
9
|
+
markL: '#8ca2ff',
|
|
10
|
+
shadow: '#0b3d62',
|
|
11
|
+
accent: '#5f82f7'
|
|
12
|
+
};
|
|
13
|
+
/** 12 role palettes. The first five define the built-in Agent Profile roles. */
|
|
14
|
+
export const PALETTE = [
|
|
15
|
+
{ key: 'blue', bodyD: '#2563eb', bodyM: '#4f7cf6', bodyL: '#8198f5', markD: '#2563eb', markL: '#6f8df5', shadow: '#07307c', accent: '#4f7cf6' },
|
|
16
|
+
{ key: 'indigo', bodyD: '#4f46e5', bodyM: '#6366f1', bodyL: '#8b8ff8', markD: '#3730a3', markL: '#818cf8', shadow: '#1e1b4b', accent: '#6366f1' },
|
|
17
|
+
{ key: 'violet', bodyD: '#6d28d9', bodyM: '#8b5cf6', bodyL: '#a78bfa', markD: '#5b21b6', markL: '#a78bfa', shadow: '#4c1d95', accent: '#8b5cf6' },
|
|
18
|
+
{ key: 'fuchsia', bodyD: '#a21caf', bodyM: '#d946ef', bodyL: '#e9a8f5', markD: '#86198f', markL: '#e879f9', shadow: '#581c87', accent: '#d946ef' },
|
|
19
|
+
{ key: 'pink', bodyD: '#be185d', bodyM: '#ec4899', bodyL: '#f9a8d4', markD: '#9d174d', markL: '#f472b6', shadow: '#831843', accent: '#ec4899' },
|
|
20
|
+
{ key: 'rose', bodyD: '#be123c', bodyM: '#f43f5e', bodyL: '#fda4af', markD: '#9f1239', markL: '#fb7185', shadow: '#881337', accent: '#f43f5e' },
|
|
21
|
+
{ key: 'orange', bodyD: '#c2410c', bodyM: '#f97316', bodyL: '#fdba74', markD: '#9a3412', markL: '#fb923c', shadow: '#7c2d12', accent: '#f97316' },
|
|
22
|
+
{ key: 'amber', bodyD: '#d97706', bodyM: '#eab308', bodyL: '#fbbf24', markD: '#92400e', markL: '#f59e0b', shadow: '#78350f', accent: '#f59e0b' },
|
|
23
|
+
{ key: 'lime', bodyD: '#4d7c0f', bodyM: '#84cc16', bodyL: '#bef264', markD: '#3f6212', markL: '#a3e635', shadow: '#365314', accent: '#84cc16' },
|
|
24
|
+
{ key: 'green', bodyD: '#15803d', bodyM: '#22c55e', bodyL: '#4ade80', markD: '#166534', markL: '#4ade80', shadow: '#14532d', accent: '#22c55e' },
|
|
25
|
+
{ key: 'teal', bodyD: '#0f766e', bodyM: '#14b8a6', bodyL: '#5eead4', markD: '#115e59', markL: '#2dd4bf', shadow: '#134e4a', accent: '#14b8a6' },
|
|
26
|
+
{ key: 'sky', bodyD: '#0284c7', bodyM: '#0ea5e9', bodyL: '#38bdf8', markD: '#0369a1', markL: '#22d3ee', shadow: '#075985', accent: '#0ea5e9' }
|
|
27
|
+
];
|
|
28
|
+
export function paletteOf(spec) { return PALETTE[spec.palette] ?? DEFAULT_MASCOT_PALETTE; }
|
|
29
|
+
export function mascotPaletteOf(spec) {
|
|
30
|
+
if (!spec || spec.palette === -1)
|
|
31
|
+
return DEFAULT_MASCOT_PALETTE;
|
|
32
|
+
const paint = paletteOf(spec);
|
|
33
|
+
return { ...paint, markM: paint.markL };
|
|
34
|
+
}
|
|
35
|
+
//# sourceMappingURL=palette.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"palette.js","sourceRoot":"","sources":["../src/palette.ts"],"names":[],"mappings":"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"}
|
package/dist/react.d.ts
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { Avatar, AppearanceAvatar, type AvatarProps, type AppearanceAvatarProps } from './Avatar.js';
|
|
2
|
+
export { DecorationSwatch, PrimaryDecoration, SecondaryDecoration } from './Decorations.js';
|
|
3
|
+
export { ComposerMascot } from './composer/ComposerMascot.js';
|
|
4
|
+
export type { ComposerMascotProps, ComposerMascotContext, MascotExpression, MascotLight } from './composer/types.js';
|
|
5
|
+
export { ComposerMascotShadow } from './composer/ComposerMascotShadow.js';
|
|
6
|
+
//# sourceMappingURL=react.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,KAAK,WAAW,EAAE,KAAK,qBAAqB,EAAE,MAAM,aAAa,CAAA;AACpG,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAE3F,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAC7D,YAAY,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACpH,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA"}
|
package/dist/react.js
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { Avatar, AppearanceAvatar } from './Avatar.js';
|
|
2
|
+
export { DecorationSwatch, PrimaryDecoration, SecondaryDecoration } from './Decorations.js';
|
|
3
|
+
export { ComposerMascot } from './composer/ComposerMascot.js';
|
|
4
|
+
export { ComposerMascotShadow } from './composer/ComposerMascotShadow.js';
|
|
5
|
+
//# sourceMappingURL=react.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"react.js","sourceRoot":"","sources":["../src/react.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAgD,MAAM,aAAa,CAAA;AACpG,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAE3F,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAE7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA"}
|
package/dist/rig.css
ADDED
|
@@ -0,0 +1,265 @@
|
|
|
1
|
+
/* The robot's arm/antenna/face pieces carry stable dca-part-* classes (see
|
|
2
|
+
MascotRig.tsx). Each arm's white and blue pieces are separate elements moving in
|
|
3
|
+
lockstep, so transform-box: view-box resolves one shared origin for both. */
|
|
4
|
+
.dca-part-eyes,
|
|
5
|
+
.dca-part-glow,
|
|
6
|
+
.dca-part-light,
|
|
7
|
+
.dca-part-face {
|
|
8
|
+
transform-box: fill-box;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
/* The incoming face waits out a ~70ms blank beat so two faces never blend into a
|
|
12
|
+
double exposure. */
|
|
13
|
+
.dca-part-face {
|
|
14
|
+
opacity: 0;
|
|
15
|
+
transition: opacity 110ms ease;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.dca-part-robot[data-expression='neutral'] .dca-part-face-neutral,
|
|
19
|
+
.dca-part-robot[data-expression='happy'] .dca-part-face-happy,
|
|
20
|
+
.dca-part-robot[data-expression='operator'] .dca-part-face-operator,
|
|
21
|
+
.dca-part-robot[data-expression='sleep'] .dca-part-face-sleep {
|
|
22
|
+
opacity: 1;
|
|
23
|
+
transition: opacity 150ms ease 70ms;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.dca-part-eyes {
|
|
27
|
+
transform-origin: center;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.dca-part-glow {
|
|
31
|
+
opacity: 0;
|
|
32
|
+
transform-origin: center;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.dca-part-light {
|
|
36
|
+
transform-origin: center;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
/* The default 140ms transition-delay sequences "prop first, arm after" on retract, so
|
|
40
|
+
a prop is never left floating. Every rule that ENTERS a posed arm state overrides
|
|
41
|
+
the delay back to 0 so raises stay immediate. */
|
|
42
|
+
.dca-part-arm-l-w,
|
|
43
|
+
.dca-part-arm-l {
|
|
44
|
+
transform-box: view-box;
|
|
45
|
+
transform-origin: 233px 514px;
|
|
46
|
+
transition: transform 320ms cubic-bezier(0.34, 1.56, 0.64, 1) 140ms;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.dca-part-arm-r-w,
|
|
50
|
+
.dca-part-arm-r-b {
|
|
51
|
+
transform-box: view-box;
|
|
52
|
+
transform-origin: 791px 514px;
|
|
53
|
+
transition: transform 320ms cubic-bezier(0.34, 1.56, 0.64, 1) 140ms;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
/* Every keyframe keeps the same function list (translate + rotate + scaleY) so the
|
|
57
|
+
interpolation stays smooth. translate dy=88 lands the hinge at ≈602 viewBox, the
|
|
58
|
+
height of the resting arm nub, so the hand lifts from where the arm already is. */
|
|
59
|
+
@keyframes dca-action-wave-arm {
|
|
60
|
+
0% {
|
|
61
|
+
transform: translate(0, 0) rotate(0) scaleY(1);
|
|
62
|
+
}
|
|
63
|
+
16% {
|
|
64
|
+
transform: translate(-48px, 88px) rotate(-122deg) scaleY(0.8);
|
|
65
|
+
}
|
|
66
|
+
32% {
|
|
67
|
+
transform: translate(-48px, 88px) rotate(-92deg) scaleY(0.8);
|
|
68
|
+
}
|
|
69
|
+
48% {
|
|
70
|
+
transform: translate(-48px, 88px) rotate(-122deg) scaleY(0.8);
|
|
71
|
+
}
|
|
72
|
+
64% {
|
|
73
|
+
transform: translate(-48px, 88px) rotate(-92deg) scaleY(0.8);
|
|
74
|
+
}
|
|
75
|
+
80% {
|
|
76
|
+
transform: translate(-48px, 88px) rotate(-114deg) scaleY(0.8);
|
|
77
|
+
}
|
|
78
|
+
100% {
|
|
79
|
+
transform: translate(0, 0) rotate(0) scaleY(1);
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
@keyframes dca-action-wave-lean {
|
|
84
|
+
0%,
|
|
85
|
+
100% {
|
|
86
|
+
transform: rotate(0);
|
|
87
|
+
}
|
|
88
|
+
20%,
|
|
89
|
+
80% {
|
|
90
|
+
transform: rotate(3deg);
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.dca-action-wave .dca-part-arm-r-w,
|
|
95
|
+
.dca-action-wave .dca-part-arm-r-b {
|
|
96
|
+
animation: dca-action-wave-arm 1.6s ease-in-out both;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.dca-action-wave .dca-action-jelly {
|
|
100
|
+
animation: dca-action-wave-lean 1.6s ease-in-out both;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
/* Props are always-mounted `dca-part-prop-*` groups inside MascotRobot at opacity 0,
|
|
104
|
+
revealed by these composer root classes. */
|
|
105
|
+
|
|
106
|
+
/* Mini terminal: the 1200ms transition delay keeps quick turns from flashing it. The
|
|
107
|
+
arms only tuck inward by pure translate — a rotation would trigger the solid-colour
|
|
108
|
+
swap and break the gradient's continuity with the torso. */
|
|
109
|
+
.dca-part-prop-laptop {
|
|
110
|
+
opacity: 0;
|
|
111
|
+
transition: opacity 200ms ease;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.dca-action-prop-laptop .dca-part-prop-laptop {
|
|
115
|
+
opacity: 1;
|
|
116
|
+
transition: opacity 240ms ease 1200ms;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.dca-action-prop-laptop .dca-part-arm-l-w,
|
|
120
|
+
.dca-action-prop-laptop .dca-part-arm-l {
|
|
121
|
+
transform: translate(18px, 0);
|
|
122
|
+
transition: transform 320ms cubic-bezier(0.34, 1.56, 0.64, 1) 1200ms;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.dca-action-prop-laptop .dca-part-arm-r-w,
|
|
126
|
+
.dca-action-prop-laptop .dca-part-arm-r-b {
|
|
127
|
+
transform: translate(-18px, 0);
|
|
128
|
+
transition: transform 320ms cubic-bezier(0.34, 1.56, 0.64, 1) 1200ms;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
@keyframes dca-action-laptop-scroll {
|
|
132
|
+
0%,
|
|
133
|
+
58% {
|
|
134
|
+
transform: translateY(0);
|
|
135
|
+
}
|
|
136
|
+
66%,
|
|
137
|
+
100% {
|
|
138
|
+
transform: translateY(-36px);
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.dca-action-prop-laptop .dca-part-laptop-lines {
|
|
143
|
+
animation: dca-action-laptop-scroll 2200ms ease-in-out 1640ms infinite;
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
@keyframes dca-action-laptop-caret {
|
|
147
|
+
0%,
|
|
148
|
+
100% {
|
|
149
|
+
opacity: 1;
|
|
150
|
+
}
|
|
151
|
+
50% {
|
|
152
|
+
opacity: 0;
|
|
153
|
+
}
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
.dca-action-prop-laptop .dca-part-laptop-caret {
|
|
157
|
+
animation: dca-action-laptop-caret 800ms steps(1, end) infinite;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
/* The sign fades in only after the arm settles (320ms spring plus a beat), and on
|
|
161
|
+
retract it hides first while the arm waits out its 140ms transition-delay, so the
|
|
162
|
+
prop is never left floating without a hand. */
|
|
163
|
+
.dca-action-hold-sign .dca-part-arm-r-w,
|
|
164
|
+
.dca-action-hold-sign .dca-part-arm-r-b {
|
|
165
|
+
transform: translate(-48px, 88px) rotate(-128deg) scaleY(0.8);
|
|
166
|
+
transition-delay: 0ms;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
.dca-action-hold-sign .dca-part-arm-r-b {
|
|
170
|
+
fill: var(--dca-part-raised-arm-right, #7a96fb);
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
.dca-part-prop-sign {
|
|
174
|
+
opacity: 0;
|
|
175
|
+
transition: opacity 140ms ease;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
.dca-action-hold-sign .dca-part-prop-sign {
|
|
179
|
+
opacity: 1;
|
|
180
|
+
transition: opacity 180ms ease 340ms;
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
/* Click greeting while the sign is held: only the angle moves, and it starts and ends
|
|
184
|
+
exactly at the held pose so the hand-off to .dca-action-hold-sign is seamless.
|
|
185
|
+
The compound selector outranks the lone .dca-action-wave arm rule. */
|
|
186
|
+
@keyframes dca-action-sign-wave-arm {
|
|
187
|
+
0% {
|
|
188
|
+
transform: translate(-48px, 88px) rotate(-128deg) scaleY(0.8);
|
|
189
|
+
}
|
|
190
|
+
18% {
|
|
191
|
+
transform: translate(-48px, 88px) rotate(-143deg) scaleY(0.8);
|
|
192
|
+
}
|
|
193
|
+
42% {
|
|
194
|
+
transform: translate(-48px, 88px) rotate(-113deg) scaleY(0.8);
|
|
195
|
+
}
|
|
196
|
+
66% {
|
|
197
|
+
transform: translate(-48px, 88px) rotate(-143deg) scaleY(0.8);
|
|
198
|
+
}
|
|
199
|
+
86% {
|
|
200
|
+
transform: translate(-48px, 88px) rotate(-120deg) scaleY(0.8);
|
|
201
|
+
}
|
|
202
|
+
100% {
|
|
203
|
+
transform: translate(-48px, 88px) rotate(-128deg) scaleY(0.8);
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
/* Pure rotation about the hand's pivot: the shoulder hinge (791,514) shifted by the
|
|
208
|
+
held translate (-48,88), i.e. C = (743,602), by exactly the arm's angular deviation
|
|
209
|
+
from -128° at each step. Same centre and delta keeps the board gripped. */
|
|
210
|
+
@keyframes dca-action-sign-wave-prop {
|
|
211
|
+
0% {
|
|
212
|
+
transform: rotate(0deg);
|
|
213
|
+
}
|
|
214
|
+
18% {
|
|
215
|
+
transform: rotate(-15deg);
|
|
216
|
+
}
|
|
217
|
+
42% {
|
|
218
|
+
transform: rotate(15deg);
|
|
219
|
+
}
|
|
220
|
+
66% {
|
|
221
|
+
transform: rotate(-15deg);
|
|
222
|
+
}
|
|
223
|
+
86% {
|
|
224
|
+
transform: rotate(8deg);
|
|
225
|
+
}
|
|
226
|
+
100% {
|
|
227
|
+
transform: rotate(0deg);
|
|
228
|
+
}
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
.dca-action-hold-sign.dca-action-wave .dca-part-arm-r-w,
|
|
232
|
+
.dca-action-hold-sign.dca-action-wave .dca-part-arm-r-b {
|
|
233
|
+
animation: dca-action-sign-wave-arm 1.6s ease-in-out;
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
.dca-action-hold-sign.dca-action-wave .dca-part-prop-sign {
|
|
237
|
+
transform-box: view-box;
|
|
238
|
+
transform-origin: 743px 602px;
|
|
239
|
+
animation: dca-action-sign-wave-prop 1.6s ease-in-out;
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
/* The cheer reuses the wave's slide-then-rotate hinge grammar, so the outline wraps
|
|
243
|
+
the band and the colour stays seam-continuous. */
|
|
244
|
+
.dca-action-celebrate .dca-part-arm-l-w,
|
|
245
|
+
.dca-action-celebrate .dca-part-arm-l {
|
|
246
|
+
transform: translate(48px, 88px) rotate(135deg) scaleY(0.82);
|
|
247
|
+
transition-delay: 0ms;
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
.dca-action-celebrate .dca-part-arm-r-w,
|
|
251
|
+
.dca-action-celebrate .dca-part-arm-r-b {
|
|
252
|
+
transform: translate(-48px, 88px) rotate(-135deg) scaleY(0.82);
|
|
253
|
+
transition-delay: 0ms;
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
/* Raised arms swap the body gradient for a solid hinge colour, so a rotated arm has
|
|
257
|
+
no gradient to diverge from the torso's field. White halo capsules stay white. */
|
|
258
|
+
.dca-action-wave .dca-part-arm-r-b,
|
|
259
|
+
.dca-action-celebrate .dca-part-arm-r-b {
|
|
260
|
+
fill: var(--dca-part-raised-arm-right, #7a96fb);
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
.dca-action-celebrate .dca-part-arm-l-b {
|
|
264
|
+
fill: var(--dca-part-raised-arm-left, #3161f7);
|
|
265
|
+
}
|
package/dist/styles.css
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
@import './rig.css';
|
|
2
|
+
@import './avatar.css';
|
|
3
|
+
@import './accessories.css';
|
|
4
|
+
|
|
5
|
+
@import "./composer/styles/foundation.css";
|
|
6
|
+
@import "./composer/styles/overdrive.css";
|
|
7
|
+
@import "./composer/styles/idle.css";
|
|
8
|
+
@import "./composer/styles/focus.css";
|
|
9
|
+
@import "./composer/styles/expressions.css";
|
|
10
|
+
@import "./composer/styles/feedback.css";
|
|
11
|
+
@import "./composer/styles/props.css";
|
|
12
|
+
|
|
13
|
+
@import "./composer/styles/energy.css";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useEventReplay.d.ts","sourceRoot":"","sources":["../src/useEventReplay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGzD,wBAAgB,cAAc,CAAC,GAAG,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,QASjH"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { useEffect, useRef } from 'react';
|
|
2
|
+
const eventAnimations = new Set(['dca-celebrate', 'dca-nod', 'dca-action-wave-arm', 'dca-action-wave-lean']);
|
|
3
|
+
export function useEventReplay(ref, sequence, enabled, paused) {
|
|
4
|
+
const previous = useRef(sequence);
|
|
5
|
+
useEffect(() => {
|
|
6
|
+
if (!enabled || paused || previous.current === sequence)
|
|
7
|
+
return;
|
|
8
|
+
previous.current = sequence;
|
|
9
|
+
ref.current?.getAnimations?.({ subtree: true }).forEach(animation => {
|
|
10
|
+
if (eventAnimations.has(animation.animationName))
|
|
11
|
+
animation.currentTime = 0;
|
|
12
|
+
});
|
|
13
|
+
}, [ref, sequence, enabled, paused]);
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=useEventReplay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useEventReplay.js","sourceRoot":"","sources":["../src/useEventReplay.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAkB,MAAM,OAAO,CAAA;AAEzD,MAAM,eAAe,GAAG,IAAI,GAAG,CAAC,CAAC,eAAe,EAAE,SAAS,EAAE,qBAAqB,EAAE,sBAAsB,CAAC,CAAC,CAAA;AAC5G,MAAM,UAAU,cAAc,CAAC,GAA8B,EAAE,QAAgB,EAAE,OAAgB,EAAE,MAAe;IAChH,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;IACjC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,IAAI,MAAM,IAAI,QAAQ,CAAC,OAAO,KAAK,QAAQ;YAAE,OAAM;QAC/D,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAA;QAC3B,GAAG,CAAC,OAAO,EAAE,aAAa,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE;YAClE,IAAI,eAAe,CAAC,GAAG,CAAE,SAA0B,CAAC,aAAa,CAAC;gBAAE,SAAS,CAAC,WAAW,GAAG,CAAC,CAAA;QAC/F,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAA;AACtC,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { type RefObject } from 'react';
|
|
2
|
+
import type { AvatarGesture } from './characters.js';
|
|
3
|
+
export declare function useGesture(ref: RefObject<Element | null>, gesture: AvatarGesture | undefined, sequence: number, enabled: boolean, paused: boolean, onComplete?: (sequence: number) => void): void;
|
|
4
|
+
//# sourceMappingURL=useGesture.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useGesture.d.ts","sourceRoot":"","sources":["../src/useGesture.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAUpD,wBAAgB,UAAU,CAAC,GAAG,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,EAAE,OAAO,EAAE,aAAa,GAAG,SAAS,EAAE,QAAQ,EAAE,MAAM,EAC7G,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,QAsC3E"}
|