Skip to content

Latest commit

 

History

History
602 lines (553 loc) · 23.4 KB

tutorial_zh.md

File metadata and controls

602 lines (553 loc) · 23.4 KB
1
2
3
4
5
6

RDView 参考文档

界面

默认为 352px * 198px 的黑屏。

  • --scale 缩放。
  • room 图层/房间。
    • * 任何元素。
      • --position-x 元素水平位移。
      • --position-y 元素垂直位移。
      • --angle 元素旋转角度。

网格

默认为 4 行 8 列的网格。

超出网格的内容仍会显示。

  • --row 单元格行数。
  • --column 单元格列数。
  • --scale 缩放。
  • center 居中。
  • transparent 隐藏背景。
  • inline （<span>）在行内显示。（目前不支持组件）

链接到本文档。

  • lines 小节数。
    • --line-count 个数。
    • --beat 小节数的起始节拍。
    • --cpb 每个小节的节拍数。
    • 需要添加 --line-count 个 <div>。
1
2
3
  • playhead 播放头。
    • --beat 播放头的位置。

节拍 beat

默认为 tick 为 1 的二拍子。
可以被点击。

  • --beat 列数/节拍数，0-base。
  • --y 行数，0-base。
  • --offset-beat 鼠标点击时的列数/节拍数，0-base。
  • --offset-y 鼠标点击时的行数，0-base。
  • --hue 事件的色调偏移。
  • --brightness 事件的亮度。
  • --grayscale 事件的灰度。
  • --tick 拍长。
  • freezeshot 冰冻拍。
    • --interval 间隔。
    • --delay 延迟。
  • burnshot 灼热拍。
    • --interval 间隔。
  • skipshot 跳过拍。
  • subdivision 细分拍。
    • --subdivision 细分个数。
    • 需要添加 (--subdivision - 1) 个 <div>。
  • classybeat 七拍子。
    • --swing 摇摆拍。
    • 需要添加 6 个 <div>。
  • holdbeat 长按拍。
    • --hold 长按。
  • add freetime 添加自由时长节拍。
    • --pulse 递进。
  • pulse freetime 脉动自由时长节拍。
    • --pulse 递进。
    • <,>,x 分别为 --pulse:8;,--pulse:9,--pulse:10。
  • row-xs 不可见拍子设置。
    • x 不可见拍子。
    • 需要添加 6 个 <div>，其中 class="x" 的即为不可见拍子。
  • wave 设置单发波。
  • condition-true 条件-真。
  • condition-false 条件-假。
  • condition-both 条件-皆有。
  • tag 标签。

其他事件 event

可以被点击。

  • sounds 声音事件。
    对应图片文件 /assets/events/sounds.png。
  • rows 轨道事件。
    对应图片文件 /assets/events/actions.png。
  • actions 动作事件。
    对应图片文件 /assets/events/actions.png。
  • decorations 精灵事件。
    对应图片文件 /assets/events/decorations.png。
  • rooms 房间事件。
    对应图片文件 /assets/events/rooms.png。
  • custom 自定义事件。
    对应图片文件 /assets/events/custom.png。
  • --beat 列数/节拍数，0-base。
  • --y 行数，0-base。
  • --hue 事件的色调偏移。
  • --brightness 事件的亮度。
  • --grayscale 事件的灰度。
  • --offset-beat 鼠标点击时向右偏移的列数/节拍数，0-base。
  • --offset-y 鼠标点击时向下偏移的行数，0-base。
  • --offset-hue 鼠标点击时事件的色调偏移。
  • --offset-brightness 鼠标点击时事件的亮度。
  • --offset-grayscale 鼠标点击时事件的灰度。
  • --event-x 截取对应图片文件中指定列的事件。
  • --event-y 截取对应图片文件中指定行的事件。
  • --event-width 截取事件的宽度。
  • --event-height 截取事件的高度。
  • group 事件组。
    可嵌套其他事件。
    • --group-beat 列数/节拍数，0-base。
    • --group-y 行数，0-base。
    • --group-width 事件组的宽度。
    • --group-height 事件组的高度。
    • --group-hue 事件组的色调偏移。
    • --group-brightness 事件组的亮度。
    • --group-grayscale 事件组的灰度。
    • --group-offset-beat 鼠标点击时向右偏移的列数/节拍数，0-base。
    • --group-offset-y 鼠标点击时向下偏移的行数，0-base。
    • --group-offset-hue 鼠标点击时事件组的色调偏移。
    • --group-offset-brightness 鼠标点击时事件组的亮度。
    • --group-offset-grayscale 鼠标点击时事件组的灰度。
    • --group-outline 外边框颜色。
      如果需要给此元素添加属性，请初始化所有子元素的具有相同名称的属性。
  • condition-true 条件-真。
  • condition-false 条件-假。
  • condition-both 条件-皆有。
  • tag 标签。

其他组件

  • --pulse 脉冲。
  • --hit 击拍。
  • --cross 十字。

描述 description

事件都可以添加描述框。
鼠标悬浮在事件上以展示描述框内容。


在循环节奏型的开始添加护士语音事件“Get”。

在二拍子的落拍点添加护士语音事件“Set”。

在循环节奏型的结束添加护士语音事件“Go”。
这是一个护士提示组。
  • --width 宽度。单位为 28px（即格子宽度）。
  • line 一行。
    • --box-count 需要均分排布的元素个数。
      忽略行首的 text 元素。
    • --icon-count 需要均分排布的图标个数。
      仅在 line 内部的最末尾有 icon 元素时有效。
    • text 黑色描边风格的矢量文本。
      • middle 文本居中。
      • hoverable 鼠标悬浮在文本上会变成主题色。
      • f-gray 文字呈现灰色。
      • highlight 主题色文本。
    • box 文本框。
      • input 输入样式的文本框效果。
        • --tips 文本框前缀。
        • middle 文本居中。
        • f-gray 文字呈现灰色。
        • b-black 背景呈现深灰色。
        • highlight 主题色文本。
      • scroll 滑动条。
        • point 滑动条上的点。
          • --scroll 滑动条上的点所处位置百分比。
      • button 按钮样式的文本框效果。
        • middle 文本居中。
        • active 激活的按钮文本框效果。
        • b-gray 背景呈现灰色。
        • highlight 主题色文本。
      • select 选择框样式的文本框效果。
        • list 下拉列表。
          • p.selected 选中状态效果。
    • icon 末尾的图标。
      • file 文件图标。
      • wrench 扳手图标。
可以在这里编写任何内容。
sndOrientalTechno

BPM

100
BPM计算

点击按钮开始。

拍长:

0.5

摇摆:

0.25

按下时间:

0

beats

切换为X字拍子设置

分解为自由时长节拍

同样也可以在这里编写任何内容。

轨道:

1.武士（1号房间）

1.武士（1号房间）

2.武士（1号房间）

3.武士（1号房间）

4.武士（1号房间）

5.武士（2号房间）

6.武士（2号房间）

目标:

整行

角色

心

自定义位置

开启

关闭

位置:

--

50

%

大小:

100

100

%

角度: 关闭

轴点: 关闭

动画时长:

1

节拍

缓速:

Linear

Linear

InSine

OutSine

InOutSine

InQuad

OutQuad

InOutQuad

InCubic

OutCubic

InOutCubic

InQuart

OutQuart

InOutQuart

InQuint

OutQuint

InOutQuint

InExpo

OutExpo

InOutExpo

InCirc

OutCirc

InOutCirc

InElastic

OutElastic

InOutElastic

InBack

OutBack

InOutBack

InBounce

OutBounce

InOutBounce