@cardenelabs/cdl 0.40.3 → 0.40.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.
- package/CHANGELOG.md +21 -1
- package/dist/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/react.cjs +2 -2
- package/dist/react.cjs.map +1 -1
- package/dist/react.js +2 -2
- package/dist/react.js.map +1 -1
- package/package.json +1 -1
- package/src/anim/core/timeline.ts +13 -3
- package/src/anim/core/types.ts +1 -1
- package/src/render.tsx +4 -2
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,25 @@ CDL (Chainome Diagram Language) の主要変更履歴。
|
|
|
5
5
|
|
|
6
6
|
## [Unreleased]
|
|
7
7
|
|
|
8
|
+
## [0.40.4] - 2026-09-07
|
|
9
|
+
|
|
10
|
+
### Fixed
|
|
11
|
+
|
|
12
|
+
- **値の動きが始まった瞬間に終わって見えるのを直した** (#736)
|
|
13
|
+
|
|
14
|
+
段 (phase) の値を動かす動き (`tween`) は既定の曲線 `easeOutQuint` を通っており、
|
|
15
|
+
**動きが前半に寄りすぎていた**。 段の長さ 1.2 秒の折れ線で測ると、動きの 9 割が
|
|
16
|
+
最初の 0.449 秒で終わり、残りの 0.75 秒はほとんど止まって見える (半分に達するのが
|
|
17
|
+
段の 13.1% の時点)。 段を長くしても形は変わらず、止まって見える時間だけが伸びた。
|
|
18
|
+
|
|
19
|
+
既定を `easeOut` (`cubic-bezier(0, 0, 0.58, 1)`) にゆるめた。 半分に達するのが
|
|
20
|
+
34.2% の時点になり、段の終わりまで動き続ける。
|
|
21
|
+
|
|
22
|
+
線を引く動き (`draw`) は今までどおり曲線を通らない (#711)。 ペンの速さは一定である
|
|
23
|
+
ほど「1 つずつ現れる」 が読めるため。
|
|
24
|
+
|
|
25
|
+
曲線を差し替える口 (`TimelineOptions.easing`) は今までどおり開いている。
|
|
26
|
+
|
|
8
27
|
## [0.40.3] - 2026-09-07
|
|
9
28
|
|
|
10
29
|
### Fixed
|
|
@@ -1843,7 +1862,8 @@ Initial OSS release.
|
|
|
1843
1862
|
使わない = annotated tag を push しても GitHub Release は作られず、 Release を作っていない版で
|
|
1844
1863
|
行き止まりになる。
|
|
1845
1864
|
|
|
1846
|
-
[Unreleased]: https://github.com/cardene777/cdl/compare/v0.40.
|
|
1865
|
+
[Unreleased]: https://github.com/cardene777/cdl/compare/v0.40.4...HEAD
|
|
1866
|
+
[0.40.4]: https://github.com/cardene777/cdl/compare/v0.40.3...v0.40.4
|
|
1847
1867
|
[0.40.3]: https://github.com/cardene777/cdl/compare/v0.40.2...v0.40.3
|
|
1848
1868
|
[0.40.2]: https://github.com/cardene777/cdl/compare/v0.40.1...v0.40.2
|
|
1849
1869
|
[0.40.1]: https://github.com/cardene777/cdl/compare/v0.40.0...v0.40.1
|
package/dist/index.cjs
CHANGED
|
@@ -14134,7 +14134,7 @@ function cubicBezier(x1, y1, x2, y2) {
|
|
|
14134
14134
|
return sampleCurveY(solveCurveX(t));
|
|
14135
14135
|
};
|
|
14136
14136
|
}
|
|
14137
|
-
var
|
|
14137
|
+
var easeOut = cubicBezier(0, 0, 0.58, 1);
|
|
14138
14138
|
function clamp01(value) {
|
|
14139
14139
|
if (value < 0) return 0;
|
|
14140
14140
|
if (value > 1) return 1;
|
|
@@ -14179,7 +14179,7 @@ var Timeline = class {
|
|
|
14179
14179
|
throw new Error("Timeline requires at least one phase");
|
|
14180
14180
|
}
|
|
14181
14181
|
this.phases = phases;
|
|
14182
|
-
this.easing = options.easing ??
|
|
14182
|
+
this.easing = options.easing ?? easeOut;
|
|
14183
14183
|
this.loop = options.loop ?? false;
|
|
14184
14184
|
this.autoAdvanceMsOverride = options.autoAdvanceMs;
|
|
14185
14185
|
this.phaseHoldMs = options.phaseHoldMs ?? 0;
|