Bone Flow #125 - Blend
Package Version 1.0.1 / Runtime 1.0.0 / Status: Development
使用コンポーネント
#125は描画時の合成方法を管理します。正式8種は Normal / Multiply / Screen / Overlay / Darken / Lighten / Difference / Add。#124 Filter、#117 Animation、#118 Transition、#120 Trigger、#121 Timeline、#123 Particleの責務は#125へ持ち込みません。
テスト対象：Blendの8種正式表現、Property言語切替、実CSS mix-blend-mode Preview、#002 Bone Joint接続、Security、OUT WAIT / BLOCKED、Smoke / Validationを確認します。
Development Order v1.1.1が定義する責務は「描画時の合成方法を管理する」です。Blendは重なった描画の合成方法を指定し、Filterや時間制御・Particleは別Componentへ委譲します。
プロパティ設定
合成モード
Development Order v1.1.1の正式8種から選択します。
正式8種の意味
責務境界
合成プレビュー
背景と前景を重ね、選択した正式な合成モードを実際のCSS mix-blend-modeとして確認します。
- モード
- 通常合成 (Normal)
- CSS値
- normal
- CSS
- mix-blend-mode: normal;
- 設定式
- {"mode":"Normal"}
- ランタイム
- BoneBlend 1.0.0
合成データ
プレビュー準備完了。
接続イメージ
BlendをIN／OUT Endpointとして利用した場合の接続状態です。正常・不存在・型不一致の判定と線／異常マーカーは正式#002 Bone Joint 1.1.36へ委譲します。
1. 正常接続（IN / OUT） CONNECTED
IN: Source.mode (String) → Blend.mode (String) ／ OUT: Blend.cssBlendMode (String) → Target.cssBlendMode (String)
2. IN：Target Field不存在 ERROR
Source.mode (String) → Blend.missing
3. OUT：Target Field不存在 ERROR
Blend.cssBlendMode (String) → Target.missing
4. 型不一致（IN） TYPE-MISMATCH
Source.value (Number) → Blend.mode (String)
5. 型不一致（OUT） TYPE-MISMATCH
Blend.mode (String) → Target.value (Number)
色だけに依存せず、状態名・診断値・#002公式異常マーカーでも判別します。
Untrusted IN / Security Test
検査対象
未知のBlend Mode、正式表記と異なるMode、配列／null、getter/setterを拒否し、既存Previewを破壊しないことを確認します。
NOT RUN
OUT WAIT / BLOCKED - #002 Joint v1.1.36 Integration
READY — #002 Joint接続済み。WAIT / BLOCKEDテストは未実行です。
Smoke Test / Validation Report
NOT RUN
Smoke Test 結果NOT RUN
Validation 結果NOT RUN
コンポーネント完了管理
Smoke TestとValidation Reportに加え、localhost上でBlend Preview / #002 Joint接続 / WAIT→READY→FIFO / BLOCKED非配送を目視確認した後に完了できます。