Bone Flow #116 - Effect v1.0.14

Fade / Glow / Shadow / Blur / Opacity / Color Change / Scale / Rotate / Shake — #017 Textへ視覚効果を関連付けるMotion UI。

累積回帰テスト
Development HTML Functional Class: bf-effect DOC-0116 / TOC-0116 Browser Runtime: USER CONFIRMATION REQUIRED

Dependencies / 使用コンポーネント

#001 Bone Core確認中
#002 Bone Joint確認中
#017 Bone Text確認中
#040 ColorPicker確認中

#118 Transitionは#116の直接依存ではありません。#040 ColorPickerのPicker OPEN/CLOSE内部依存としてのみ存在します。#117 Animationも#116とは別責務です。

HTML Functional Class — bf-effect

最小HTML

<span class="bf-text bf-effect" data-effect="fade" data-fade-opacity="0.30" data-fade-saturation="0.55">Effect Text</span>

#116は対象Elementそのものへ bf-effect を付けます。#017 Textと組み合わせる場合は同一Elementへ bf-text bf-effect を指定します。

実mount表示

HTML Class Effect Preview
mount確認待ち

正式Effect 9種類

Property設定 / Preview

Property言語

Fade 設定

0.00–1.00 / Default 0.30
0以上 / Default 0.55
Background / Text Color はデモ表示を見分けやすくするためのSample値です。BoneEffectの正式Propertyではありません。Shadow / Glow / Color Change の色は#040 ColorPicker Callerから選択し、#116へ反映します。
未適用
Target#017 Bone Text
EffectFade
Effect設定Default
Target API確認中

接続イメージ — #116 Effect → #017 Text / #002 Joint

#002 Bone Joint v1.1.36 の実 evaluate() / drawLine() / error・compatibility marker を使用します。CONNECTED、Effect不存在、Text不存在、TYPE-MISMATCH、DISCONNECTED、RECONNECTを同一規則で確認します。

CONNECTEDTYPE-MISMATCH不存在DISCONNECTED //RECONNECT

Untrusted IN / Security Test

通常Previewとは独立した #017 Text + #116 Effect Sandbox で検証します。getter/setterは評価せず、未定義Effect、CSS named color、Gradient/Transparentなど不正値はBLOCKED。Security Sandboxの直前値と通常Previewを保持します。

Source / Joint IN未実行#002 Joint
#116 Security Gate未実行検査待ち検査待ち
#116 Effect Sandbox
値変更なし
未実行
Result JSON: 未実行

OUT WAIT / FIFO / BLOCKED — #002 Bone Joint v1.1.36 Integration

通常Previewとは分離した #116 Delivery Sandboxを使用します。WAITはTarget BUSYでもJointを維持してQueueへ入り、3秒後READYでFIFO 3件を自動配送。BLOCKEDはJointを維持したまま fa-ban + beat-fade を前面表示し、BLOCK対象をTargetへ配送しません。

#116 Effect OUTDelivery Sandbox
READYTarget
READY ○Target受信 0件 / Queue 0
Target受信ログ: なし
Joint描画確認中...

Smoke Test / Validation Report

NOT RUN

実行日時-
検査件数0件
PASS0件
FAIL0件
実行時間0.0ms
Version1.0.14

Smoke Test 結果NOT RUN

Smoke Testは未実行です。

Validation 結果NOT RUN

Validationは未実行です。

コンポーネント完了管理

Smoke Test / ValidationがALL PASSになり、WAIT / BLOCKEDの実表示・実配送を目視確認した後に完了できます。

Component#116 Bone Effect
Runtime Version1.0.14
Completion Flagfalse
StatusDevelopment
ValidationNOT RUN
完了日時-
全テストALL PASS + WAIT/BLOCK目視確認後に完了できます。

Runtime Console

Ready.