Bone Flow #124 - Filter

Package Version 1.0.1 / Runtime 1.0.0 / Status: Development

累積回帰テスト

使用コンポーネント

#002 Bone Joint接続 / Delivery
Version 確認中Status 確認中API 確認中

#124は表示Filterを管理します。正式7種は Blur / Brightness / Contrast / Saturation / Grayscale / Sepia / Hue Rotate。#116 Effect、#117 Animation、#120 Trigger、#121 Timeline、#123 Particle、#125 Blendの責務は#124へ持ち込みません。

テスト対象:Filterの7種正式表現、Property言語切替、実CSS Filter Preview、#002 Bone Joint接続、Security、OUT WAIT / BLOCKED、Smoke / Validationを確認します。

Development Order v1.1.1が定義する責務は「表示フィルターを管理する」です。Filterは静的な表示変換を生成し、時間・開始条件・Particle・描画合成は別Componentへ委譲します。

プロパティ設定

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

Filter Type

Development Order v1.1.1の正式7種から選択します。

Filter Value

正式Filter表現

Blurぼかし
Brightness明るさ
Contrastコントラスト
Saturation彩度
Grayscaleグレースケール
Sepiaセピア
Hue Rotate色相回転

責務境界

#116 EffectUI視覚効果
#117 Animation時間経過動作
#120 Trigger開始条件
#121 Timeline時間軸制御
#123 Particle粒子表現
#125 Blend描画合成

Filter Preview

選択した正式Filterを実際のCSS filterとしてPreviewします。

FILTERBone Flow #124 display filter preview
blur(4px)
Type
Blur
Value
4px
CSS
blur(4px)
Expression
{"type":"Blur","value":4}
Runtime
BoneFilter 1.0.0

Filterデータ

Preview ready.

接続イメージ

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

1. 正常接続(IN / OUT) CONNECTED

IN: Source.expression (Object) → Filter.expression (Object) / OUT: Filter.cssText (String) → Target.cssText (String)

SourceexpressionObject
#124 Filterexpression / cssText
TargetcssTextString

2. IN:Target Field不存在 ERROR

Source.expression (Object) → Filter.missing

SourceexpressionObject
#124 Filtermissing

3. OUT:Target Field不存在 ERROR

Filter.cssText (String) → Target.missing

#124 FiltercssTextString

4. 型不一致(IN) TYPE-MISMATCH

Source.cssText (String) → Filter.expression (Object)

SourcecssTextString
#124 FilterexpressionObject

5. 型不一致(OUT) TYPE-MISMATCH

Filter.expression (Object) → Target.cssText (String)

#124 FilterexpressionObject
TargetcssTextString
青色IN 接続線
緑色OUT 接続線
赤色不存在/接続エラー
オレンジ型不一致

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

Untrusted IN / Security Test

検査対象

未知のFilter Type、範囲外値、配列/null、getter/setterを拒否し、既存Previewを破壊しないことを確認します。

NOT RUN

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

Filter OUTexpression
TargetREADY
Joint StateCONNECTED
TargetREADY
Queue0
Delivered0

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

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上でFilter Preview / #002 Joint接続 / WAIT→READY→FIFO / BLOCKED非配送を目視確認した後に完了できます。

Component#124 Filter
Package Version1.0.1
RuntimeBoneFilter 1.0.0
Completion Flagfalse
StatusDevelopment
ValidationDevelopment
完了日時-
Smoke / Validation / 4項目の目視確認が揃うまで完了できません。
Class リスト / HTML Functional Class一般利用Classは bf-filter 1件です。RuntimeはDevelopmentのため、ユーザー確認前にSpecification Frozenとは扱いません。
bf-filter