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确定简化程度的阈值。值越大则多边形的段越少。