动画热点

了解如何在蒙皮编辑器中使用带有定时器的蒙皮变量创建动画点热点。

在本教程中,我们将创建一个简单的脉冲点热点图形。首先,创建一个新皮肤或打开一个现有皮肤:

  1. 添加一个名为 ht_ani变量 。类型 = true/false,初始化值 = false

    Variable added.
    已添加变量。

  2. 为皮肤添加计时器 。动画由计时器驱动。

  3. 删除计时器的可见性参数中的默认逻辑块。

  4. 将计时器的类型设置为开始

  5. 超时设置为 .5 秒。

  6. “重复” 设置为“ 切换 ”。这确保了动作将重复。

  7. 添加一个动作来更改变量的值:

    • 源 = 激活
    • 动作 = 设置变量值
    • 变量名称 = ht_ani
    • 动作 = 不(⌐)
    • 值 = true
      Action for the Timer
      计时器的动作

现在创建将进行动画的点热点图形。我们使用两个将脉冲的矩形。

  1. 向皮肤添加一个矩形

  2. 将其大小更改为 32px x 32px。

  3. 在矩形的参数中,禁用背景。

  4. 将边框设置为 2 像素

  5. 将 半径(Radius) 设置为 999

  6. 将边框颜色更改为白色

    Action for the Rectangle
    矩形的动作

  7. 将图形的 X 和 Y 缩设置设置为 50%, 以将其大小减小一半。

  8. 将逻辑块添加到 Scaling:

    • 触发器 = ht_ani
    • 比较 = =
    • 值 = true
    • x/y = 100%
  9. 在逻辑块中启用 Transitions。将持续时间设置为 .5 秒。现在是在实时预览中检查动画的好时机。圆圈应该看起来在脉动。

    Scaling Logic Block with Transitions enabled.
    启用 过渡(Transitions) 的缩放逻辑块。

  10. Alpha 更改为 0

  11. 将逻辑块添加到 Alpha 以在图标放大时淡入图标。

    • 触发器 = ht_ani
    • 比较 = =
    • 值 = true
    • 阿尔法 = 1.0
    • 启用过渡 .5 秒
  12. 选择手形光标。

  13. 复制并粘贴此矩形。

  14. 将其 ID 更改为 矩形 2。现在我们将反转动画以从大到小。

  15. 对于第二个矩形,将 缩放(Scaling) 设置为 100%。

  16. 将 X 和 Y 的 Scaling 逻辑块更改为 50%。

  17. 将 Alpha 设置为 0

  18. 将 Alpha 逻辑块更改为 Alpha 为 1.00

这就是动画集。现在我们需要将其应用于点热点模板:

  1. 添加热点模板
  2. 为模板指定一个 ID。对节点热点使用默认的 Skin-ID:ht_node。Pano2VR 将使用它作为所有节点热点的 Skin-ID。
  3. 将以下动作添加到热点模板:
    • 源 = 鼠标点击
    • 动作 = 打开下一个 Pano
    • URL = 热点 URL
    • 视图 = 目标视图
  4. 选择矩形和计时器,然后将它们拖到热点模板上,同时在树中按住 ALT 或 Option。这会将它们定位在热点模板上。选择它们后,将 锚点 更改为 中心 并双击单词 位置 将它们与模板居中对齐。
    Rectangles Center Aligned
    矩形居中对齐

保存皮肤并应用于输出。

如果您遇到困难,请查看下面的原始教程。本教程是使用版本 5 创建的,工作流程略有不同,但仍然很有帮助。

https://www.youtube.com/watch?v=3h449wL5oJI

另请参阅...

上次修改时间:2023 年 3 月 14 日