跳到正文
AstraFoundry

3D 图形

实时绘制的真实物体，用来演示该怎么做，例如 Arion onboarding 中那台转身、开盖并推近到听写键的笔记本。

实时图形

来自 Arion 听写键步骤的图形，使用相同的相机、着色和时序。可以换一个按键或按下它；控件始终放在图形之外。

你的听写键

说话时按住，松开即插入文字。

更多图形

同样的相机、墨色和入场，用在 Arion 的另外三个步骤上。每个图形都是一个真实物体，每个都用一个物理反馈回应它的步骤。

实时电平

电平到达时，音量表按整格点亮：40ms 内升起，240ms 内回落。麦克风开启时第一格常亮；没有声音，什么都不动。

让 Arion 听到你

麦克风仅在听写时开启。

进度

卡匣沿真实轴线落进插槽。灯条按已到达的量按比例填充，每次用 240ms 缓动到新的量，从不回退；填满即完成。

正在设置语音输入

语音模型只需下载一次，之后即可离线使用。

两种状态

有两种状态的部件沿真实路径运动：锁梁 160ms 内升起 10mm，再用 420ms 绕长脚转开；关上时原路返回。没有自身动作的图形跳过中间时段。

让 Arion 为你输入

辅助功能权限允许 Arion 在光标位置输入文字。

绘制

  1. 1按真实比例建模真实物体，世界单位约为 1 毫米，并使用对应平台的真实键位。
  2. 2实体而非线框：面用纸色填充，按朝向来自观者左侧的光线着色，以十二分之一为步进。
  3. 3面背离观者处画一条轮廓线，顶面与侧面相接处画一条淡折线；相机推近时线宽从 0.6px 增到 1px。
  4. 4按深度从后往前绘制，底座下方加两圈柔和的接触阴影。
  5. 5只有一个部件以黄色点亮：主体。图形内不放标签、箭头或标注。

编排

  1. 1入场用几条相互重叠、各约一秒的轨道讲完整个过程，分别在 250、650、1000ms 开始，2.1 秒内结束。
  2. 2缩放按比例均匀变化，焦点随缩放从整个物体移向主体。
  3. 3更换主体时，相机在 420ms 内无回弹地滑向它，途中拉远到缩放的 78%。
  4. 4反馈是物理的：按下时主体按真实行程下沉，80ms 下沉，保持到 480ms，700ms 时回弹。
  5. 5开启减少动态效果时直接显示最终姿态，图形旁边的文字始终不动。

渲染

  1. 1只在姿态变化时绘制；静止的图形不消耗资源。
  2. 2桌面端在 CPU 上栅格化为一张位图，而不是每个面一条路径；网页端使用一个 canvas，设备像素比上限为 2。
  3. 3在 2× 下每帧控制在约 10ms 以内。
  4. 4图形是一张图像，带有说明其内容的标签。