@micheeeeel/yinyangapp 2.0.1 → 2.0.5
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/README.md +12 -1
- package/dist/bundle.js +1 -1
- package/dist/types/animations/AnimationsMngr.d.ts +49 -2
- package/dist/types/animations/fastHomingStop.d.ts +57 -0
- package/dist/types/animations/fastHomingStop.test.d.ts +1 -0
- package/dist/types/api-film.d.ts +25 -0
- package/dist/types/api.d.ts +2 -2
- package/dist/types/components/controller/YinYangController.d.ts +24 -1
- package/dist/types/components/controller/odd/ChildrenOrbitManager.d.ts +51 -3
- package/dist/types/components/controls/VizControlsPanel.d.ts +2 -0
- package/dist/types/components/view/BorderDrawer.d.ts +4 -1
- package/dist/types/components/view/YinYangDrawer.d.ts +33 -0
- package/dist/types/config/animationConfig.d.ts +7 -0
- package/dist/types/interfaces/IYinYangController.d.ts +13 -1
- package/dist/types/utils/InactivityTracker.d.ts +25 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -86,7 +86,18 @@ const film = createYinYangFilmSvg({
|
|
|
86
86
|
new mapboxgl.Marker({ element: film }).setLngLat([lng, lat]).addTo(map);
|
|
87
87
|
```
|
|
88
88
|
|
|
89
|
-
-
|
|
89
|
+
- `highlightActiveSegment: false` : bordure neutre unique (pas de mise en avant du
|
|
90
|
+
segment de la composante courante), film un peu plus léger.
|
|
91
|
+
- Cuire **une fois par lieu** (≈ 50 ms à `transitionFrames: 0`, ≈ 150 ms à 4) et
|
|
92
|
+
cloner : `film.cloneNode(true)`.
|
|
93
|
+
- Sur une page qui anime en continu (carte), préférer **`createYinYangFilmSvgAsync`**
|
|
94
|
+
(même sortie, même config) : la cuisson rend la main au navigateur entre
|
|
95
|
+
chaque calque capturé (pas ≤ 12 ms), donc pas de micro-gel. Options :
|
|
96
|
+
`{ yieldFn, signal }` (AbortSignal pour annuler proprement).
|
|
97
|
+
|
|
98
|
+
```ts
|
|
99
|
+
const film = await createYinYangFilmSvgAsync({ data, size: 100, transitionFrames: 0 });
|
|
100
|
+
```
|
|
90
101
|
- Vitesse par instance sans recuire : `clone.style.setProperty("--yy-rotation", "5200ms")`.
|
|
91
102
|
- Ordres de grandeur (4 composantes, 120 px) : `transitionFrames: 4` → ~170 Ko brut /
|
|
92
103
|
16 Ko gzip / 1 700 nœuds ; `transitionFrames: 0` → ~40 Ko / 350 nœuds.
|