Skip to main content

点击此处试用在线版Ink Designer

Ink Designer是一款网页应用程序,展示了WILL技术的渲染功能。 可以配置和测试光栅与矢量渲染。

请注意,Ink Designer使用WebGL,而非所有版本的Edge都完全支持WebGL

网页应用程序_(参见图1)_包含简易墨水画板,并具有三种预定义背景图像。 可选两种工具:橡皮擦和墨迹书写工具。

Ink Designer使用当前配置,可在右上角的设置菜单中更改。

打开管线配置菜单后,可以修改多种参数。 所有参数的说明如下表所示。

参数

概述

图1:光栅模式的Ink Designer用户界面。

光栅配置​

笔刷​

参数类型描述
shape图像 (PNG)shape 参数指定颗粒的形状。它接受图像,可以不透明像素定义颗粒形状。您也可以将一系列图像传递给此参数。这种情况下,该方法将它们解析为纹理映射。
fill图像 (PNG)fill 参数指定形状的填充图案。它接受图像,可从中采样图案。您还可以在此参数中传递一系列图像。这种情况下,该方法将它们解析为纹理映射。
rotationenumrotation 参数指定颗粒的旋转。接受三个可能的值:none 指示形状将不会旋转。 random 指示在渲染前,形状将随机旋转。trajectory 指示形状将旋转以匹配路径轨迹。
max blendboolean确保最大模糊效果。
scatteringfloatscattering 参数指定与颗粒所在的路径轨迹垂直的方向上的最大偏移值。颗粒的实际位置在该参数定义的区间内随机确定。
spacingfloatspacing 参数指定路径轨迹上不同颗粒之间的距离。

速度​

参数类型描述
min velocityinteger如果速度低于此值,则将速度限制在此值。
max velocityinteger如果速度高于此值,则将速度限制在此值。
min widthinteger宽度最小值
max widthinteger宽度最大值
start widthboolean使用起始值。
end widthboolean使用最终值。
start width sizeinteger启用宽度值。当p1为空(笔划开始时),初始值作为此功能的结果返回。
end width sizeinteger结束宽度值。当p3为空(笔划结束时),初始值作为此功能的结果返回。
min alphafloat
max alphafloat
start alpha sizefloat
end alpha sizefloat

管线​

参数类型描述
interpolateboolean
split countinteger确定离散化的迭代次数。
moving average sizeinteger移动平均窗口尺寸的默认值为15,它以60Hz调优手写数据(xy位置序列)。例如,如果输入为120Hz,则将 movingAverageWindowSize 设置为30。
epsilonfloat确定简化程度的阈值。值越大则多边形的段越少。

矢量配置​

概述

图2:矢量模式的Ink Designer用户界面。

形状​

参数类型描述
shape modeenum在不同预定义多边形之间切换。
shape polygonpoints[]描述闭合多边形的点列表。
spacinginteger指定两个连续样本之间的间隔。

Velocity​

参数类型描述
min velocityinteger如果速度低于此值,则将速度限制在此值。
max velocityinteger如果速度高于此值,则将速度限制在此值。
min widthinteger宽度最小值
max widthinteger宽度最大值
start widthboolean使用起始值。
end widthboolean使用最终值。
start width sizeinteger启用宽度值。当p1为空(笔划开始时),初始值作为此功能的结果返回。
end width sizeinteger结束宽度值。当p3为空(笔划结束时),初始值作为此功能的结果返回。
alphafloat

Pipeline​

参数类型描述
interpolateboolean
split countinteger确定离散化的迭代次数。
moving average sizeinteger移动平均窗口尺寸的默认值为15,它以60Hz调优手写数据(xy位置序列)。例如,如果输入为120Hz,则将movingAverageWindowSize设置为30。
epsilonfloat确定简化程度的阈值。值越大则多边形的段越少。