Bone Flow #122 - KeyFrame

Package Version 1.0.11 / Runtime 1.0.0 / Status: Development

Dependencies #001 Bone Core min v1.0.0 (1.0.x) #002 Bone Joint min v1.1.36 (1.1.x) #020 Label min v1.0.50 (1.0.x) #022 Hover Border Effect min v1.0.5 (1.0.x) #040 ColorPicker min v1.0.18 (1.0.x) #118 Transition Runtime v1.0.3 (#040 dependency)

使用コンポーネント

#001 Bone Core基盤

Version 確認中Status 確認中API 確認中

#002 Bone Joint接続 / Delivery

Version 確認中Status 確認中API 確認中

#020 Bone LabelColorPicker依存

Version 確認中Status 確認中API 確認中

#022 Hover Border EffectColorPicker依存

Version 確認中Status 確認中API 確認中

#040 ColorPicker色選択UI

Version 確認中Status 確認中API 確認中

#122はPosition / Rotation / Scale / Opacity / Colorの各時点状態だけを保持します。#117 Animationの再生、#118 Transitionの補間、#121 TimelineのDelay / Duration / Loop / Repeat / Sequence / Parallelは持ち込みません。#118 Runtime 1.0.3は#040 ColorPicker Callerの正式依存としてのみ読込します。

テスト対象：KeyFrameのProperty設定、選択状態Preview、#002 Bone Joint接続、#040 ColorPicker、Security、OUT WAIT / BLOCKED、Smoke / Validationを確認します。

KeyFrameはAnimation全体の「何%地点でどの状態か」を定義します。秒数・再生・補間は他Componentへ委譲します。

プロパティ設定

プロパティ言語Property内の表示を日本語 / Englishで切り替えます。

日本語 / English

進行地点

Animation全体の0〜100%上の地点です。秒数は#121 TimelineのDurationが担当します。

時点（%）

Position

位置 X位置 Y

Rotation / Scale / Opacity

回転（deg）拡大率透明度

Color

色選択UIは正式#040 ColorPicker Callerを使用します。

色

正式状態

Position各時点のX/Y位置。

Rotation各時点の回転角度。

Scale各時点の拡大・縮小率。

Opacity各時点の透明度。

Color各時点の色。選択UIは#040を使用。

合算プレビュー

左側で選択したKeyFrame 1点の状態を反映します。Animation再生や補間は行いません。

KeyFrame一覧

#122

Offset: 50%
Position: 90, -20
Rotation / Scale: 180° / 1.35
Opacity: 0.65
Color: #FFD166
Frames: 3

選択状態データ

Preview not run.

接続イメージ

KeyFrameをIN／OUTのEndpointとして利用した場合の接続状態イメージです。正常・不存在・型不一致の判定と線／異常マーカーは正式#002 Bone Joint 1.1.36へ委譲します。

1. 正常接続（IN / OUT） CONNECTED

IN: Timeline.progress (Number) → KeyFrame.offset (Number) ／ OUT: KeyFrame.state (Object) → Animation.state (Object)

#121 TimelineprogressNumber

#122 KeyFrameoffset / state

#117 AnimationstateObject

2. IN：Target Field不存在 ERROR

Timeline.progress (Number) → KeyFrame.missing

#121 TimelineprogressNumber

#122 KeyFramemissing

3. OUT：Target Field不存在 ERROR

KeyFrame.state (Object) → Animation.missing

#122 KeyFramestateObject

4. 型不一致（IN） TYPE-MISMATCH

Timeline.progress (Number) → KeyFrame.color (String)

#121 TimelineprogressNumber

#122 KeyFramecolorString

5. 型不一致（OUT） TYPE-MISMATCH

KeyFrame.color (String) → Animation.progress (Number)

#122 KeyFramecolorString

#117 AnimationprogressNumber

青色IN 接続線

緑色OUT 接続線

赤色不存在／接続エラー

オレンジ型不一致

色だけに依存せず、各カードの状態名・診断値・#002公式異常マーカーでも判別します。

Untrusted IN / Security Test

検査対象

getter/setter、範囲外Offset / Position / Scale / Opacity、重複Offset、不正Colorデータを拒否し、既存Previewを破壊しないことを確認します。

NOT RUN

OUT WAIT / BLOCKED - #002 Joint v1.1.36 Integration

#017 Textの正式構成を基準に、#002 Bone Joint Delivery ChannelのWAIT → READY → FIFO自動配送と、接続を維持したBLOCKED非配送を確認します。

KeyFrame OUTcommit data

TargetREADY

Joint StateCONNECTED

TargetREADY

Queue0

Delivered0

READY — #002 Joint接続済み。WAIT / BLOCKEDテストは未実行です。

WAIT → READY → FIFO配送を目視確認 BLOCKEDでTarget不達を目視確認

Smoke Test / Validation Report

NOT RUN

実行日時-

検査件数0件

PASS0件

FAIL0件

実行時間0.0ms

Version1.0.0

Smoke Test 結果NOT RUN

Validation 結果NOT RUN

コンポーネント完了管理

Smoke TestとValidation Reportに加え、localhost上でKeyFrame / #002 Joint接続 / WAIT→READY→FIFO / BLOCKED非配送 / #040 ColorPickerを目視確認した後に完了できます。

Component#122 KeyFrame

Package Version1.0.11

RuntimeBoneKeyFrame 1.0.0

Completion Flagfalse

StatusDevelopment

ValidationDevelopment

完了日時-

KeyFrame一覧・Property・Previewを目視確認した #002 Jointの正常系・異常系Connection Imageを目視確認した #040 ColorPicker Callerを目視確認した

Smoke / Validation / 目視確認が揃うまで完了できません。