@dotcraft/avatar 0.7.2 → 0.7.4

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 (88) hide show
  1. package/README.md +1 -1
  2. package/dist/BackDecorations.d.ts.map +1 -1
  3. package/dist/BackDecorations.js +100 -6
  4. package/dist/BackDecorations.js.map +1 -1
  5. package/dist/CloudDragon.d.ts +3 -0
  6. package/dist/CloudDragon.d.ts.map +1 -0
  7. package/dist/CloudDragon.js +70 -0
  8. package/dist/CloudDragon.js.map +1 -0
  9. package/dist/DecorationShapes.d.ts +5 -0
  10. package/dist/DecorationShapes.d.ts.map +1 -1
  11. package/dist/DecorationShapes.js +4 -0
  12. package/dist/DecorationShapes.js.map +1 -1
  13. package/dist/Decorations.d.ts.map +1 -1
  14. package/dist/Decorations.js +3 -2
  15. package/dist/Decorations.js.map +1 -1
  16. package/dist/FaceDecorations.d.ts.map +1 -1
  17. package/dist/FaceDecorations.js +105 -5
  18. package/dist/FaceDecorations.js.map +1 -1
  19. package/dist/HandDecorations.d.ts.map +1 -1
  20. package/dist/HandDecorations.js +19 -2
  21. package/dist/HandDecorations.js.map +1 -1
  22. package/dist/HatDecorations.d.ts.map +1 -1
  23. package/dist/HatDecorations.js +1 -0
  24. package/dist/HatDecorations.js.map +1 -1
  25. package/dist/MascotRig.d.ts.map +1 -1
  26. package/dist/MascotRig.js +3 -26
  27. package/dist/MascotRig.js.map +1 -1
  28. package/dist/ObjectDecorations.d.ts.map +1 -1
  29. package/dist/ObjectDecorations.js +59 -0
  30. package/dist/ObjectDecorations.js.map +1 -1
  31. package/dist/RigMaterial.d.ts +18 -0
  32. package/dist/RigMaterial.d.ts.map +1 -0
  33. package/dist/RigMaterial.js +9 -0
  34. package/dist/RigMaterial.js.map +1 -0
  35. package/dist/SkinDecorations.d.ts.map +1 -1
  36. package/dist/SkinDecorations.js +38 -8
  37. package/dist/SkinDecorations.js.map +1 -1
  38. package/dist/accessories.css +5 -3
  39. package/dist/composer/ComposerMascot.d.ts +1 -1
  40. package/dist/composer/ComposerMascot.d.ts.map +1 -1
  41. package/dist/composer/ComposerMascot.js +5 -4
  42. package/dist/composer/ComposerMascot.js.map +1 -1
  43. package/dist/composer/styles/energy.css +23 -3
  44. package/dist/composer/types.d.ts +3 -0
  45. package/dist/composer/types.d.ts.map +1 -1
  46. package/dist/decorationCatalog.d.ts.map +1 -1
  47. package/dist/decorationCatalog.js +92 -1
  48. package/dist/decorationCatalog.js.map +1 -1
  49. package/dist/decorationMotion.d.ts.map +1 -1
  50. package/dist/decorationMotion.js +5 -2
  51. package/dist/decorationMotion.js.map +1 -1
  52. package/dist/effects.css +65 -4
  53. package/dist/items.d.ts +546 -0
  54. package/dist/items.d.ts.map +1 -1
  55. package/dist/items.js +42 -13
  56. package/dist/items.js.map +1 -1
  57. package/dist/paintMaterials.d.ts +36 -0
  58. package/dist/paintMaterials.d.ts.map +1 -1
  59. package/dist/paintMaterials.js +9 -0
  60. package/dist/paintMaterials.js.map +1 -1
  61. package/dist/rig.css +6 -21
  62. package/dist/spine.d.ts +15 -0
  63. package/dist/spine.d.ts.map +1 -0
  64. package/dist/spine.js +53 -0
  65. package/dist/spine.js.map +1 -0
  66. package/package.json +1 -1
  67. package/src/BackDecorations.tsx +250 -5
  68. package/src/CloudDragon.tsx +110 -0
  69. package/src/DecorationShapes.tsx +4 -0
  70. package/src/Decorations.tsx +4 -3
  71. package/src/FaceDecorations.tsx +254 -11
  72. package/src/HandDecorations.tsx +223 -1
  73. package/src/HatDecorations.tsx +8 -0
  74. package/src/MascotRig.tsx +5 -44
  75. package/src/ObjectDecorations.tsx +180 -0
  76. package/src/RigMaterial.tsx +23 -0
  77. package/src/SkinDecorations.tsx +79 -13
  78. package/src/accessories.css +5 -3
  79. package/src/composer/ComposerMascot.tsx +5 -4
  80. package/src/composer/styles/energy.css +23 -3
  81. package/src/composer/types.ts +3 -0
  82. package/src/decorationCatalog.ts +92 -1
  83. package/src/decorationMotion.ts +5 -2
  84. package/src/effects.css +65 -4
  85. package/src/items.ts +43 -13
  86. package/src/paintMaterials.ts +9 -0
  87. package/src/rig.css +6 -21
  88. package/src/spine.ts +61 -0
package/dist/effects.css CHANGED
@@ -1,11 +1,15 @@
1
1
  .dca-robot[data-effects='off'] .dca-fx { display: none; }
2
2
 
3
3
  .dca-fx-sheen { transform: translateX(120px); }
4
+ .dca-fx-prism { transform: translateX(-40px); }
5
+ .dca-fx-scanline { transform: translateY(260px); }
4
6
  .dca-fx-orbit-a { transform: translate(450px, 0); }
5
7
  .dca-fx-orbit-b { transform: translate(-450px, 0); }
6
8
  .dca-fx-orbit-c { transform: translate(0, 104px); }
7
9
  .dca-fx-orbit-back { opacity: 0; }
8
10
  .dca-fx-sparkle > path { transform-box: fill-box; transform-origin: center; }
11
+ .dca-fx-spray { opacity: 0; transform-box: fill-box; transform-origin: center; }
12
+ .dca-fx-eye-flare { opacity: .25; }
9
13
 
10
14
  @keyframes dca-fx-pulse { 0%, 100% { opacity: .5; } 50% { opacity: 1; } }
11
15
  @keyframes dca-fx-flare { 0%, 100% { opacity: .8; } 12% { opacity: 1; } 20% { opacity: .7; } 28% { opacity: 1; } 60% { opacity: .9; } }
@@ -21,22 +25,54 @@
21
25
  @keyframes dca-fx-hover { 0% { transform: translateY(0); } 100% { transform: translateY(-14px); } }
22
26
  @keyframes dca-fx-wave { 0% { transform: skewY(-6deg); } 100% { transform: skewY(6deg); } }
23
27
  @keyframes dca-fx-rotate { to { transform: rotate(360deg); } }
28
+ @keyframes dca-fx-void-hot { from { transform: rotate(0deg); fill: #9fdcff; } to { transform: rotate(360deg); fill: #9fdcff; } }
29
+ @keyframes dca-fx-sonar {
30
+ 0% { transform: scale(1); } 25% { transform: scale(1.157); } 50% { transform: scale(1.339); } 75% { transform: scale(1.549); } 100% { transform: scale(1.793); }
31
+ }
32
+ @keyframes dca-fx-tide { 0% { transform: translateY(70px); } 100% { transform: translateY(-150px); } }
24
33
  @keyframes dca-fx-lava {
25
34
  0%, 100% { stop-color: #4a1208; } 20% { stop-color: #e8451f; } 40% { stop-color: #ffb347; } 60% { stop-color: #ff6a2a; } 80% { stop-color: #7a1f0e; }
26
35
  }
27
36
  @keyframes dca-fx-galaxy {
28
37
  0%, 100% { stop-color: #1b1040; } 20% { stop-color: #4c1d95; } 40% { stop-color: #2563eb; } 60% { stop-color: #0b3d62; } 80% { stop-color: #7c3aed; }
29
38
  }
39
+ @keyframes dca-fx-aurora {
40
+ 0%, 100% { stop-color: #0a1f33; } 20% { stop-color: #1fbf8f; } 40% { stop-color: #5eead4; } 60% { stop-color: #7c6cf0; } 80% { stop-color: #122046; }
41
+ }
42
+ @keyframes dca-fx-thermal { 0%, 100% { stop-color: #1a0b5e; } 25% { stop-color: #5b1fa8; } 50% { stop-color: #c02a6b; } 75% { stop-color: #3b1488; } }
43
+ @keyframes dca-fx-thermal-hot { 0%, 100% { stop-color: #c02a6b; } 25% { stop-color: #ff7a1f; } 50% { stop-color: #ffb020; } 75% { stop-color: #ffd23f; } }
44
+ @keyframes dca-fx-patina { to { stop-color: #58b39a; } }
45
+ @keyframes dca-fx-scanline { 0% { transform: translateY(0); } 100% { transform: translateY(560px); } }
30
46
  @keyframes dca-fx-scan { 0% { transform: translateX(-30px); } 100% { transform: translateX(290px); } }
31
47
  @keyframes dca-fx-steam { 0% { opacity: 0; transform: translateY(12px); } 35% { opacity: .8; } 100% { opacity: 0; transform: translateY(-28px); } }
32
48
  @keyframes dca-fx-sparkle { 0%, 100% { opacity: .15; transform: scale(.55); } 50% { opacity: 1; transform: scale(1.15); } }
33
49
  @keyframes dca-fx-flame { 0% { transform: scaleY(.82) scaleX(.94); opacity: .85; } 100% { transform: scaleY(1.12) scaleX(1.04); opacity: 1; } }
34
50
  @keyframes dca-fx-node { 0%, 100% { opacity: .3; } 50% { opacity: 1; } }
35
51
  @keyframes dca-fx-sheen { 0% { transform: translateX(-440px); } 55% { transform: translateX(740px); } 100% { transform: translateX(740px); } }
52
+ @keyframes dca-fx-prism-echo { 0%, 45% { transform: translateX(-440px); } 100% { transform: translateX(740px); } }
36
53
  @keyframes dca-fx-holo {
37
54
  0% { stop-color: #ff8ad4; } 20% { stop-color: #ffd28a; } 40% { stop-color: #c9ff8a; }
38
55
  60% { stop-color: #8ad8ff; } 80% { stop-color: #c98aff; } 100% { stop-color: #ff8ad4; }
39
56
  }
57
+ @keyframes dca-fx-lean { 0%, 100% { transform: rotate(-2.4deg); } 50% { transform: rotate(3.2deg); } }
58
+ @keyframes dca-fx-swell { 0%, 100% { transform: translateY(10px) rotate(1.2deg); } 50% { transform: translateY(-10px) rotate(-1.2deg); } }
59
+ @keyframes dca-fx-reach { 0%, 100% { transform: scale(.8); } 40% { transform: scale(1.05); } }
60
+ @keyframes dca-fx-foam { 0%, 100% { opacity: .55; } 40% { opacity: 1; } }
61
+ @keyframes dca-fx-spray { 0% { opacity: 0; transform: translate(0, 10px) scale(.4); } 25% { opacity: 1; transform: translate(10px, -12px) scale(1); } 100% { opacity: 0; transform: translate(44px, -76px) scale(.2); } }
62
+ @keyframes dca-fx-coil { 0%, 100% { transform: rotate(calc(var(--dca-coil) * -1deg)); } 50% { transform: rotate(calc(var(--dca-coil) * 1deg)); } }
63
+ @keyframes dca-fx-whisker { 0%, 100% { transform: rotate(-5deg); } 50% { transform: rotate(6deg); } }
64
+ @keyframes dca-fx-whisker-tip { 0%, 100% { transform: rotate(-9deg); } 50% { transform: rotate(10deg); } }
65
+ @keyframes dca-fx-frill-l { 0% { transform: rotate(-3deg); } 100% { transform: rotate(3deg); } }
66
+ @keyframes dca-fx-frill-r { 0% { transform: rotate(3deg); } 100% { transform: rotate(-3deg); } }
67
+ @keyframes dca-fx-frill-flare { 0%, 24%, 50%, 100% { transform: scale(1); } 30% { transform: scale(1.1); } 40% { transform: scale(1.06); } }
68
+ @keyframes dca-fx-rear {
69
+ 0%, 100% { transform: translate(0, 0) rotate(0deg) scale(1); } 12% { transform: translate(0, -6px) rotate(-1.2deg) scale(1); }
70
+ 23% { transform: translate(0, 4px) rotate(.8deg) scale(.99); } 30% { transform: translate(0, -12px) rotate(-2deg) scale(1.05); }
71
+ 40% { transform: translate(0, -9px) rotate(-1.6deg) scale(1.04); } 54% { transform: translate(0, 0) rotate(0deg) scale(1); }
72
+ 77% { transform: translate(0, -6px) rotate(-1deg) scale(1); }
73
+ }
74
+ @keyframes dca-fx-eye-flare { 0%, 22%, 54%, 100% { opacity: .25; } 28%, 42% { opacity: 1; } }
75
+ @keyframes dca-fx-drift { 0% { transform: translateX(-10px); } 100% { transform: translateX(10px); } }
40
76
  @keyframes dca-fx-orbit {
41
77
  0% { transform: translate(450px, 0); } 8.33% { transform: translate(390px, 52px); } 16.67% { transform: translate(225px, 90px); }
42
78
  25% { transform: translate(0, 104px); } 33.33% { transform: translate(-225px, 90px); } 41.67% { transform: translate(-390px, 52px); }
@@ -62,13 +98,23 @@
62
98
  .dca-robot[data-effects='live'] .dca-fx-hover { animation: dca-fx-hover 2.2s ease-in-out infinite alternate; }
63
99
  .dca-robot[data-effects='live'] .dca-fx-wave { animation: dca-fx-wave 1.1s ease-in-out infinite alternate; }
64
100
  .dca-robot[data-effects='live'] .dca-fx-rotate { animation: dca-fx-rotate 28s linear infinite; }
101
+ .dca-robot[data-effects='live'] .dca-fx-rotate-fast { animation: dca-fx-rotate 6s linear infinite; }
102
+ .dca-robot[data-effects='live'] .dca-fx-spin-flat-slow { animation: dca-fx-spin-flat 2.4s linear infinite; }
65
103
  .dca-robot[data-effects='live'] .dca-fx-flap-slow { animation: dca-fx-flap 2.6s ease-in-out infinite alternate; }
66
104
  .dca-robot[data-effects='live'] .dca-skin-lava stop { animation: dca-fx-lava 7s ease-in-out infinite; }
67
105
  .dca-robot[data-effects='live'] .dca-skin-galaxy stop { animation: dca-fx-galaxy 9s ease-in-out infinite; }
68
- .dca-robot[data-effects='live'] :is(.dca-skin-lava, .dca-skin-galaxy) stop:nth-child(2) { animation-delay: -1.4s; }
69
- .dca-robot[data-effects='live'] :is(.dca-skin-lava, .dca-skin-galaxy) stop:nth-child(3) { animation-delay: -2.8s; }
70
- .dca-robot[data-effects='live'] :is(.dca-skin-lava, .dca-skin-galaxy) stop:nth-child(4) { animation-delay: -4.2s; }
71
- .dca-robot[data-effects='live'] :is(.dca-skin-lava, .dca-skin-galaxy) stop:nth-child(5) { animation-delay: -5.6s; }
106
+ .dca-robot[data-effects='live'] .dca-skin-aurora stop { animation: dca-fx-aurora 8s ease-in-out infinite; }
107
+ .dca-robot[data-effects='live'] .dca-skin-thermal stop { animation: dca-fx-thermal 8s ease-in-out infinite; }
108
+ .dca-robot[data-effects='live'] :is(.dca-skin-lava, .dca-skin-galaxy, .dca-skin-aurora, .dca-skin-thermal) stop:nth-child(2) { animation-delay: -1.4s; }
109
+ .dca-robot[data-effects='live'] :is(.dca-skin-lava, .dca-skin-galaxy, .dca-skin-aurora, .dca-skin-thermal) stop:nth-child(3) { animation-delay: -2.8s; }
110
+ .dca-robot[data-effects='live'] :is(.dca-skin-lava, .dca-skin-galaxy, .dca-skin-aurora, .dca-skin-thermal) stop:nth-child(4) { animation-delay: -4.2s; }
111
+ .dca-robot[data-effects='live'] :is(.dca-skin-lava, .dca-skin-galaxy, .dca-skin-aurora, .dca-skin-thermal) stop:nth-child(5) { animation-delay: -5.6s; }
112
+ .dca-robot[data-effects='live'] .dca-skin-patina stop:nth-child(3) { animation: dca-fx-patina 12s ease-in-out infinite alternate; }
113
+ .dca-robot[data-effects='live'] .dca-fx-pinwheel { animation: dca-fx-rotate 24s linear infinite; }
114
+ .dca-robot[data-effects='live'] .dca-fx-sonar { animation: dca-fx-sonar 3.6s linear infinite; }
115
+ .dca-robot[data-effects='live'] .dca-fx-tide { animation: dca-fx-tide 7s ease-in-out infinite alternate; }
116
+ .dca-robot[data-effects='live'] .dca-fx-void { animation: dca-fx-rotate 12s linear infinite; }
117
+ .dca-robot[data-effects='live'] .dca-fx-scanline { animation: dca-fx-scanline 3.6s linear infinite; }
72
118
  .dca-robot[data-effects='live'] .dca-fx-scan { animation: dca-fx-scan 2.4s cubic-bezier(.45, 0, .55, 1) infinite alternate; }
73
119
  .dca-robot[data-effects='live'] .dca-fx-steam { animation: dca-fx-steam 2.6s ease-out infinite; }
74
120
  .dca-robot[data-effects='live'] .dca-fx-sparkle > path { animation: dca-fx-sparkle 1.8s ease-in-out infinite; }
@@ -77,8 +123,23 @@
77
123
  .dca-robot[data-effects='live'] .dca-fx-flame { animation: dca-fx-flame .42s ease-in-out infinite alternate; }
78
124
  .dca-robot[data-effects='live'] .dca-fx-node { animation: dca-fx-node 1.8s ease-in-out infinite; }
79
125
  .dca-robot[data-effects='live'] .dca-fx-sheen { animation: dca-fx-sheen 4.8s cubic-bezier(.5, .05, .5, .95) infinite; }
126
+ .dca-robot[data-effects='live'] .dca-fx-prism-echo { animation-name: dca-fx-prism-echo; }
80
127
  .dca-robot[data-effects='live'] .dca-fx-orbit-front { animation: dca-fx-orbit 8s linear infinite, dca-fx-orbit-show-front 8s linear infinite; }
81
128
  .dca-robot[data-effects='live'] .dca-fx-orbit-back { animation: dca-fx-orbit 8s linear infinite, dca-fx-orbit-show-back 8s linear infinite; }
129
+ .dca-robot[data-effects='live'] .dca-fx-lean { animation: dca-fx-lean 8.4s ease-in-out infinite; }
130
+ .dca-robot[data-effects='live'] .dca-fx-swell { animation: dca-fx-swell 6s ease-in-out infinite; }
131
+ .dca-robot[data-effects='live'] .dca-fx-reach { animation: dca-fx-reach 5.6s ease-in-out infinite; }
132
+ .dca-robot[data-effects='live'] .dca-fx-foam { animation: dca-fx-foam 5.6s ease-in-out infinite; animation-delay: inherit; }
133
+ .dca-robot[data-effects='live'] .dca-fx-spray { animation: dca-fx-spray 4.8s ease-out infinite; }
134
+ .dca-robot[data-effects='live'] .dca-fx-coil { animation: dca-fx-coil 3.6s ease-in-out infinite; }
135
+ .dca-robot[data-effects='live'] .dca-fx-whisker { animation: dca-fx-whisker 3.6s ease-in-out infinite; }
136
+ .dca-robot[data-effects='live'] .dca-fx-whisker-tip { animation: dca-fx-whisker-tip 3.6s ease-in-out infinite; }
137
+ .dca-robot[data-effects='live'] .dca-fx-frill-l { animation: dca-fx-frill-l 1.8s ease-in-out infinite alternate; }
138
+ .dca-robot[data-effects='live'] .dca-fx-frill-r { animation: dca-fx-frill-r 1.8s ease-in-out infinite alternate; }
139
+ .dca-robot[data-effects='live'] .dca-fx-frill-flare { animation: dca-fx-frill-flare 7.2s ease-in-out infinite; }
140
+ .dca-robot[data-effects='live'] .dca-fx-rear { animation: dca-fx-rear 7.2s ease-in-out infinite; }
141
+ .dca-robot[data-effects='live'] .dca-fx-eye-flare { animation: dca-fx-eye-flare 7.2s ease-in-out infinite; }
142
+ .dca-robot[data-effects='live'] .dca-fx-drift { animation: dca-fx-drift 6s ease-in-out infinite alternate; }
82
143
  .dca-robot[data-effects='live'] .dca-skin-holo stop { animation: dca-fx-holo 6s linear infinite; }
83
144
  .dca-robot[data-effects='live'] .dca-skin-holo stop:nth-child(2) { animation-delay: -1.2s; }
84
145
  .dca-robot[data-effects='live'] .dca-skin-holo stop:nth-child(3) { animation-delay: -2.4s; }