@micheeeeel/yinyangapp 2.1.0 → 2.2.1
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 +13 -0
- package/dist/bundle.js +1 -1
- package/dist/types/api-film.d.ts +12 -0
- package/dist/types/api-workspace.d.ts +16 -0
- package/dist/types/api.d.ts +2 -0
- package/dist/types/components/workspace/workspaceBootstrap.d.ts +1 -0
- package/dist/types/components/workspace/workspaceTemplate.d.ts +1 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -90,6 +90,19 @@ new mapboxgl.Marker({ element: film }).setLngLat([lng, lat]).addTo(map);
|
|
|
90
90
|
|
|
91
91
|
- `highlightActiveSegment: false` : bordure neutre unique (pas de mise en avant du
|
|
92
92
|
segment de la composante courante), film un peu plus léger.
|
|
93
|
+
- `stripSpikes` (défaut `true`) : les pointes (une `<line>` + un dégradé par découpe
|
|
94
|
+
d'ODD, dans chaque calque) sont retirées — invisibles à la taille d'un marker et
|
|
95
|
+
lourdes (Yasuní : 492 → 254 Ko, dégradés 484 → 25). Le film ne garde que
|
|
96
|
+
l'essentiel : lobes yin/yang avec leurs arcs d'ODD, yeux, anneau des facettes.
|
|
97
|
+
`stripSpikes: false` pour les conserver.
|
|
98
|
+
- `yinYangRotationMs` (défaut : pas de rotation) : rotation des lobes yin/yang cuite
|
|
99
|
+
en CSS pur — même cinématique que la rotation de la lib (orbite des deux lobes
|
|
100
|
+
autour du centre, rotation propre de chacun, demi-disque entraîné), continue et
|
|
101
|
+
uniforme, sans rampe ni retour à la position de base. Durée d'un tour en ms,
|
|
102
|
+
surchargeable sans recuire par la variable CSS `--yy-yinyang-rotation` sur le
|
|
103
|
+
`<svg>` (ex. `film.style.setProperty("--yy-yinyang-rotation", "12s")`), comme
|
|
104
|
+
`--yy-rotation` pour l'étincelle. Coût : un groupe orbital animé + un groupe de
|
|
105
|
+
rotation propre par lobe et par calque (film Yasuní ≈ +3 %).
|
|
93
106
|
- Cuire **une fois par lieu** (≈ 50 ms à `transitionFrames: 0`, ≈ 150 ms à 4) et
|
|
94
107
|
cloner : `film.cloneNode(true)`.
|
|
95
108
|
- Sur une page qui anime en continu (carte), préférer **`createYinYangFilmSvgAsync`**
|