オンライン版のInk Designerを試す場合はこちらをクリック

Ink Designerは、WILLテクノロジーのレンダリング機能を実証するウェブアプリです。 ラスターまたはベクターレンダリングを設定し、テストすることができます。

Ink Designerは、Edgeの全バージョンで完全にはサポートされていないWebGLを使用することに注意してください。

このウェブアプリ_（図1を参照）_は、シンプルなインクキャンバスとあらかじめ定義された3つの背景画像で構成されています。 消しゴムとインクツールという、2つのツールを使用できます。

Ink Designerは現在の設定を使用しますが、設定は右上の設定メニューから変更できます。

パイプライン設定メニューを開くと、複数のパラメータを変更できます。 すべてのパラメータの説明は、下の表に記載しています。

パラメータ

図1：ラスターモードのInk Designerユーザーインターフェース

ラスター設定

ブラシ

パラメータ	タイプ	説明
shape	画像 (PNG)	shape パラメータはパーティクルの形状を指定します。画像を取得し、そこで不透明ピクセルによってパーティクルの形状を定義します。また、このパラメータに一連の画像を渡すこともできます。この場合、メソッドはこれらをミップマップとして解釈します。
fill	画像 (PNG)	fill パラメータは形状の塗りつぶしパターンを指定します。画像を取得し、そこからパターンをサンプリングします。また、このパラメータに一連の画像を渡すこともできます。この場合、メソッドはこれらをミップマップとして解釈します。
rotation	enum	rotation パラメータはパーティクルの回転を指定し、3つの値を受け取ることができます。none は形状を回転しないことを示します。 random はレンダリング前に形状をランダムに回転することを示します。trajectory はパスの軌道に一致するよう形状を回転することを示します。
max blend	boolean	最大限のブレンド効果を実現します。
scattering	float	scattering パラメータは、パーティクルが配置されるパスの軌道に対して直角となる方向に最大オフセットを指定します。パーティクルの実際の位置は、このパラメータが定義する区間内でランダムに決定されます。
spacing	float	spacing パラメータは、パスの軌道に沿った異なるパーティクル間の距離を指定します。

速度

パラメータ	タイプ	説明
min velocity	integer	速度がこの値を下回ると、この値に固定されます。
max velocity	integer	速度がこの値を上回ると、この値に固定されます。
min width	integer	幅の最小値
max width	integer	幅の最大値
start width	boolean	開始値を使用します。
end width	boolean	終了値を使用します。
start width size	integer	幅の開始値です。p1が空値の場合（ストロークの開始時）は、関数の結果として初期値を返します。
end width size	integer	幅の終了値です。p3が空値の場合（ストロークの終了時）は、関数の結果として最終値を返します。
min alpha	float
max alpha	float
start alpha size	float
end alpha size	float

パイプライン

パラメータ	タイプ	説明
interpolate	boolean
split count	integer	離散化の反復回数を決定します。
moving average size	integer	移動平均ウィンドウサイズのデフォルト値は15ですが、これは60Hzでの手書きデータ（xy位置の連続）に合わせています。入力がたとえば120Hzの場合は、 movingAverageWindowSize を30に設定します。
epsilon	float	単純化のレベルを決定するしきい値です。値が大きくなると、ポリゴンのセグメントが少なくなります。

ベクター設定

図2：ベクターモードのInk Designerユーザーインターフェース

形状

パラメータ	タイプ	説明
shape mode	enum	事前に定義された各種ポリゴンを切り替えます。
shape polygon	points[]	閉じたポリゴンを記述する点のリストです。
spacing	integer	連続する2つのサンプル間の間隔を指定します。

Velocity

パラメータ	タイプ	説明
min velocity	integer	速度がこの値を下回ると、この値に固定されます。
max velocity	integer	速度がこの値を上回ると、この値に固定されます。
min width	integer	幅の最小値
max width	integer	幅の最大値
start width	boolean	開始値を使用します。
end width	boolean	終了値を使用します。
start width size	integer	幅の開始値です。p1が空値の場合（ストロークの開始時）は、関数の結果として初期値を返します。
end width size	integer	幅の終了値です。p3が空値の場合（ストロークの終了時）は、関数の結果として最終値を返します。
alpha	float

Pipeline

パラメータ	タイプ	説明
interpolate	boolean
split count	integer	離散化の反復回数を決定します。
moving average size	integer	移動平均ウィンドウサイズのデフォルト値は15ですが、これは60Hzでの手書きデータ（xy位置の連続）に合わせています。たとえば、入力が120Hzの場合はmovingAverageWindowSizeを30に設定します。
epsilon	float	単純化のレベルを決定するしきい値です。値が大きくなると、ポリゴンのセグメントが少なくなります。