如何使用做一个弹幕效果

185 阅读1分钟

效果展示

前置准备

  • 背景图
  • 图片素材

具体步骤

  • 添加一个图片背景
  • 添加一个水平滚动容器
  • 添加一个容器
  • 制作弹幕字体
  • 制作弹幕动画效果

步骤分解

  • 添加一个图片背景
  • 拖拽 图片组件 到 编辑区
  • 选中 图片组件
  • 点击 检查面板 中的 样式
  • 调整 图片组件 的 样式

  • 添加一个水平滚动容器
  • 拖拽 水平滚动容器 到 图片背景
  • 选中 水平滚动容器
  • 点击 检查面板 中的 样式
  • 调整 图片组件 的 样式

  • 添加一个容器
  • 拖拽 容器 到 编辑区
  • 选中 容器
  • 点击 检查面板 中的 样式
  • 调整 容器 的 样式

  • 制作弹幕字体
  • 拖拽 标签文本 到 容器
  • 选中 标签文本
  • 点击 检查面板 中的 样式
  • 调整 标签文本样式
  • 圆角半径设置为 16px

  • 制作弹幕动画效果
  • 选中 标签文本
  • 点击 检查面板 中的 动画
  • 配置 标签文本 动画效果
  • 执行次数设置为 一直