三维投影

1 min read

直接在PinePaper画布上渲染3D对象. 3D投影系统支持5种投影类型,5种原始形状,GPU加速渲染,以及一台轨道相机.

概览

PinePaper的3D投影系统是一个独立的零依赖库(~18KB minifed),它使3D原始作为画布上的2D多边形. 对象可以选择,拖动,动画与常规的2D项目并列.

投影类型

选择三维对象如何投射到 2D 画布上 :

预测 说明
视角 真实的深度与前期的缩短。 更远处的物体显得较小。 配置视野(FOV).
整形 无深度扭曲. 平行线仍然平行。 常见于技术/工程图纸.
不对称 等角轴视(30°轴). 在游戏艺术中流行 和建筑图.
内阁 倾斜投影,其中深轴绘制为半比例和45°.
骑兵 倾斜投影,其中深度轴绘制为全比例和45°.

初级

五个内置的3D形状:

初级 说明
立方体 可配置大小
球体 可配置半径和段数
圆柱 可配置半径和高度
托鲁斯语Name 可配置的主要/次要辐射
圆锥 可配置半径和高度

每个原始都支持自定义颜色和所有轴上的旋转.

GPU 加速

渲染自动选择最佳可用后端 :

  1. WebGPU 计算——最快,可用时使用
  2. WebGL2 变换反馈 — 快速回落
  3. CPU——普遍倒退

当一个场景超过150张面孔时,GPU加速会自动激活.

摄影机

轨道摄像头可以控制取景角度:

  • 位置 — 相机位于三维空间
  • 目标——照相机看(轨道中心)的地方
  • 视野——视角扭曲量(仅观察模式)

选择拖动三维对象( D)

3D对象在画布上可以选择和拖曳,就像2D项目:

  • 单击三维对象选择
  • 拖动以重新定位
  • 动画在拖曳时自动暂停, 在释放时恢复
  • 横跨动画框架的拖曳位置持续存在

三维投影显示大小写模板

一个预建的模板展示了3D投影系统,具有多种原始,旋转动画,以及不同的投影类型. 在模板库中找到它 .

限制

  • 标准动画预设(虚构,弹跳,卷轴,脉冲等)不支持在3D对象上. 三维物体通过三维渲染管道使用自己的旋转动画系统. 将标准动画应用到3D对象上不会有效果.
  • 3D物体成为平坦的多边形填充物——没有纹理映射,没有照明,也没有阴影.
  • 3D对象之间的碰撞探测尚未可用.

提示

    • 从同位素开始 ** 这是图画和插图最吸引视界的
  2. 使用旋转动画 — 旋转3D物体具有强烈的深度感
  3. 与 2D 项配合 – 将 3D 原始的文字和形状混合,用于图样的构成
  4. 相机距离 —— 将相机进一步移动以获得优雅的视角, 更接近戏剧深度

关联: [动画] (/features/animations) | [关键框架编辑器] (/features/keyframes) | [标本] (/panels/templates)