Merge branch 'check' into main

Merge branch 'check'
添加对文档编撰的说明
2026-01-29 19:43:28 +08:00 · 2026-01-24 18:01:51 +08:00 · 2026-01-24 18:00:59 +08:00 · 2026-01-24 17:41:28 +08:00 · 2026-01-24 17:33:04 +08:00 · 2026-01-24 17:32:16 +08:00
52 changed files with 2859 additions and 218 deletions
@@ -1,12 +1,32 @@
 # 节奏医生中文编辑器教程网站
-## 预览和编辑
+## 预览
 ### [Visual Studio Code](https://code.visualstudio.com/)
-此项目基于 [docsify](https://docsify.js.org/#/) 编辑，并使用 [RDView](https://github.com/OLDRedstone/RDView) 显示编辑器可交互模块。  
+此项目基于 [docsify](https://docsify.js.org/#/) 编辑，并使用 [RDView](https://github.com/OLDRedstone/RDView) 和 [RhythmBase.View(RDTKView)](https://github.com/OLDRedstone/RhythmBase.View) 显示编辑器可交互模块。  
 可以参考以下多种方案预览编辑效果。  
- 确保 [安装 markdown-rdview-support](https://github.com/OLDRedstone/markdown-rdview-support) 即可预览 RDView 内容。  
+- [安装 docsify](https://docsify.js.org/#/quickstart) 以实时预览页面。
    ```bash
    npm i docsify-cli -g
    ```
    - 运行以下命令以启动本地服务器实时预览。  
    ```bash
    docsify s
    ```
 - 在 Visual Studio Code 插件商店[安装 Live Server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) 以预览。
 ### RDView
 > ### 此条目即将废弃。  
 > 请优先使用 RhythmBase.View 格式。  
 - [安装 markdown-rdview-support](https://github.com/OLDRedstone/markdown-rdview-support) 以预览 RDView 内容。  
 如果成功安装，那么以下内容的 markdown 预览应当是一个事件栏。  
 ```rdview 7 5 1
@@ -15,16 +35,18 @@ es.SetCrotchetsPerBar_4 0 1[];
 eb.AddClassicBeat 0 2[tick=6];
 ```
- 确保 [安装 docsify](https://docsify.js.org/#/quickstart) 以实时预览页面。
+### RhythmBase.View
-```bash
+RDView 的替代。  
-npm i docsify-cli -g
+可以直接使用关卡文件内格式进行展示。  
-```
+暂无计划支持 Visual Studio Code 内预览。（~~感觉没必要支持~~）  
 可以访问[此处](https://view.obugs.cn/)以预览效果和获得额外属性说明。
- 运行以下命令以启动本地服务器实时预览。  
+## 编辑
-```bash
+请尽量使用 [RhythmBase.View(RDTKView)](https://github.com/OLDRedstone/RhythmBase.View) 格式展示事件。  
-docsify s
+本教程后期将会逐步迁移模块指此格式。
-```
+
 ## 其他
 Game assets courtesy of [7th Beat Games](https://7thbe.at/). Game assets are excluded from this site's license.
@@ -4,6 +4,7 @@
    margin: 0;
    & img{
      image-rendering: pixelated;
      width: 64px;
      height: 32px;
    }
  }
@@ -12,7 +13,7 @@
 - [<img src="/indexicon/Intro.png"/><p>序</p>](/pages/intro.md)
 - [<img src="/indexicon/changelog.png"/><p>更新信息</p>](/pages/changelog.md)
 - 基础：熟悉编辑器
-  - [<img src="/indexicon/changegameversion.png"/><p>修改游戏版本</p>](/pages/changegameversion.md)
+  - [<img src="/indexicon/changegameversion.png"/><p>修改游戏配置</p>](/pages/changegameversion.md)
  - [<img src="/indexicon/editorinterface.png"/><p>编辑器界面与快捷键</p>](/pages/editorinterface.md)
  - [<img src="/indexicon/importandexport.png"/><p>导入与导出</p>](/pages/importandexport.md)
 - 基础：游戏机制
@@ -37,9 +38,10 @@
 - 进阶：视觉特效
  - [<img src="/indexicon/camera.png"/><p>镜头移动</p>](/pages/camera.md)
  - [<img src="/indexicon/roomfx.png"/><p>房间视效</p>](/pages/roomfx.md)
  - [<img src="/indexicon/vfxpro.png"/><p>视觉干扰</p>](/pages/vfxpro.md)
  - [<img src="/indexicon/camerafx.png"/><p>摄像机视效</p>](/pages/camerafx.md)
  - [<img src="/indexicon/hallofmirror.png"/><p>镜厅</p>](/pages/hallofmirror.md)
-  - [<img src="/indexicon/windowmove.png"/><p>窗口移动</p>](/pages/windowmove.md)
+  - [<img src="/indexicon/windowmove.png"/><p>窗口相关的动画</p>](/pages/WindowDance.md)
  - [<img src="/indexicon/hand.png"/><p>手</p>](/pages/hand.md)
  - [<img src="/indexicon/character.png"/><p>自制角色与精灵资源</p>](/pages/spritesheet.md)
  - [<img src="/indexicon/decoration.png"/><p>使用精灵</p>](/pages/decoration.md)
@@ -52,6 +54,7 @@
 - 高级：第三方工具
  - [<img src="/indexicon/3rdparty_coderd.png"/><p>[Python]CodeRD</p>](/pages/3rdparty_coderd.md)
  - [<img src="/indexicon/3rdparty_rdtk.png"/><p>[C#]RhythmBase</p>](/pages/3rdparty_rdtk.md)
  - [<img src="/indexicon/3rdparty_aserdeco.png" width="64px"/><p>[lua]AserDeco插件</p>](/pages/3rdparty_aserdeco.md)
 - 附录
  - [<img src="/indexicon/events.png"/><p>事件列表</p>](/pages/appendix_events.md)
  - [<img src="/indexicon/vfxs.png"/><p>预设特效列表</p>](/pages/appendix_vfxs.md)
@@ -1,29 +1,31 @@
 <!DOCTYPE html>
 <html lang="zh-cn">
    <head>
        <meta charset="UTF-8">
        <title>节奏医生编辑器教程</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta
            name="description"
            content="这里是关于节奏医生编辑器的中文完全指南！"
        >
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="icon" href="/favicon.ico" type="image/x-icon" />
        <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
        <link rel="stylesheet" href="/style/light.css">
        <link rel="stylesheet" href="/style/dark.css">
        <link rel="stylesheet" href="/style/color.css">
        <link rel="stylesheet" href="/style/rdview.css">
        <link rel="stylesheet" href="/style/otto.css">
        <link rel="stylesheet" href="/style/special.css">
    </head>
-<head>
+    <body>
-    <meta charset="UTF-8">
+        <div id="app">加载中...</div>
-    <title>节奏医生编辑器教程</title>
+        <script>
-    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+            $docsify = {
-    <meta name="description" content="Description">
+                name: "节奏医生编辑器教程",
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="/style/light.css">
    <link rel="stylesheet" href="/style/dark.css">
    <link rel="stylesheet" href="/style/color.css">
    <link rel="stylesheet" href="/style/rdview.css">
    <link rel="stylesheet" href="/style/otto.css">
    <link rel="stylesheet" href="/style/special.css">
 </head>
 <body>
    <div id="app">加载中...</div>
    <script>
        $docsify = {
                name: '节奏医生编辑器教程',
                notFoundPage: "/404.md",
-                homepage: '/pages/intro.md',
+                homepage: "/pages/intro.md",
                loadSidebar: true,
                loadNavbar: true,
                coverpage: false,
@@ -31,63 +33,86 @@
                subMaxLevel: 4,
                mergeNavbar: true,
            };
-    </script>
+        </script>
-    <script type="module">
+        <script type="module">
-        import '/script/rdview.js';
+            import "./script/rdview.js";
-        function escapeHtml(unsafe) {
+            import {render} from "./script/rdtkview_render.js";
-            return unsafe
+
-                .replace(/&/g, "&amp;")
+            function escapeHtml(unsafe) {
-                .replace(/</g, "&lt;")
+                return unsafe
-                .replace(/>/g, "&gt;")
+                    .replace(/&/g, "&amp;")
-                .replace(/"/g, "&quot;")
+                    .replace(/</g, "&lt;")
-                .replace(/'/g, "&#039;");
+                    .replace(/>/g, "&gt;")
-        }
+                    .replace(/"/g, "&quot;")
-        loadRDView()
+                    .replace(/'/g, "&#039;");
        const originalCodeRenderer = $docsify.markdown?.renderer?.code;
        $docsify = {
            ...$docsify,
            ...{
                markdown: {
                    renderer: {
                        code: function (code, lang) {
                            if (lang.trim().startsWith('rdview')) {
                                return RDViewRender(lang, code);
                            }
                            return originalCodeRenderer ? originalCodeRenderer(code, lang) : `<pre data-lang="${lang}"><code>${escapeHtml(code)}</code></pre>`;
                        },
                        image: function (src, title, alt) {
                            return `<div class="image-tip"><img class="medium-zoom-image" src="${src}" alt="${alt}">${alt ? `<p>${alt}</p>` : ""}</div>`;
                        },
                    }
                },
                switchLightDarkMode: {
                    useSwitchMode: true,
                    top: 130,
                    right: 26,
                    svgColor: '#7d7b75',
                },
                search: {
                    noData: {
                        '/': '没有找到结果!'
                    },
                    paths: 'auto',
                    placeholder: {
                        '/': '搜索'
                    },
                    hideOtherSidebarContent: true,
                },
            }
-        };
+            loadRDView();
-    </script>
+            const originalCodeRenderer = $docsify.markdown
-    <script src="/script/docsify.min.js"></script>
+                ?.renderer?.code;
-    <script src="/script/zoom-image.min.js"></script>
+            function codeblockRender(code, lang) {
-    <script src="/script/search.min.js"></script>
+                if (lang.trim().startsWith("rdview")) {
-    <script src="/script/emoji.min.js"></script>
+                    return RDViewRender(lang, code);
-    <script src="/script/docsify-copy-code.min.js"></script>
+                }
-    <script src="/script/switchLightDarkMode.js"></script>
+                // else if (lang.trim().startsWith("rdtkview")) {
-    <script src="/script/otto.js"></script>
+                //     const args = lang.slice(8).trim().split(" ");
-    <script src="/script/custommethod-search.js"></script>
+                //     const width = parseInt(args[0]) || 8;
-    <script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-yaml.js"></script>
+                //     const height = parseInt(args[1]) || 4;
-    <script type="module" src="/script/special.js"></script>
+                //     const scale = parseFloat(args[2]) || 2.0;
-</body>
+                //     const result = render(code, width, height, scale);
                //     result.toString = () => result;
                //     return result;
                // }
                return originalCodeRenderer
                    ? originalCodeRenderer(code, lang)
                    : `<pre data-lang="${lang}"><code>${
                        escapeHtml(code)
                    }</code></pre>`;
            }
            $docsify = {
                ...$docsify,
                ...{
                    markdown: {
                        renderer: {
                            code: (code, lang) => {
                                return codeblockRender(code, lang);
                            },
                            image: function (src, title, alt) {
                                return `<div class="image-tip"><img class="medium-zoom-image" src="${src}" alt="${alt}">${
                                    alt ? `<p>${alt}</p>` : ""
                                }</div>`;
                            },
                        },
                    },
                    switchLightDarkMode: {
                        useSwitchMode: true,
                        top: 130,
                        right: 26,
                        svgColor: "#7d7b75",
                    },
                    search: {
                        noData: {
                            "/": "没有找到结果!",
                        },
                        paths: "auto",
                        placeholder: {
                            "/": "搜索",
                        },
                        hideOtherSidebarContent: true,
                    },
                },
            };
        </script>
        <script type="module" src="./script/special.js"></script>
        <!-- <script src="/script/docsify.min.js"></script> -->
        <script src="/script/zoom-image.min.js"></script>
        <script src="/script/search.min.js"></script>
        <script src="/script/emoji.min.js"></script>
        <!-- <script src="/script/docsify-copy-code.min.js"></script> -->
        <script src="/script/switchLightDarkMode.js"></script>
        <script src="/script/otto.js"></script>
        <script src="/script/custommethod-search.js"></script>
        <!-- <script
            src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-yaml.js"
        ></script> -->
    </body>
 </html>
@@ -0,0 +1,29 @@
 # AserDeco
 AserDeco 是一个 [Aseprite](https://www.aseprite.org/) 插件，用于将已有的 Aseprite 工程文件导出为节奏医生可以使用的精灵图文件。
 ## 下载
 可以在[这里](https://github.com/OLDRedstone/Aserdecoration/releases/)下载到最新版的 AserDeco 插件。
 ## 安装：
 **双击 .aseprite-extension 文件**或**依次点击**`编辑-首选项-扩展-添加扩展`以安装。
 若需要更改语言，依次点击`窗口-更改 Aserdecoration 的语言`，之后以上述方法重启插件。
 ## 使用
 在 Aseprite 里制作精灵图时，
 1. 选择需要导出的 Aseprite 工程文件，
 1. 调整帧持续时间(可选)，
 1. 创建循环节，
 	1. 选择多个帧，
 	1. 右键帧序号，
 	1. 选择`设置循环节`，
 1. 将循环节名称设置为精灵图表情名称，
 1. 调整循环节参数，
 1. 保存文件，
 1. 依次点击`文件-导出...-导出节奏医生精灵图`以弹出导出对话框，
 插件将会以**循环节名称**创建精灵表情，并以**循环节的动画方向**、**帧的持续时（可选）**和**对话框内的参数**在**已打开的 Aseprite 工程文件同一位置**处创建与工程文件同名的精灵图 .png 和 .json 文件。
@@ -0,0 +1,92 @@
 # 窗口相关的动画
 在1.0正式版更新后，窗口被单独提取成了一个独立的板块：**窗口板块**。为了避免剧透，这个板块默认是隐藏的，要让这个板块显示出来，我们需要在动作板块先放一个窗口动效事件，或者在编辑器设置中的显示窗口标签栏设置为**总是报告**，这个板块才会显示出来。
 ![“总是报告”设置](../images/Window_Dance_Always_Active.png)
 我们可以看到，窗口事件比以前多了很多。而且4个窗口都像房间板块一样每个窗口都占了一行。所有事件都只会对其所在行对应的窗口生效。接下来将会介绍这些事件的作用和使用方法。
 ## 隐藏窗口
 窗口的显示和隐藏都在这个事件中，窗口默认只有窗口1是显示，其他窗口默认都是隐藏的，所以如果你需要操作其他窗口，需要把窗口显示出来再进行操作。
 窗口板块中隐藏状态的窗口会显示灰色，可以通过这个判断你的窗口有没有忘记显示出来。
 ![默认状态下只有窗口1是显示的，其他窗口都是隐藏的，所以呈现灰色](../images/Window_Dance_Window_Hidden.png)
 ## 窗口动效
 (谁会，来补充一下，我只用过移动2333)
 ## 窗口大小重置
 想要让窗口大小发生变化，或调整窗口的轴点，都需要借助**窗口大小重置**事件。这个事件的设置项目是这样的：
 ![](../images/Window_Dance_Window_Resize.gif)
 **大小：** 窗口的目标大小，最大可以设置为`200%， 200%`，如果`x`和`y`同时被设置为了0，则窗口会立刻被重置为初始的大小（即`100%， 100%`）。
 **缩放模式：** 窗口大小发生变化时内容的缩放模式，具体如下：
 <ul>
 <li><strong>填充：</strong>将画面中的内容尽可能的填满窗口</li>
 <li><strong>适应：</strong>将画面中的内容尽可能放进窗口</li>
 <li><strong>无：</strong>保持窗口中原来内容的大小不变</li>
 </ul>
 ![填充模式](../images/Window_Dance_fill.gif)
 ![适应模式](../images/Window_Dance_fit.gif)
 ![无模式](../images/Window_Dance_none.gif)
 > 如果你的窗口在大小发生变化前后长宽比不变，那么**填充**和**适应**在效果上没有区别。
 **轴点模式：** 有**默认**和**锚点边缘**两种模式，选择**默认**即和房间移动的轴点没有区别，选择**锚点边缘**则表示选择一条边缘固定不动的情况下进行大小的缩放。
 > 实际上选择锚点边缘的情况下就是由系统计算轴点的位置，因此在锚点边缘选择左或右时不要把`x`设置为`0%`，在锚点边缘选择上或下时不要把`y`设置为`0%`，否则会出现bug，表现为对应窗口会消失且**无法被任何方式**移动回来，即使通过事件恢复了窗口的大小和轴点。
 **轴点：** 设置位置和缩放的基准点，类似于精灵图和房间的轴点，此处不再赘述。
 **动画时长和缓速：** 见过多次了，不再赘述。
 > 如果你想直观地看看各种移动方式的速度区别，可以[看看这里](https://easings.net/zh-cn)。
 ### 轴点的使用技巧
 我们知道，在窗口大小发生变化时，调整轴点可以改变其缩放的中心。但是实际上，即使窗口不需要缩放，我们也可以通过调整轴点来改变窗口的位置，那么这种操作从效果上看和直接使用窗口移动看似没有什么区别，实际上在一些特殊的需求中，这个方法可以被很巧妙地使用。
 窗口在移动时，使用的坐标是相对整个屏幕的，而由于不同设备的屏幕分辨率不同，导致有些效果如果用窗口移动来做会在不同分辨率下有不同效果，尤其是当多个窗口之间的位置有配合的时候（如两个窗口紧贴的效果）。
 如在16:9的分辨率下制作的两个窗口紧挨着的效果：
 ![16:9分辨率下两个窗口紧贴](../images/Window_Dance_169ratio.png)
 在其他分辨率下，即使不改变窗口的位置，也可能会有不同的效果（如在22:9分辨率下）：
 ![在更宽的屏幕下，两个窗口无法紧贴](../images/Window_Dance_229ratio.png)
 如果想要做出在类似`2-XN`中两个窗口相撞的效果，窗口中间有距离会导致表演效果大打折扣。这时我们可能会想，能不能不以屏幕为基准定位，而是以窗口的大小为基准定位，是不是就可以做到了呢？事实上，**轴点**就解决了这样的问题。
 试想，如果两个窗口在同一个位置，而一个窗口的轴点在左边缘，另一个窗口在右边缘，就可以保证无论在什么样的分辨率下，这两个窗口都一定是紧挨着的。
 ![](../images/Window_Dance_169ratio_pivot.png)
 ![使用轴点后，无论在哪个分辨率下两个窗口都是紧挨的](../images/Window_Dance_229ratio_pivot.png)
 所以当你的动画需要多个窗口之间的位置配合时，不妨试试用轴点的移动来代替直接移动窗口。
 ## 设置窗口数量
 首先需要纠正一个翻译问题，这个事件的正确翻译应为**设置窗口内容**(英文原文: Set Window Content)。真正可以设置窗口数量的事件是前面提到的**隐藏窗口**事件(显示或者隐藏窗口)，请大家不要搞错了。
 这个事件的设置项目是这样的：
 ![](../images/Window_Content.png)
 **内容模式：** 可以选择**一个房间**或**全部房间**，在选择**一个房间**时，下面会出现**房间目录**选项，可以从4个房间里面选择一个，随后这个窗口中只会显示这个房间的内容。在选择全部房间时，这个窗口将会像平常一样显示全部4个房间的内容。
 > 注意，在选择**一个房间**时，这个房间中的所有房间事件都不会在这个窗口中生效，包括房间移动，淡入淡出房间，房间遮罩等。
 ![左侧窗口是全部房间，右侧房间是一个房间(房间1)，可以发现房间移动和房间遮罩在右侧房间都没有生效](../images/Window_Dance_All_or_One.png)
 **位置，缩放和角度：** 类似于摄像头移动的对应参数。在内容模式为**一个房间**时，位置是对应房间区域的对应坐标(左下角是`(0%, 0%)`，右上角是`(100%, 100%)`)，在选择**全部房间**时，位置是在一个**长宽均为一个房间默认长宽的2倍的大区域**中的位置(如果需要定位到一个处于默认位置和默认大小的房间的左下角，位置是`(25%, 25%)`，右上角则是`(75%，75%)`，正中心依然是`(50%, 50%)`)，但是由于窗口默认大小和一个窗口的默认大小是相同的，因此如果不改变窗口的大小，依然只能显示一个房间大小的区域。
 ![上图中黄色区域是一个处于默认位置和默认大小的房间，蓝色区域是全部房间的坐标区域](../images/Window_Dance_Coordinate_of_All_Room.png)
 无论选择哪种内容模式，超出区域范围的内容都会被裁剪。
 **时长和缓速：** 略
 ## 重新排列窗口
 类似于房间板块的**重新排列房间**，可以设置窗口的上下关系。
 ## 设置主窗口
 将对应的窗口设置为主窗口，对话，顶部护士灯光，状态牌等内容将在主窗口显示。
 ## 设置窗口名称
 修改窗口的标题。在动作选择**设置**的时候，会直接设置窗口的标题；在动作选择**增补**的时候，会在原来标题的后面增加内容；在动作选择**重置**的时候，会将标题重置为`Rhythm Doctor`。
 ## 设置桌面颜色
 修改模拟移动时桌面的颜色，如果不打开起始颜色，则表示从当前颜色渐变为结束颜色，如果打开起始颜色，效果将类似于**自定义闪烁**。
@@ -262,6 +262,24 @@
 | sndTutorialDubstep | <code>MD-1</code>的教程音乐 | 114 |
 | sndTutorialDubstep_Bassless | <code>MD-1</code>的教程音乐，无贝斯 | 114 |
 | sndTutorialDubstep_Dotted | <code>MD-1</code>的教程音乐，有附点 | 114 |
 | sndTutorialHouse_Base | <code>5-2</code>和<code>5-2N</code>的教程音乐 | 120 |
 | sndTutorialHouse_AmenFill | <code>5-2</code>和<code>5-2N</code>的教程音乐开始练习前摇（镲声） | 120 |
 | sndTutorialHouse_FreezeCPU | <code>5-2</code>的教程音乐（伊恩演示） | 120 |
 | sndTutorialHouse_Freeze1 | <code>5-2</code>教程音乐的第一阶段 | 120 |
 | sndTutorialHouse_Freeze2 | <code>5-2</code>教程音乐的第二阶段 | 120 |
 | sndTutorialHouse_BurnCPU | <code>5-2N</code>的教程音乐（伊恩演示） | 120 |
 | sndTutorialHouse_Burn1 | <code>5-2N</code>教程音乐的第一阶段 | 120 |
 | sndTutorialHouse_Burn2 | <code>5-2N</code>教程音乐的第二阶段 | 120 |
 | sndTutorialHouse_Rest | <code>5-2</code>和<code>5-2N</code>的教程音乐（休息） | 120 |
 | sndTutorialHouse_Riser | <code>5-2</code>和<code>5-2N</code>的教程音乐开始练习前摇（鼓声） | 120 |
 | sndTutorialSyncopation | <code>6-1</code>的教程音乐开头 | 110 |
 | sndTutorialSyncopation | <code>6-1</code>的教程音乐开头，无开头空白 | 110 |
 | sndTutorialSyncopation_Phase1 | <code>6-1</code>教程音乐第一阶段 | 110 |
 | sndTutorialSyncopation_Phase2 | <code>6-1</code>教程音乐第二阶段 | 110 |
 | sndTutorialHoldshot | <code>7-1</code>的教程音乐 | 95 |
 | sndTutorialHoldshot_Phase1 | <code>7-1</code>的教程音乐第一阶段 | 95 |
 | sndTutorialHoldshot_Phase2 | <code>7-1</code>的教程音乐第二阶段 | 95 |
 | sndTutorialHoldshot_Phase3 | <code>7-1</code>的教程音乐第三阶段 | 95 |
 | sndOrientalTechno | <code>1-1</code>东方电舞曲 | 100 |
 | sndOrientalTechnodown | <code>1-1N</code>东方回响贝斯的开头部分 | |
 | sndOrientalDubstep | <code>1-1N</code>东方回响贝斯 | 130 |
@@ -271,14 +289,70 @@
 | sndOrientalInsomniac2 | <code>1-X</code> 东方不眠夜 第二部分 | |
 | sndOrientalInsomniac3 | <code>1-X</code> 东方不眠夜 第三部分 | |
 | sndOrientalInsomniacHardRep | <code>1-XN</code>超东方不眠夜 | 160~180 |
 | sndGongXi | <code>1-CNY</code>春节贺岁片 | 145 |
 | sndHalloween | <code>1-BOO</code>恐怖鸟主题 | 100 |
 | sndLofi | <code>2-1</code>Lo-fi Hip-Hop Beats To Treat Patients To | 75 |
 | sndCareless | <code>2-1N</code>wish i could care less | 75~81 |
 | sndCarelessCN | <code>2-1N</code>wish i could care less中文版 | 75~81 |
 | sndSupraventricular88 | <code>2-2</code>室上性心动过速 | 88 |
 | sndUnreachable | <code>2-2N</code>Unreachable | 180 |
 | sndPuffPiece | <code>2-3</code>缭绕 | 127 |
 | Pomeranian | <code>2-3N</code>嗅炸弹的博美犬 | 127.2 |
 | song_of_the_sea | <code>2-4</code>与<code>2-4N</code>的背景音乐 | 60 |
 | sndAllTheTimes | <code>2-X</code>All The Times 咖啡之歌 | 145 |
 | sndAllTheTimesCN | <code>2-X</code>All The Times 咖啡之歌中文版 | 145 |
 | sndBitterness | <code>2-XN</code>Bitter Times 爱情是苦和甜的交错前半段 | 112~195 |
 | sndBitternessCutscene | <code>2-XN</code>Bitter Times 爱情是苦和甜的交错后半段 | 112->195->264->195 |
 | sndTutorialBeans | <code>2-B1</code>武士豆子跳 | 110 |
 | sndSleepyGarden | <code>3-1</code>沉睡花园 | 158 |
 | sndLounge | <code>3-1N</code>休息室 | 75 |
 | sndBarbra | <code>3-2</code>典雅 | 115 |
 | sndDistantDuet | <code>3-3</code>分离二重唱 | 194 |
 | sndDistantDuetNight | <code>3-3</code>分离二重唱·夜 | 194 |
 | sndDistantDuet | <code>3-3</code>分离二重唱 | 194 |
 | sndDistantDuetNight | <code>3-3</code>分离二重唱·夜 | 194 |
 | sndLesMisBar1 | <code>3-X</code>轮班之歌 | 100 |
 | sndLesMisBar39 | <code>3-X</code>轮班之歌 从第39小节开始 | |
 | sndMinersong | <code>4-1</code>实习医生培训演练表现评估 | 128->225.9->140~110? |
 | sndRollerdisco | <code>4-1N</code>滑板迪斯科震颤 | 125.5 |
 | sndInvisible | <code>4-2</code>和<code>4-2N</code> | 190 |
 | sndSteinway | <code>4-3</code>斯坦威 | 80 |
 | sndKnowYou | <code>4-4</code>懂你 | 157 |
 | sndMurmurs | <code>4-4N</code>喃喃细语 | 65 |
 | sndLuckyBreak | <code>5-1</code>路吉摔了一跤 | 156 |
 | sndOSTL | <code>5-2</code>One Slip Too Late 创伤之歌 | 175~150 |
 | sndOSTLCN | <code>5-2</code>One Slip Too Late 创伤之歌中文版 | 175~150 |
 | sndFreezeshot | <code>5-2</code>Lo-fi Beats For Patients To Chill To | 140 |
 | sndFreezeshotH | <code>5-2N</code>无以为继的伤心欲绝 | 176->100->80 |
 | sndTherapy1 | <code>5-3</code>七局伸展操第一部分 | 128 |
 | sndTherapy2 | <code>5-3</code>七局伸展操第二部分 | 124 |
 | sndTherapy3 | <code>5-3</code>七局伸展操第三部分 | 136 |
 | sndTherapyEnding | <code>5-3</code>七局伸展操结尾 | 136 |
 | sndCorazonesViejos | <code>5-3N</code>偕老 | 249? |
 | sndDDS | <code>5-X</code>梦想永不歇 | 95->62.6->102.5 |
 | sndDDSCN | <code>5-X</code>梦想永不歇中文版 | 95->62.6->102.5 |
 | sndHaileyDuet | <code>6-1</code>想把心事和你说 | 94.5->190->220->181->206? |
 | sndHaileyDuetCN | <code>6-1</code>想把心事和你说中文版 | 94.5->190->220->181->206? |
 | sndEdegaRave | <code>6-2</code>欢迎回来 | 200->85->200 |
 | sndBossStage_Main | <code>6-X</code>Boss战（包括埃德加批评佩奇的一段） | 150~255 |
 | sndBossStage_NoCutscene | <code>6-X</code>Boss战（不包括埃德加批评佩奇的一段） | 150~255 |
 | sndBossStage_EndingShort | <code>6-X</code>Boss战结尾（包括埃德加批评佩奇的一段） | 165 |
 | sndBossStage_EndingLong | <code>6-X</code>Boss战结尾（不包括埃德加批评佩奇的一段） | 165 |
 | sndBlurred | <code>7-1</code>模糊 | 70 |
 | sndMontage | <code>7-X</code>奇迹除颤器 | 160 |
 | sndMontageIntro | <code>7-X</code>奇迹除颤器前奏 | |
 | sndColeSongLeaves | <code>7-X2</code>奇迹除颤器安可版（佩奇离职分支） | 91->121.2->182-->156->240?->228?-->360 |
 | sndColeSongStays | <code>7-X2</code>奇迹除颤器安可版（佩奇在职分支） | 91->121.2->182-->156->240?->228?-->360 |
 | sndArtExercise | <code>X-1</code>美术练习 | 140 |
 | sndHelpingHands | <code>X-0</code>伸出援手 | 178 |
 | sndHelpingHandsCN | <code>X-0</code>伸出援手中文版 | 178 |
 | sndBlackestLuxuryCar | <code>MD-1</code>BlackestLuxuryCar | 178 |
 | sndTapeStopNight | <code>MD-2</code>Tape/Stop/Night | 115 |
 | sndThe90sDecision | <code>MD-3</code>The90sDecision | 128 |
 | sndMeetAndTweet | <code>X-MAT</code>Meet And Tweet | 110 |
 | sndWornOutTapes | <code>X-WOT</code>Worn Out Tapes | 149 |
 | sndSparkLine | <code>X-KOB</code>气球王国 | 124 |
 | sndVividStasis | <code>X-FTS</code>恋恋群星 | 150 |
 | sndOsmBluesRadio | 夜间的病房内过剧情 | 98? |
 | SoftPianoIntimate | 第一章末尾的过剧情 | 88 |
@@ -4,79 +4,75 @@
 | 功能 | 快捷键 | 章节 | 内容 |
 | :--- | :--- | :--- | :--- |
-| 播放音乐 | `P` | [导入与导出](../pages/importandexport.md#导入音乐)　 | 设置谱面的音乐 |
+| 播放音乐 | `P` | [导入与导出](../pages/importandexport.md#导入音乐) | 设置谱面的音乐 |
 | 设置音节长度 | `C` |  | 设置每个小节的拍子数量 |
 | 播放音效 | `S` | [音效设计](../pages/audiodesign.md#播放音效) | 播放游戏内置的音效或是导入的音效 |
 | 设置BPM | `B` | [导入与导出](../pages/importandexport.md#调整曲速和偏移) | 设置音乐的BPM |
 | 设置按拍音效 | `L` | [音效设计](../pages/audiodesign.md#设置按拍音效) | 设置玩家正确击中拍子时的音效 |
-| 设置心跳音量 | `H` | [音效设计](../pages/audiodesign.md#心爆) | 设置正确击中拍子时心跳的音效音量　　　 |
+| 设置心跳音量 | `H` | [音效设计](../pages/audiodesign.md#心爆) | 设置正确击中拍子时心跳的音效音量 |
 | 设置心爆间隔 | `I` | [音效设计](../pages/audiodesign.md#心爆) | 设置心爆效果的延迟方式与间隔 |
 | 护士语音设置 | `R` | [音效设计](../pages/oneshotbeat.md#护士节奏提示) | 添加用于提示单发拍子的护士语音 |
 | 设置游戏音效 | `G` | [音效设计](../pages/audiodesign.md#设置游戏音效) | 设置玩家按键时的各种音效声 |
 | 设置节拍音效 | `T` | [音效设计](../pages/audiodesign.md#设置节拍音效) | 重新设置替换指定轨道的节拍音效 |
-| 设置数拍音效　　 | `U` | [普通拍子](../pages/classicbeat.md#护士节奏提示) | 设置普通拍子的数拍音效 |
+| 设置数拍音效 | `U` | [普通拍子](../pages/classicbeat.md#护士节奏提示) | 设置普通拍子的数拍音效 |
 | 朗读口述 | `N` | [无障碍设计](../pages/accessibledesign.md#朗读口述) | 添加用于文字说明的屏幕朗读事件 |
 | 朗读轨道信息 | `F` | [无障碍设计](../pages/accessibledesign.md#朗读轨道信息) | 添加用于轨道提示的屏幕朗读事件 |
 | 注释 | `M` | [标签](../pages/tag.md#让事件摆放更有条理) | 添加注释内容或插入注释型自定义方法 |
 ## 蓝色版块（轨道）
 | 功能 | 快捷键 | 章节 | 内容 |
 | :--- | :--- | :--- | :--- |
-| 设置波　　　 |   | [单发拍子](../pages/oneshotbeat.md#单发拍子视觉效果) | 设置单发拍子脉冲的形状和大小　　 |
+| 设置单发波形 |   | [单发拍子](../pages/oneshotbeat.md#单发拍子视觉效果) | 设置单发拍子脉冲的形状和大小 |
 ## 紫色版块（动作）
 | 功能 | 快捷键 | 章节 | 内容 |
 | :--- | :--- | :--- | :--- |
 | **玩法类** |   |   |   |
 | 隐藏轨道 | `X` | [轨道移动](../pages/moverow.md#轨道的显示与隐藏) | 改变轨道的显示和隐藏状态 |
 | 切换玩家轨道 | `Y` | [采音和节奏设计](../pages/beatpatterndesign.md) | 切换轨道的游玩者：1P，2P或是CPU |
 | 结束关卡 | `L` | [导入与导出](../pages/importandexport.md#导出关卡) | 制作关卡必需的特效，放置三个来结束关卡 |
-| 设置播放模式　　 | `9` |  | 设置播放头的运动方式 |
+| 显示手 | `U` | [手](../pages/hand.md#显示手) | 显示或者隐藏手 |
 | 手分配 | `Shift+Y` | [手](../pages/hand.md#手分配) | 为手设置所属角色 |
 | 设置播放方式 | `Shift+Z` |  | 设置播放头的运动方式 |
 | **环境类** |   |   |   |
 | 设置主题 | `T` | [场景与主题](../pages/settheme.md) | 给房间添加游戏内置的主题效果 |
 | 设置背景 | `B` | [房间](../pages/room.md#背景图片) | 给房间添加纯色背景或是导入自制背景图片 |
-| 设置前景 | `G` | [房间](../pages/room.md#前景图片) | 给房间导入自制的前景图片 |
+| 设置前景 | `Shift+B` | [房间](../pages/room.md#前景图片) | 给房间导入自制的前景图片 |
-| **轨道类** |   |   |   |
+| 设置速度 | `S` | [轨道视效](../pages/vfx.md#设置速度) |  改变整个画面中物件及特效的运行速度 |
 | 自定义闪烁 | `F` | [轨道视效](../pages/rowfx.md#适合配合轨道或节拍一起使用的特效) | 自定义屏幕闪烁的图层位置，颜色，透明度 |
 | 闪烁 | `Shift+F` | [轨道视效](../pages/rowfx.md#适合配合轨道或节拍一起使用的特效) | 简单地屏幕闪烁 |
 | **轨道特效类** |   |   |   |
 | 隐藏轨道 | `X` | [轨道移动](../pages/moverow.md#轨道的显示与隐藏) | 改变轨道的显示和隐藏状态 |
 | 移动轨道 | `O` | [轨道移动](../pages/moverow.md#轨道的移动) | 让轨道在画面中移动，缩放，旋转等 |
 | 重排序：行 | `Shift+O` |   | 将轨道移动到不同房间，或是重新对轨道进行排序 |
 | 播放表情 | `J` | [自制角色与精灵资源](../pages/spritesheet.md#播放表情) | 改变轨道中角色的表情 |
 | 轨道涂色 | `R` | [轨道视效](../pages/rowfx.md#轨道涂色) | 设置轨道的边框、涂色、透明度 |
-| 切换轨道 | `Y` | [采音和节奏设计](../pages/beatpatterndesign.md) | 切换轨道的游玩者：1P，2P或是CPU |
+| **摄像头特效类** |   |   |   |
 | **镜头类** |   |   |   |
 | 移动摄像头 | `C` | [镜头移动](../pages/camera.md) | 设置摄像头动画 |
-| 屏幕震动 | `H` | [轨道视效](../pages/rowfx.md#适合配合轨道或节拍一起使用的特效) | 添加屏幕震动效果，可指定震动幅度 |
+| 脉冲摄像机 | `Shift+C` | [轨道视效](../pages/rowfx.md#和轨道相关的特效) | 添加一个按一定时间和频次缩放画面的效果 |
-| 翻转屏幕 | `N` | [视觉干扰](../pages/vfx.md) | 上下，左右，或是中心反转屏幕 |
+| 自定义震动 | `H` | [轨道视效](../pages/rowfx.md#适合配合轨道或节拍一起使用的特效) | 自定义屏幕震动的震动类型，时长，增幅 |
-| 脉冲摄像机 | `P` | [轨道视效](../pages/rowfx.md#和轨道相关的特效) | 添加一个按一定时间和频次缩放画面的效果 |
+| 屏幕震动 | `Shift+H` | [轨道视效](../pages/rowfx.md#适合配合轨道或节拍一起使用的特效) | 简单地屏幕震动，可指定震动幅度 |
-| **视效类** |   |   |   |
+| 屏幕翻转 | `Shift+I` | [视觉干扰](../pages/vfx.md) | 上下，左右，或是中心反转屏幕 |
 | **视觉特效类** |   |   |   |
 | 预设特效 | `V` | [ex2](../pages/appendix_vfxs.md) | 插入编辑器预置的特效 |
 | 设置速度 | `S` | [轨道视效](../pages/vfx.md#设置速度) |  改变整个画面中物件及特效的运行速度 |
-| 闪烁 | `F` | [轨道视效](../pages/rowfx.md#适合配合轨道或节拍一起使用的特效) | 简单地屏幕闪烁 |
+| 自定义闪烁 | `F` | [轨道视效](../pages/rowfx.md#适合配合轨道或节拍一起使用的特效) | 自定义屏幕闪烁的图层位置，颜色，透明度 |
-| 自定义闪烁 | `U` | [轨道视效](../pages/rowfx.md#适合配合轨道或节拍一起使用的特效) | 自定义屏幕闪烁的图层位置，颜色，透明度 |
+| 闪烁 | `Shift+F` | [轨道视效](../pages/rowfx.md#适合配合轨道或节拍一起使用的特效) | 简单地屏幕闪烁 |
 | 重低音震动 | `K` | [轨道视效](../pages/rowfx.md#适合配合轨道或节拍一起使用的特效) | 添加一次大幅度的色像差加大幅度屏幕缩放 |
-| 反转颜色 | `I` | [镜厅](../pages/hallofmirror.md) | 给画面添加反色效果 |
+| 颜色反转 | `I` | [镜厅](../pages/hallofmirror.md) | 给画面添加反色效果 |
-| 卡带效果 | `0` | [视觉干扰](../pages/vfx.md#卡带效果) | 反复重现某个画面造成卡顿错觉 |
+| 卡带效果 | `E` | [视觉干扰](../pages/vfx.md#卡带效果) | 反复重现某个画面造成卡顿错觉 |
 | 手涂色 | `Shift+U` | [手](../pages/hand.md#手涂色) | 改变手的颜色 |
 | 窗口动效 | `W` | [窗口移动](../pages/windowmove.md) | 把关卡变成窗口模式，并设置窗口的移动 |
 | **文本类** |   |   |   |
 | 弹幕效果 | `E` | [其他文字事件](../pages/captions.md#弹幕效果) | 添加一个从右至左的弹幕飘过效果 |
 | 显示对话 | `D` | [其他文字事件](../pages/captions.md#显示对话) | 添加一个悬浮在屏幕上方或下方的对话窗口 |
-| 显示状态牌 | `Q` | [其他文字事件](../pages/captions.md#显示状态牌) | 在画面左上角显示一个状态牌 |
+| 显示状态标识 | `Shift+D` | [其他文字事件](../pages/captions.md#显示状态牌) | 在画面左上角显示一个状态标识 |
 | 浮动文字 | `A` | [浮动文字](../pages/floatingtext.md) | 在画面中显示一段文字 |
-| **手　类** |   |   |   |
+| 弹幕效果 | `Shift+A` | [其他文字事件](../pages/captions.md#弹幕效果) | 添加一个从右至左的弹幕飘过效果 |
 | 显示手 | `5` | [手](../pages/hand.md#显示手) | 显示或者隐藏手 |
 | 手涂色 | `6` | [手](../pages/hand.md#手涂色) | 改变手的颜色 |
 | 手分配 | `7` | [手](../pages/hand.md#手分配) | 为手设置所属角色 |
 | **组件类** |   |   |   |
-| 标签动作 | `8` | [标签](../pages/tag.md#设置标签事件) | 运行/禁用指定标签带有的事件 |
+| 标签动作 | `O` | [标签](../pages/tag.md#设置标签事件) | 运行/禁用指定标签带有的事件 |
-| 自定义方法 | `Z` | [自定义方法](../pages/custommethod.md) | 运行指令，执行无法用常规手段达成的效果 |
+| 调用自定义方法 | `Z` | [自定义方法](../pages/custommethod.md) | 运行指令，执行无法用常规手段达成的效果 |
 | 注释 | `M` | [标签](../pages/tag.md#让事件摆放更有条理) | 添加注释内容或插入注释型自定义方法 |
 ## 绿色版块（精灵）
 | 功能 | 快捷键 | 章节 | 内容 |
 | :--- | :--- | :--- | :--- |
 | 移动精灵图　　　 | `O` | [自制角色与精灵资源](../pages/decoration.md#移动精灵图) | 设置精灵的位置、大小、角度、轴点　　　 |
 | 绘制精灵图 | `T` | [使用精灵](../pages/decoration.md#绘制精灵图) | 设置精灵的边框、涂色、透明度 |
 | 播放表情 | `P` | [使用精灵](../pages/decoration.md#播放表情) | 播放精灵的表情 |
 | 显示/隐藏 | `V` | [使用精灵](../pages/decoration.md#显示/隐藏) | 显示或隐藏精灵 |
 | 平铺精灵图 | `V` | [使用精灵](../pages/decoration.md#平铺精灵图) | 显示或隐藏精灵 |
 | 注释 | `M` | [标签](../pages/tag.md#让事件摆放更有条理) | 添加注释内容或插入注释型自定义方法 |
 ## 黄色版块（房间）
@@ -90,4 +86,17 @@
 | 房间遮罩 | `K` | [房间视效](../pages/roomfx.md#房间遮罩) | 为房间设置遮罩 |
 | 淡入淡出房间 | `F` | [镜头移动](../pages/camera.md) | 设置房间的透明度 |
 | 设置房间视角 | `P` | [房间视效](../pages/roomfx.md#设置房间视角) | 设置房间的四个角的位置 |
 | 注释 | `T` | [标签](../pages/tag.md#让事件摆放更有条理) | 添加注释内容或插入注释型自定义方法 |
 ## 绿色版块（精灵）
 | 功能 | 快捷键 | 章节 | 内容 |
 | :--- | :--- | :--- | :--- |
 | 移动精灵图 | `O` | [自制角色与精灵资源](../pages/decoration.md#移动精灵图) | 设置精灵的位置、大小、角度、轴点 |
 | 绘制精灵图 | `R` | [使用精灵](../pages/decoration.md#绘制精灵图) | 设置精灵的边框、涂色、透明度 |
 | 播放表情 | `J` | [使用精灵](../pages/decoration.md#播放表情) | 播放精灵的表情 |
 | 显示/隐藏 | `X` | [使用精灵](../pages/decoration.md#显示/隐藏) | 显示或隐藏精灵 |
 | 重排序：精灵图 | `Shift+O` |   | 将精灵移动到不同房间，或是重新对精灵进行排序 |
 | 平铺精灵图 | `I` | [使用精灵](../pages/decoration.md#平铺精灵图) | 显示或隐藏精灵 |
 | 混合精灵图 | `B` |  | 设置精灵的颜色混合模式 |
 | 注释 | `M` | [标签](../pages/tag.md#让事件摆放更有条理) | 添加注释内容或插入注释型自定义方法 |
@@ -98,6 +98,12 @@
 在`5-2N 无以为继的伤心欲绝`中被首次引入。
 ### 长按单发拍子
 当听到咻噗的声音时，说明下一次击拍需要长按到下一个出拍点。
 在`7-1 模糊`中被首次引入。
 ### 冲击拍子
 单发拍子根据哨声提示在脉冲和按拍时全都按拍。
@@ -21,3 +21,73 @@ g 1 1 5 4 #0ff{
 </textarea></div></div>
 ---
 完整功能支持请前往[此处](https://view.obugs.cn)。
 <div class="rdview2"><div class="canvas"></div><div class="editor"><div class="number"></div><textarea class="area" spellcheck="false" placeholder="Enter code here">
 { "bar": 1, "beat": 1, "y": 0, "type": "MoveRoom", "if": "1d0", "roomPosition": [50, 50], "scale": [70, 100], "angle": 20, "pivot": [0, 0], "duration": 1, "ease": "Linear" },
 { "bar": 1, "beat": 1, "y": 6, "type": "AddOneshotBeat", "pulseType": "Triangle", "tick": 2, "subdivisions": 2, "subdivSound": true },
 { "bar": 1, "beat": 2, "y": 0, "type": "AddClassicBeat", "tick": 0.5, "swing": 0, "hold": 0 },
 { "bar": 1, "beat": 2, "y": 1, "type": "ReorderRooms", "order": [1, 3, 2, 0] },
 { "bar": 1, "beat": 2, "y": 5, "type": "SetSpeed", "speed": 1, "duration": 0, "ease": "Linear" },
 { "bar": 1, "beat": 3, "y": 3, "type": "AddOneshotBeat", "pulseType": "Wave", "tick": 2 },
 { "bar": 1, "beat": 4, "y": 4, "type": "AddOneshotBeat", "pulseType": "Wave", "freezeBurnMode": "Burnshot", "interval": 2, "tick": 1 },
 { "bar": 1, "beat": 5, "y": 1, "type": "SetBeatsPerMinute", "if": "~3d0", "beatsPerMinute": 100 },
 { "bar": 1, "beat": 5, "y": 2, "type": "SetBackgroundColor", "rooms": [0], "backgroundType": "Color", "color": "FFFFFFFF", "filter": "NearestNeighbor" },
 { "bar": 1, "beat": 5, "y": 5, "type": "SetGameSound", "soundType": "SmallMistake", "filename": "" },
 { "bar": 1, "beat": 5, "y": 6, "type": "SetHeartExplodeInterval", "intervalType": "GatherAndCeil", "interval": 1 },
 { "bar": 1, "beat": 7, "y": 0, "type": "AddClassicBeat", "tag": "1", "tick": 0.5, "hold": 1, "swing": 0.5, "setXs": "NoChange" },
 { "bar": 1, "beat": 7, "y": 6, "type": "AddOneshotBeat", "pulseType": "Wave", "freezeBurnMode": "Freezeshot", "interval": 2, "tick": 1, "delay": 0.5, "skipshot": true },
 { "bar": 1, "beat": 8, "y": 1, "type": "SetVisible", "visible": true },
 { "bar": 1, "beat": 8, "y": 2, "type": "ShowStatusSign", "if": "1d0", "text": "RhythmBase.View!", "duration": 5, "useBeats": true, "narrate": true },
 { "bar": 1, "beat": 8, "y": 3, "type": "Tint", "border": "Glow", "borderColor": "FF0000FF", "tint": true, "tintColor": "001BFFFF", "opacity": 100, "duration": 3, "ease": "Linear" },
 { "bar": 1, "beat": 8, "y": 4, "type": "SetCountingSound", "voiceSource": "JyiCount", "enabled": true, "volume": 100, "subdivOffset": 0.5 },
 { "bar": 1, "beat": 8, "y": 5, "type": "TextExplosion", "rooms": [0], "text": "Explosion", "color": "000000", "mode": "OneColor", "direction": "Left", "speed": 100, "ease": "Linear" },
 { "bar": 2, "beat": 2, "y": 5, "type": "SayReadyGetSetGo", "tag": "1", "rooms": [4], "phraseToSay": "JustSayRea", "voiceSource": "Nurse", "tick": 1, "volume": 100 },
 { "bar": 2, "beat": 3, "y": 1, "type": "Move", "position": [50, 50], "duration": 1, "ease": "Linear" },
 { "bar": 2, "beat": 3, "y": 2, "type": "NewWindowDance", "tab": "Windows", "preset": "Move", "position": [50, 50], "reference": "Center", "easingDuration": 1, "ease": "Linear" },
 { "bar": 2, "beat": 3, "y": 3, "type": "PlayAnimation", "expression": "neutral" },
 { "bar": 2, "beat": 3, "y": 4, "type": "SetOneshotWave", "waveType": "BoomAndRush", "height": 100, "width": 100 },
 { "bar": 2, "beat": 5, "y": 0, "type": "BassDrop", "if": "1&~2d0", "rooms": [0], "strength": "High" },
 { "bar": 2, "beat": 5, "y": 1, "type": "ShowDialogue", "rooms": [4], "text": "Samurai_Happy: SAMURAI!", "speed": 1, "panelSide": "Bottom", "portraitSide": "Left", "playTextSounds": true },
 { "bar": 2, "beat": 5, "y": 2, "type": "FloatingText", "rooms": [0], "id": 0, "text": "等/呀/等/得/好/心/慌……", "times": "", "color": "00F4FFFF", "outlineColor": "0011FFFF", "textPosition": [50, 50], "font": "Default", "size": 8, "angle": 0, "showChildren": true, "fadeOutRate": 3, "mode": "FadeOut", "anchor": "MiddleCenter", "narrate": true, "narrationCategory": "Subtitles" },
 { "bar": 2, "beat": 6, "y": 3, "type": "SetRoomPerspective", "cornerPositions": [[0, 0], [100, 0], [0, 100], [100, 100]], "duration": 1, "ease": "Linear" },
 { "bar": 2, "beat": 6, "y": 4, "type": "SetPlayStyle", "PlayStyle": "Normal", "NextBar": 1, "Relative": true },
 { "bar": 2, "beat": 7, "y": 5, "type": "SetCrotchetsPerBar", "crotchetsPerBar": 7, "visualBeatMultiplier": 1 },
 { "bar": 2, "beat": 7, "y": 6, "type": "SetHandOwner", "rooms": [0], "hand": "Right", "character": "Player" },
 { "bar": 2, "beat": 8, "y": 3, "type": "SetBeatSound", "row": 0, "sound": {"filename": "Shaker"} },
 { "bar": 2, "beat": 8, "y": 4, "type": "TintRows", "if" : "1&~2d1", "rooms": [0], "border": "Outline", "borderColor": "2BFF00FF", "tint": true, "tintColor": "007E0EFF", "opacity": 100, "duration": 0, "ease": "Linear", "effect": "None" },
 { "bar": 3, "beat": 1, "y": 0, "type": "MoveCamera", "rooms": [0], "cameraPosition": [50, 50], "duration": 1, "ease": "Linear" },
 { "bar": 3, "beat": 1, "y": 1, "type": "ShowHands", "rooms": [0], "hand": "Right", "action": "Show", "extent": "Full", "forceRaise": true, "align": false, "instant": false },
 { "bar": 3, "beat": 1, "y": 2, "type": "PulseCamera", "rooms": [0], "strength": 1, "count": 1, "frequency": 1 },
 { "bar": 3, "beat": 3, "y": 2, "type": "SayReadyGetSetGo", "if": "1d0", "rooms": [4], "phraseToSay": "SayGetSetOne", "voiceSource": "Nurse", "tick": 1, "volume": 100 },
 { "bar": 3, "beat": 3, "y": 6, "type": "FlipScreen", "rooms": [0], "flipX": false, "flipY": true },
 { "bar": 3, "beat": 4, "y": 6, "type": "InvertColors", "rooms": [0], "enable": true },
 { "bar": 3, "beat": 5, "y": 3, "type": "DesktopColor", "endColor": "00ffff", "duration": 2, "ease": "Linear" },
 { "bar": 3, "beat": 6, "y": 6, "type": "SayReadyGetSetGo", "rooms": [4], "phraseToSay": "JustSayAndStop", "voiceSource": "Nurse", "tick": 1, "volume": 100 },
 { "bar": 3, "beat": 5, "y": -1, "type": "AdvanceText", "id": 0, "text": "text 字段不存在于原事件中，但是 RDView 提供了支持。" },
 { "bar": 3, "beat": 5.5, "y": -1, "type": "PulseFreeTimeBeat", "row": 0, "action": "Increment", "hold": 0 },
 { "bar": 3, "beat": 8, "y": 3, "type": "HideWindow", "show": false },
 { "bar": 3, "beat": 8, "y": 4, "type": "NarrateRowInfo", "row": 0, "infoType": "Connect", "soundOnly": false, "narrateSkipBeats": "On", "skipsUnstable": false, "customPlayer": "AutoDetect" },
 { "bar": 3, "beat": 8, "y": 5, "type": "Comment", "tab": "Actions", "text": "五彩斑斓的黑", "color": "8C00FF", "show": false },
 { "bar": 4, "beat": 1, "y": 2, "type": "PaintHands", "rooms": [0], "hands": "Right", "border": "Outline", "borderColor": "AFFF00FF", "tint": true, "tintColor": "4FAF00FF", "opacity": 100, "duration": 0 },
 { "bar": 4, "beat": 1, "y": 4, "type": "CallCustomMethod", "methodName": "", "executionTime": "OnBar", "sortOffset": 0 },
 { "bar": 4, "beat": 1, "y": 6, "type": "SetWindowContent", "contentMode": "OnTop" },
 { "bar": 4, "beat": 2, "y": 2, "type": "FadeRoom", "opacity": 100, "duration": 2, "ease": "Linear" },
 { "bar": 4, "beat": 2, "y": 4, "type": "PlaySong", "song": {"filename": "sndOrientalTechno"}, "bpm": 100, "loop": false },
 { "bar": 4, "beat": 2, "y": 6, "type": "SetRowXs", "pattern": "-x--x-", "syncoBeat": 3, "syncoSwing": 0, "syncoVolume": 70, "syncoPitch": 100, "syncoStyle": "Chirp", "syncoPlayModifierSound": true, "syncoPlayModifierOffSound": true },
 { "bar": 4, "beat": 3, "y": 3, "type": "ChangeCharacter", "row": 0, "character": "Samurai", "transition": "Instant" },
 { "bar": 4, "beat": 5, "y": 2, "type": "ShowRooms", "rooms": [1, 3], "heights": [0, 0, 0, 0], "transitionTime": 1, "ease": "InOutSine" },
 { "bar": 4, "beat": 6, "y": 6, "type": "RenameWindow", "action": "Set", "text": "Minecraft 1.21.1 NeoForge" },
 { "bar": 4, "beat": 7, "y": 2, "type": "SetVFXPreset", "rooms": [0], "preset": "Vignette", "enable": true },
 { "bar": 4, "beat": 7, "y": 3, "type": "PlaySound", "sound": {"filename": "Shaker"}, "customSoundType": "CueSound" },
 { "bar": 4, "beat": 7, "y": 4, "type": "SetTheme", "rooms": [0], "preset": "None", "skipPaintEffects": false },
 { "bar": 4, "beat": 7, "y": 5, "type": "SetRoomContentMode", "mode": "Center" },
 { "bar": 4, "beat": 8, "y": 6, "type": "TagAction", "Action": "Run", "Tag": "Nothing" },
 { "bar": 5, "beat": 1, "y": 2, "type": "PulseCamera", "rooms": [0], "strength": 1, "count": 1, "frequency": 1 },
 { "bar": 5, "beat": 1, "y": 3, "type": "SetClapSounds", "rowType": "Classic", "p1Sound": {"filename": "ClapHit"} },
 { "bar": 5, "beat": 1, "y": 4, "type": "ChangePlayersRows", "playerMode": "OneOrTwoPlayers", "players": ["NoChange", "NoChange", "NoChange", "NoChange", "NoChange", "NoChange", "NoChange", "NoChange", "NoChange", "NoChange", "NoChange", "NoChange", "NoChange", "NoChange", "NoChange", "NoChange"], "cpuMarkers": ["Otto", "Otto", "Otto", "Otto", "Otto", "Otto", "Otto", "Otto", "Otto", "Otto", "Otto", "Otto", "Otto", "Otto", "Otto", "Otto"] },
 { "bar": 5, "beat": 1, "y": 5, "type": "ReadNarration", "text": "一名身穿红色盔甲的武士跟着音乐节拍点头。", "category": "Description" }
 </textarea></div></div>
 ---
@@ -54,6 +54,7 @@
 | 雪花 | 屏幕上方开始落下快速的雪花，短时间内充满屏幕，可以和前景背景叠加起来显示 |
 | 暴风雪 | 屏幕上方开始落下暴风雪，可以和前景背景叠加起来显示 |
 | 钻石 | 屏幕上出现很多方块 |
 | 气球 | 屏幕下方飘出很多气球 |
 | 教程音符 | 屏幕铺满剧情模式教程中的音符背景，可以自定义颜色等 |
 |   |   |
 | **轨道类** |   |
@@ -1,4 +1,4 @@
-# 修改游戏版本
+# 修改游戏配置
 ## 说明
@@ -13,7 +13,7 @@
 最后说明的是，不论你使用的是哪个版本，由于近期官方对编辑器的更新极为频繁，请务必将游戏更新设置为**始终保持此游戏为最新**，否则真的是……脑壳痛。
-## 进入方式
+## 修改游戏版本
 接下来介绍进入Beta版本的方法：
@@ -32,3 +32,19 @@
 第四步，直接打开游戏即可。
 > 一切准备就绪，那么开始我们的节奏医生编辑器中文教程吧！
 ## 启用高级编辑器功能
 从 v1.0.4 版本开始，高级编辑器功能被加入。其中包含一些在剧情关卡中使用，但之前不能在编辑器直接使用的功能。
 要启用高级编辑器功能，首先按住 `tab`，然后你就会看到这个界面：
 ![没错，右下角的凹兔在盯着你](../images/changegameversion-tab.png)
 然后狂点右下角的凹兔，直到弹出这个窗口：
 ![启用高级编辑器功能的窗口](../images/changegameversion-advanced-feature.png)
 点击接受，此时高级编辑器功能就启用了。
 如果你想关闭高级编辑器功能，只需要点一下 `tab` 界面右下角的凹兔即可。
@@ -1,5 +1,40 @@
 # 更新信息
 #### 2026-01-24
 - 制作人员表增加了
 #### 2026-01-16
 - RDTKView(~~RDView2~~) 已完成部署
 #### 2026-01-14
 - 制作人员表增加了
 - RDView 对正式版编辑器新特性的部分适配
 - 正在逐步同步 RDView2(RhythmBase.View) 的适配
 #### 2025-11-29
 - 调整目录结构
 - 双人模式措辞更改
 - 移除 banner
 - 修改暗色主题部分颜色
 - 添加一项第三方工具介绍页面
 - 更改了群号
 - 添加了网页简介
 - 添加了制作人员名单
 - 更改了页面右侧功能区的样式
 - 大量修改内容布局，这包括
    - 场景资源
    - 房间与镜头
    - 文字事件
    - 镜厅
    - 轨道移动
    - 房间视效
    - 轨道视效
    - 基础 vfx 效果
    - 视觉干扰  
 - 部分页面处于未完成状态，如
    - 基础 vfx 效果
 - 旧版教程已归档至[这里](https://2025.rd.rdlevel.cn)
 #### 2025-11-02
 - [无障碍设计](../pages/accessibledesign.md)添加了屏幕朗读事件相关说明
@@ -10,14 +10,14 @@
 第二个选项“**摇摆**”就是剧情模式里老奶奶那样的摇摆普通拍子，可以使用拖动条来调节，对照下方绿色竖线的移动可以很直观地看到摇摆效果。不过拖动滑条你只能得到一些倍数十分规整的摇摆拍子，例如摇摆值为0.25，0.5，0.75等，如果你的音乐里真的有些更为不同寻常的摇摆幅度，那就要直接在框里填写数字了。
-```rdview 8 9
+```rdtkview 8 9
-eb.AddClassicBeat 1 1[swing=0.25,tick=6];
+{"beat": 2, "y": 1, "type": "AddClassicBeat", "row": 0, "tick": 1, "swing": 0.25, "hold": 0 },
-eb.AddClassicBeat 1 2[swing=0.5,tick=6];
+{"beat": 2, "y": 2, "type": "AddClassicBeat", "row": 0, "tick": 1, "swing": 0.5, "hold": 0 },
-eb.AddClassicBeat 1 3[swing=0.75,tick=6];
+{"beat": 2, "y": 3, "type": "AddClassicBeat", "row": 0, "tick": 1, "swing": 0.75, "hold": 0 },
-eb.AddClassicBeat 1 4[tick=6];
+{"beat": 2, "y": 4, "type": "AddClassicBeat", "row": 0, "tick": 1, "swing": 1, "hold": 0 },
-eb.AddClassicBeat 1 5[swing=1.25,tick=6];
+{"beat": 2, "y": 5, "type": "AddClassicBeat", "row": 0, "tick": 1, "swing": 1.25, "hold": 0 },
-eb.AddClassicBeat 1 6[swing=1.5,tick=6];
+{"beat": 2, "y": 6, "type": "AddClassicBeat", "row": 0, "tick": 1, "swing": 1.5, "hold": 0 },
-eb.AddClassicBeat 1 7[swing=1.75,tick=6];
+{"beat": 2, "y": 7, "type": "AddClassicBeat", "row": 0, "tick": 1, "swing": 1.75, "hold": 0 }
 ```
 > 不要把摇摆程度拖到滑条的最右端，这样会产生一个不带`X`记号但只有2，4，6，7拍的节奏，无法读谱。
@@ -36,6 +36,8 @@ eb.AddClassicBeat 1 7[swing=1.75,tick=6];
 > 尽量不要在第一拍设置`X`记号，这对纯音押玩家是不可预知的，在轨道数量多的情况下也会显得比较难理清节奏。如果你觉得你的音乐中这段节奏第一拍不放`X`就浑身难受，那也需要打开护士数拍（参考`X-WOT`这关中的`xx-----`）。
 > 此外像马克的短轨道，需调用自定义方法来完成，语句为`SetRowLength(轨道编号[0索引的], 轨道长度[1~7的整数])`。如果你还不明白自定义方法是什么，需要先翻到[自定义方法](../pages/custommethod.md)看看。考虑到这玩意问的人比较多，所以就先写在此处了。
 最后的选项“**分解为自由时长节拍**”较为复杂，我们放到[这里](/pages/moreclassicbeats)再介绍。
 ## 护士节奏提示
@@ -11,7 +11,9 @@
 	- [卢毅](https://space.bilibili.com/26101629)
    - [RaYmondCheung](https://space.bilibili.com/1579208)
 	- [NoMathExpectation](https://space.bilibili.com/184862524)  
-	- [0x4D2](https://space.bilibili.com/478595264)  
+    - [0x4D2](https://space.bilibili.com/478595264)  
    - [正宗的小绿君](https://space.bilibili.com/1782518253)
    - [kuanpan](https://space.bilibili.com/1928620300)
 - 视频制作：
    - [吾夜犹明](https://space.bilibili.com/29219948)
    - [山不转水到渠成](https://space.bilibili.com/4870582)
@@ -2,7 +2,7 @@
 # 节奏医生中文编辑器教程
-> 此网页正在维护中。  
+> 此网页正在活跃维护中。  
  网页已开源至[此处](https://git.obugs.cn/RDCNWebs/rd.rdlevel.cn)，欢迎投稿。  
 > 页面内的大部分事件栏板块包含点击互动。尝试点击以获得更生动的演示。  
@@ -13,10 +13,11 @@
 编辑器视频教程点击[此链接](https://www.bilibili.com/video/BV1pr4y1k7gP)。教程内所有演示关卡下载放置于[百度网盘](https://pan.baidu.com/s/1Tb6ywVmge25ztMFnpa6q_Q)，提取码：rdlv。
 ## 联系我们
 <div class="qqgroup">
 <img src="../images/intro-qqgroup2.png" data-no-zoom alt="我们的 QQ 1044116596"/><p>我们的 QQ 群号是: 1044116596</p>
 </div>
-![我们的 QQ 群号是：951070053](../images/intro-qqgroup.png)
+如果你有做谱相关的问题，或是对本教程有什么意见和建议，可以点击链接加入 QQ 群 [1044116596](https://qm.qq.com/q/giuo0RDv4Q) 告知我们。你也可以在群里上传谱面给我们试玩，群友们都会热心为你提供谱面优化建议。真诚欢迎各位做谱萌新和大佬的加入。
 如果你有做谱相关的问题，或是对本教程有什么意见和建议，可以点击链接加入 QQ 群 [951070053](https://jq.qq.com/?_wv=1027&k=nsPA09E4) 告知我们。你也可以在群里上传谱面给我们试玩，群友们都会热心为你提供谱面优化建议。真诚欢迎各位做谱萌新和大佬的加入。
 （悄悄透露一句：官方也入驻了这个群哦～）
@@ -179,7 +179,7 @@ es.SayReadyGetSetGo_Go 3 1[];
 与方块单发拍的概念类似，**细分拍**也是“一次性”的单发拍，但是会产生多次等间距的心跳脉冲，按键的次数也变为多次。
-细分拍最早出现于`MD-1`，当时官方谱面没有官方名称，且最多仅有两个三角拍；后来第五章更新后三角拍首次出现在`5-1`并正式更名为**细分拍**，并出现了多个细分。
+细分拍最早出现于`MD-1`，当时官方谱面没有官方名称，且最多仅有两个三角拍；后来第五章更新后三角拍首次出现在`5-1`并正式更名为**细分拍**，并出现了多个细分；在关卡`5-2N`中最多涉及到了五级细分；正式版更新后，在关卡`7-X2`中甚至有了八细分。
 在修饰符中选择方块后，将细分数量设为大于 1 的值或者点击细分符号`△`，即可创建细分拍。特殊音效的添加与方块单发拍类似。最多可以将细分数量设置为 10 。
@@ -338,6 +338,52 @@ g 0 -1 3 2 #0000[offset=0 1]{
 };
 ```
 ## 长按单发拍
 长按单发拍第一次出现在`7-1`
 当听到`咻噗`的声音时，说明下一次击拍需要长按到下一个出拍点。
 在修饰符中选中进度条符号就创建了一个长按单发拍，会多出`间隔`与`长按提示选项`选项。
 ![](../images/moreoneshothold.png)
 对于长按单发拍，一共有四个关键的时间点：十字，出拍点（绿线），按拍点（黄线），长按（紫色格子）。
 ```rdtkview 5 3
  { "bar": 1, "beat": 3, "y": 2, "type": "AddOneshotBeat","interval": 2, "tick": 1, "hold": true }
 ```
 - **十字**显示长按单发拍子的提示音。
 - **绿线**代表单发拍会在此响一次。
 - **黄线**表示长按的起始点，也就是说玩家应当从这里开始长按。
 - **紫格**就是此次长按所需的时间。
 - **绿线**与**黄线**之间的间隔就是`拍长`的时间。
 - **十字**与**黄线**或者**绿线**与**紫格**末端之间的间隔就是`间隔`的时间。
 在`长按提示`有三个选项，分别是：自动、偏早、偏晚。
 - 选择**偏早**时，`十字`的位置会在`绿线`之前。
 - 选择**偏晚**时，`十字`不会显示，但提示音会与`绿线`重合。
 - 选择**自动**时：
 -  若**拍长**小于或等于1，则像`偏早`一样，长按单发拍子的提示音会在`绿线`之前；
 -  若**拍长**大于1，则像`偏晚`一样，`十字`不会显示，但提示音会与`绿线`重合。
 ```rdtkview 5 5
    { "bar": 1, "beat": 3, "y": 2, "type": "AddOneshotBeat","interval": 2, "tick": 1, "hold": true },
    { "bar": 1, "beat": 3, "y": 3, "type": "AddOneshotBeat","interval": 2, "tick": 1, "hold": true },
    { "bar": 1, "beat": 3, "y": 4, "type": "AddOneshotBeat","interval": 2, "tick": 1, "hold": true }
 ```
 若设计长按单发拍，还必须满足松手音效与提示音不可重叠
 如果需要在长按单发拍上叠加多个拍子来凸显鼓点，可以将他们的按拍点放在同一位置。
 ```rdtkview 5 3
    { "bar": 1, "beat": 1.5, "y": 2, "tick": 2.5, "type": "AddOneshotBeat" },
    { "bar": 1, "beat": 2.5, "y": 2, "tick": 1.5, "type": "AddOneshotBeat" },
    { "bar": 1, "beat": 3, "y": 2, "type": "AddOneshotBeat","interval": 2, "tick": 1, "hold": true }
 ```
 最后我们针对细分拍、冻结拍、灼热拍做一个技术总结：
 ```rdview 19 7
@@ -116,6 +116,19 @@
 5、**移动角色和心脏：**角色和心脏的移动是以他们在轨道中的位置为原点来移动的，比如填写`x: 0, y: 20px`则角色或者心脏向上移动20个像素。你可以使用这个功能把整个轨道挪到屏幕外面去，再以此为原点把心脏挪回来，就可以做到在屏幕内只显示心脏。
 ## 旋转轨道
 > 目前该事件还不稳定，部分动作可能与轨道移动有冲突。
 如果想要实现`6-2`马克一人多轨的情况就可以使旋转轨道事件。
 先准备两个轨道，使用`连接`将轨道2连接到轨道1上，此时心会自动变成裂纹状态，如果不想要这个效果，可以用下一章轨道涂色里的`心`设置回默认。
 在连接后，通过`分割`可以将两个轨道都显示出来，这两个轨道都会对被连接到的轨道对应角色产生影响。
 `断开`后这些轨道都会回复正常状态。
 ## 演示关卡
 版面已经占的有些多了，更多的轨道移动脑洞我们留在演示关卡中间。
@@ -1,4 +1,4 @@
-# 05 单发拍子
+# 单发拍子
 ## 单发拍子功能介绍
@@ -0,0 +1,253 @@
 { "frames": [
   {
    "filename": "0.ase",
    "frame": { "x": 0, "y": 0, "w": 327, "h": 160 },
    "rotated": false,
    "trimmed": false,
    "spriteSourceSize": { "x": 0, "y": 0, "w": 327, "h": 160 },
    "sourceSize": { "w": 327, "h": 160 },
    "duration": 100
   }
 ],
 "meta": {
  "app": "https://www.aseprite.org/",
  "version": "1.3.16-beta3-x64",
  "image": "assets.png",
  "format": "RGBA8888",
  "size": { "w": 327, "h": 160 },
  "scale": "1",
  "slices": [
   { "name": "event_SpinningRows", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 246, "y": 56, "w": 14, "h": 14 } }] },
   { "name": "event_SetMainWindow", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 246, "y": 42, "w": 14, "h": 14 } }] },
   { "name": "event_RenameWindow", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 246, "y": 28, "w": 14, "h": 14 } }] },
   { "name": "event_DesktopColor_0", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 249, "y": 20, "w": 8, "h": 5 }, "pivot": {"x": -3, "y": -6 } }] },
   { "name": "event_DesktopColor", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 232, "y": 28, "w": 14, "h": 14 } }] },
   { "name": "event_HideWindow", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 232, "y": 14, "w": 14, "h": 14 } }] },
   { "name": "event_ReorderWindows_3", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 162, "y": 84, "w": 14, "h": 14 } }] },
   { "name": "event_ReorderWindows_2", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 162, "y": 70, "w": 14, "h": 14 } }] },
   { "name": "event_ReorderWindows_1", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 162, "y": 56, "w": 14, "h": 14 } }] },
   { "name": "event_ReorderWindows_0", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 162, "y": 42, "w": 14, "h": 14 } }] },
   { "name": "event_ReorderWindows", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 162, "y": 42, "w": 14, "h": 56 } }] },
   { "name": "event_ReorderRooms_3", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 148, "y": 84, "w": 14, "h": 14 } }] },
   { "name": "event_ReorderRooms_2", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 148, "y": 70, "w": 14, "h": 14 } }] },
   { "name": "event_ReorderRooms_1", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 148, "y": 56, "w": 14, "h": 14 } }] },
   { "name": "event_ReorderRooms_0", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 148, "y": 42, "w": 14, "h": 14 } }] },
   { "name": "event_CustomFlash_0", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 190, "y": 56, "w": 14, "h": 14 } }] },
   { "name": "event_MacroEvent", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 78, "y": 84, "w": 14, "h": 14 } }] },
   { "name": "event_ForwardEvent", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 64, "y": 84, "w": 14, "h": 14 } }] },
   { "name": "event_ForwardDecorationEvent", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 106, "y": 70, "w": 14, "h": 14 } }] },
   { "name": "event_ForwardRowEvent", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 92, "y": 70, "w": 14, "h": 14 } }] },
   { "name": "event_SetWindowContent", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 78, "y": 56, "w": 14, "h": 14 } }] },
   { "name": "event_WindowResize", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 64, "y": 56, "w": 14, "h": 14 } }] },
   { "name": "event_Tile", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 120, "y": 56, "w": 14, "h": 14 } }] },
   { "name": "event_Blend", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 50, "y": 56, "w": 14, "h": 14 } }] },
   { "name": "event_ReorderSprite", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 106, "y": 56, "w": 14, "h": 14 } }] },
   { "name": "event_ShakeScreenCustom", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 232, "y": 42, "w": 14, "h": 14 } }] },
   { "name": "event_ReorderRow", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 92, "y": 56, "w": 14, "h": 14 } }] },
   { "name": "event_NarrateRowInfo", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 176, "y": 84, "w": 14, "h": 14 } }] },
   { "name": "event_ReadNarration", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 190, "y": 0, "w": 14, "h": 14 } }] },
   { "name": "tab_icon_sounds", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 35, "y": 0, "w": 15, "h": 13 } }] },
   { "name": "tab_color_sounds", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 22, "y": 39, "w": 2, "h": 13 } }] },
   { "name": "content_1", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 80, "y": 106, "w": 5, "h": 5 }, "center": {"x": 2, "y": 2, "w": 1, "h": 1 } }] },
   { "name": "tab_icon_rows", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 0, "y": 13, "w": 15, "h": 13 } }] },
   { "name": "tab_icon_actions", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 0, "y": 26, "w": 15, "h": 13 } }] },
   { "name": "tab_icon_rooms", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 0, "y": 39, "w": 15, "h": 13 } }] },
   { "name": "tab_icon_decorations", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 0, "y": 52, "w": 15, "h": 13 } }] },
   { "name": "tab_icon_windows", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 0, "y": 65, "w": 15, "h": 13 } }] },
   { "name": "tab_color_rows", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 24, "y": 39, "w": 2, "h": 13 } }] },
   { "name": "tab_color_actions", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 26, "y": 39, "w": 2, "h": 13 } }] },
   { "name": "tab_color_rooms", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 28, "y": 39, "w": 2, "h": 13 } }] },
   { "name": "tab_color_decorations", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 30, "y": 39, "w": 2, "h": 13 } }] },
   { "name": "tab_color_windows", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 32, "y": 39, "w": 2, "h": 13 } }] },
   { "name": "tab_color_unknown", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 34, "y": 39, "w": 2, "h": 13 } }] },
   { "name": "tab_icon_unknown", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 0, "y": 78, "w": 15, "h": 13 } }] },
   { "name": "content_2", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 85, "y": 105, "w": 7, "h": 7 }, "center": {"x": 3, "y": 3, "w": 1, "h": 1 } }] },
   { "name": "event_Comment", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 50, "y": 84, "w": 14, "h": 14 } }] },
   { "name": "event_ReorderRooms", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 148, "y": 42, "w": 14, "h": 56 } }] },
   { "name": "event_SetCrotchetsPerBar", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 78, "y": 0, "w": 14, "h": 14 } }] },
   { "name": "event_PlaySong", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 50, "y": 0, "w": 28, "h": 14 } }] },
   { "name": "event_PlaySound", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 190, "y": 70, "w": 14, "h": 14 } }] },
   { "name": "event_SetBeatsPerMinute", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 218, "y": 42, "w": 14, "h": 14 } }] },
   { "name": "event_SetClapSounds", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 176, "y": 42, "w": 14, "h": 14 } }] },
   { "name": "event_SetHeartExplodeVolume", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 134, "y": 84, "w": 14, "h": 14 } }] },
   { "name": "event_SetHeartExplodeInterval", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 134, "y": 0, "w": 14, "h": 14 } }] },
   { "name": "event_SetGameSound", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 148, "y": 0, "w": 14, "h": 14 } }] },
   { "name": "event_SetBeatSound", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 162, "y": 0, "w": 14, "h": 14 } }] },
   { "name": "event_SetCountingSound", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 176, "y": 0, "w": 14, "h": 14 } }] },
   { "name": "event_SetOneshotWave", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 78, "y": 14, "w": 14, "h": 14 } }] },
   { "name": "event_AddFreeTimeBeat", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 225, "y": 0, "w": 7, "h": 14 } }] },
   { "name": "event_PulseFreeTimeBeat", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 232, "y": 0, "w": 7, "h": 12 } }] },
   { "name": "event_SetTheme", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 50, "y": 28, "w": 14, "h": 14 } }] },
   { "name": "event_SetVFXPreset", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 190, "y": 84, "w": 14, "h": 14 } }] },
   { "name": "event_SetForeground", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 134, "y": 70, "w": 14, "h": 14 } }] },
   { "name": "event_SetBackgroundColor", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 134, "y": 42, "w": 14, "h": 14 } }] },
   { "name": "event_SetSpeed", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 204, "y": 84, "w": 14, "h": 14 } }] },
   { "name": "event_Flash", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 190, "y": 42, "w": 14, "h": 14 } }] },
   { "name": "event_CustomFlash", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 204, "y": 42, "w": 14, "h": 14 } }] },
   { "name": "event_NewWindowDance", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 50, "y": 70, "w": 14, "h": 14 } }] },
   { "name": "event_MoveCamera", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 176, "y": 56, "w": 14, "h": 14 } }] },
   { "name": "event_PulseCamera", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 120, "y": 42, "w": 14, "h": 14 } }] },
   { "name": "event_TextExplosion", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 134, "y": 28, "w": 14, "h": 14 } }] },
   { "name": "event_ShowDialogue", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 148, "y": 28, "w": 14, "h": 14 } }] },
   { "name": "event_ShowStatusSign", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 162, "y": 28, "w": 14, "h": 14 } }] },
   { "name": "event_AdvanceText", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 218, "y": 0, "w": 7, "h": 14 } }] },
   { "name": "event_TintRows", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 92, "y": 0, "w": 14, "h": 14 } }] },
   { "name": "event_Tint", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 106, "y": 0, "w": 14, "h": 14 } }] },
   { "name": "event_TagAction", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 162, "y": 14, "w": 14, "h": 14 } }] },
   { "name": "event_Stutter", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 78, "y": 42, "w": 14, "h": 14 } }] },
   { "name": "event_ShowHands", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 78, "y": 70, "w": 14, "h": 14 } }] },
   { "name": "event_ShakeScreen", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 204, "y": 14, "w": 14, "h": 14 } }] },
   { "name": "event_SetVisible", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 106, "y": 42, "w": 14, "h": 14 } }] },
   { "name": "event_SetRoomPerspective", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 64, "y": 42, "w": 14, "h": 14 } }] },
   { "name": "event_SetRoomContentMode", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 120, "y": 70, "w": 14, "h": 14 } }] },
   { "name": "event_SetPlayStyle", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 148, "y": 14, "w": 14, "h": 14 } }] },
   { "name": "event_SetHandOwner", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 134, "y": 14, "w": 14, "h": 14 } }] },
   { "name": "event_PaintHands", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 120, "y": 1, "w": 14, "h": 14 } }] },
   { "name": "event_PlayExpression", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 106, "y": 84, "w": 14, "h": 14 } }] },
   { "name": "event_MoveRoom", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 50, "y": 42, "w": 14, "h": 14 } }] },
   { "name": "event_MaskRoom", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 78, "y": 28, "w": 14, "h": 14 } }] },
   { "name": "event_MoveRow", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 204, "y": 70, "w": 14, "h": 14 } }] },
   { "name": "event_InvertColors", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 218, "y": 14, "w": 14, "h": 14 } }] },
   { "name": "event_HideRow", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 92, "y": 42, "w": 14, "h": 14 } }] },
   { "name": "event_FlipScreen_1", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 218, "y": 70, "w": 14, "h": 14 } }] },
   { "name": "event_FinishLevel", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 190, "y": 28, "w": 14, "h": 14 } }] },
   { "name": "event_ChangePlayersRows", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 176, "y": 28, "w": 14, "h": 14 } }] },
   { "name": "event_BassDrop", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 190, "y": 14, "w": 14, "h": 14 } }] },
   { "name": "event_CallCustomMethod", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 176, "y": 14, "w": 14, "h": 14 } }] },
   { "name": "event_PlayAnimation", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 92, "y": 84, "w": 14, "h": 14 } }] },
   { "name": "event_Move", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 176, "y": 70, "w": 14, "h": 14 } }] },
   { "name": "event_FadeRoom", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 64, "y": 28, "w": 14, "h": 14 } }] },
   { "name": "event_Unknown", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 64, "y": 70, "w": 14, "h": 14 } }] },
   { "name": "themes", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 15, "y": 39, "w": 7, "h": 13 } }] },
   { "name": "event_beat_pulse", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 50, "y": 98, "w": 3, "h": 14 }, "pivot": {"x": 1, "y": 0 } }] },
   { "name": "event_beat_hit", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 53, "y": 98, "w": 5, "h": 14 }, "pivot": {"x": 2, "y": 0 } }] },
   { "name": "event_beat_x", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 84, "y": 98, "w": 9, "h": 7 } }] },
   { "name": "char_0021", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 54, "y": 112, "w": 2, "h": 8 } }] },
   { "name": "char_0022", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 56, "y": 112, "w": 4, "h": 8 } }] },
   { "name": "char_0023", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 60, "y": 112, "w": 6, "h": 8 } }] },
   { "name": "char_0024", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 66, "y": 112, "w": 5, "h": 8 } }] },
   { "name": "char_0025", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 71, "y": 112, "w": 6, "h": 8 } }] },
   { "name": "char_0026", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 77, "y": 112, "w": 6, "h": 8 } }] },
   { "name": "char_0027", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 83, "y": 112, "w": 2, "h": 8 } }] },
   { "name": "char_0028", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 85, "y": 112, "w": 3, "h": 8 } }] },
   { "name": "char_0029", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 88, "y": 112, "w": 3, "h": 8 } }] },
   { "name": "char_002a", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 91, "y": 112, "w": 4, "h": 8 } }] },
   { "name": "char_002b", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 95, "y": 112, "w": 4, "h": 8 } }] },
   { "name": "char_002c", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 99, "y": 112, "w": 3, "h": 8 } }] },
   { "name": "char_002d", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 102, "y": 112, "w": 4, "h": 8 } }] },
   { "name": "char_002e", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 106, "y": 112, "w": 2, "h": 8 } }] },
   { "name": "char_002f", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 108, "y": 112, "w": 6, "h": 8 } }] },
   { "name": "char_0030", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 50, "y": 120, "w": 5, "h": 8 } }] },
   { "name": "char_0031", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 55, "y": 120, "w": 3, "h": 8 } }] },
   { "name": "char_0032", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 58, "y": 120, "w": 5, "h": 8 } }] },
   { "name": "char_0033", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 63, "y": 120, "w": 5, "h": 8 } }] },
   { "name": "char_0034", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 68, "y": 120, "w": 5, "h": 8 } }] },
   { "name": "char_0035", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 73, "y": 120, "w": 5, "h": 8 } }] },
   { "name": "char_0036", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 78, "y": 120, "w": 5, "h": 8 } }] },
   { "name": "char_0037", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 83, "y": 120, "w": 5, "h": 8 } }] },
   { "name": "char_0038", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 88, "y": 120, "w": 5, "h": 8 } }] },
   { "name": "char_0039", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 93, "y": 120, "w": 5, "h": 8 } }] },
   { "name": "char_003a", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 98, "y": 120, "w": 2, "h": 8 } }] },
   { "name": "char_003b", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 100, "y": 120, "w": 2, "h": 8 } }] },
   { "name": "char_003c", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 102, "y": 120, "w": 4, "h": 8 } }] },
   { "name": "char_003d", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 106, "y": 120, "w": 4, "h": 8 } }] },
   { "name": "char_003e", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 110, "y": 120, "w": 4, "h": 8 } }] },
   { "name": "char_003f", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 114, "y": 120, "w": 5, "h": 8 } }] },
   { "name": "char_0040", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 50, "y": 128, "w": 6, "h": 8 } }] },
   { "name": "char_0041", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 56, "y": 128, "w": 5, "h": 8 } }] },
   { "name": "char_0042", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 61, "y": 128, "w": 5, "h": 8 } }] },
   { "name": "char_0043", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 66, "y": 128, "w": 4, "h": 8 } }] },
   { "name": "char_0044", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 70, "y": 128, "w": 5, "h": 8 } }] },
   { "name": "char_0045", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 75, "y": 128, "w": 4, "h": 8 } }] },
   { "name": "char_0046", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 79, "y": 128, "w": 4, "h": 8 } }] },
   { "name": "char_0047", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 83, "y": 128, "w": 5, "h": 8 } }] },
   { "name": "char_0048", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 88, "y": 128, "w": 5, "h": 8 } }] },
   { "name": "char_0049", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 93, "y": 128, "w": 4, "h": 8 } }] },
   { "name": "char_004a", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 97, "y": 128, "w": 5, "h": 8 } }] },
   { "name": "char_004b", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 102, "y": 128, "w": 5, "h": 8 } }] },
   { "name": "char_004c", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 107, "y": 128, "w": 4, "h": 8 } }] },
   { "name": "char_004d", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 111, "y": 128, "w": 6, "h": 8 } }] },
   { "name": "char_004e", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 117, "y": 128, "w": 5, "h": 8 } }] },
   { "name": "char_004f", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 122, "y": 128, "w": 5, "h": 8 } }] },
   { "name": "char_0050", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 50, "y": 136, "w": 5, "h": 8 } }] },
   { "name": "char_0051", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 55, "y": 136, "w": 5, "h": 8 } }] },
   { "name": "char_0052", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 60, "y": 136, "w": 5, "h": 8 } }] },
   { "name": "char_0053", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 65, "y": 136, "w": 5, "h": 8 } }] },
   { "name": "char_0054", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 70, "y": 136, "w": 4, "h": 8 } }] },
   { "name": "char_0055", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 74, "y": 136, "w": 5, "h": 8 } }] },
   { "name": "char_0056", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 79, "y": 136, "w": 5, "h": 8 } }] },
   { "name": "char_0057", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 84, "y": 136, "w": 6, "h": 8 } }] },
   { "name": "char_0058", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 90, "y": 136, "w": 5, "h": 8 } }] },
   { "name": "char_0059", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 95, "y": 136, "w": 5, "h": 8 } }] },
   { "name": "char_005a", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 100, "y": 136, "w": 4, "h": 8 } }] },
   { "name": "char_005b", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 104, "y": 136, "w": 3, "h": 8 } }] },
   { "name": "char_005c", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 107, "y": 136, "w": 6, "h": 8 } }] },
   { "name": "char_005d", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 113, "y": 136, "w": 3, "h": 8 } }] },
   { "name": "char_005e", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 116, "y": 136, "w": 4, "h": 8 } }] },
   { "name": "char_005f", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 120, "y": 136, "w": 5, "h": 8 } }] },
   { "name": "char_0060", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 50, "y": 144, "w": 3, "h": 8 } }] },
   { "name": "char_0061", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 53, "y": 144, "w": 5, "h": 8 } }] },
   { "name": "char_0062", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 58, "y": 144, "w": 5, "h": 8 } }] },
   { "name": "char_0063", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 63, "y": 144, "w": 4, "h": 8 } }] },
   { "name": "char_0064", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 67, "y": 144, "w": 5, "h": 8 } }] },
   { "name": "char_0065", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 72, "y": 144, "w": 5, "h": 8 } }] },
   { "name": "char_0066", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 77, "y": 144, "w": 4, "h": 8 } }] },
   { "name": "char_0067", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 81, "y": 144, "w": 5, "h": 8 } }] },
   { "name": "char_0068", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 86, "y": 144, "w": 5, "h": 8 } }] },
   { "name": "char_0069", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 91, "y": 144, "w": 2, "h": 8 } }] },
   { "name": "char_006a", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 93, "y": 144, "w": 3, "h": 8 } }] },
   { "name": "char_006b", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 96, "y": 144, "w": 5, "h": 8 } }] },
   { "name": "char_006c", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 101, "y": 144, "w": 2, "h": 8 } }] },
   { "name": "char_006d", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 103, "y": 144, "w": 6, "h": 8 } }] },
   { "name": "char_006e", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 109, "y": 144, "w": 5, "h": 8 } }] },
   { "name": "char_006f", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 114, "y": 144, "w": 5, "h": 8 } }] },
   { "name": "char_0070", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 50, "y": 152, "w": 5, "h": 8 } }] },
   { "name": "char_0071", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 55, "y": 152, "w": 5, "h": 8 } }] },
   { "name": "char_0072", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 60, "y": 152, "w": 4, "h": 8 } }] },
   { "name": "char_0073", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 64, "y": 152, "w": 5, "h": 8 } }] },
   { "name": "char_0074", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 69, "y": 152, "w": 4, "h": 8 } }] },
   { "name": "char_0075", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 73, "y": 152, "w": 5, "h": 8 } }] },
   { "name": "char_0076", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 78, "y": 152, "w": 5, "h": 8 } }] },
   { "name": "char_0077", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 83, "y": 152, "w": 6, "h": 8 } }] },
   { "name": "char_0078", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 89, "y": 152, "w": 4, "h": 8 } }] },
   { "name": "char_0079", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 93, "y": 152, "w": 5, "h": 8 } }] },
   { "name": "char_007a", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 98, "y": 152, "w": 5, "h": 8 } }] },
   { "name": "char_007b", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 103, "y": 152, "w": 4, "h": 8 } }] },
   { "name": "char_007c", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 107, "y": 152, "w": 2, "h": 8 } }] },
   { "name": "char_007d", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 109, "y": 152, "w": 4, "h": 8 } }] },
   { "name": "char_007e", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 113, "y": 152, "w": 5, "h": 8 } }] },
   { "name": "char_0020", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 50, "y": 112, "w": 4, "h": 8 } }] },
   { "name": "event_tag", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 239, "y": 0, "w": 6, "h": 6 } }] },
   { "name": "event_tag_0", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 239, "y": 6, "w": 6, "h": 6 } }] },
   { "name": "event_beat_loop", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 75, "y": 98, "w": 9, "h": 8 }, "pivot": {"x": 5, "y": 4 } }] },
   { "name": "event_beat_cross", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 92, "y": 108, "w": 3, "h": 3 }, "pivot": {"x": 1, "y": -6 } }] },
   { "name": "event_beat_hit_burn", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 63, "y": 98, "w": 7, "h": 14 }, "pivot": {"x": 3, "y": 0 } }] },
   { "name": "event_beat_synco", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 93, "y": 98, "w": 9, "h": 7 } }] },
   { "name": "event_beat_hit_freeze", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 58, "y": 98, "w": 5, "h": 14 }, "pivot": {"x": 2, "y": 0 } }] },
   { "name": "event_beat_skip", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 70, "y": 98, "w": 5, "h": 14 } }] },
   { "name": "event_beat_area", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 95, "y": 105, "w": 3, "h": 4 }, "center": {"x": 0, "y": 1, "w": 2, "h": 2 } }] },
   { "name": "event_beat_line", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 102, "y": 98, "w": 9, "h": 7 } }] },
   { "name": "event_CustomFlash_1", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 204, "y": 56, "w": 14, "h": 14 } }] },
   { "name": "event_FlipScreen_0", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 232, "y": 56, "w": 14, "h": 14 } }] },
   { "name": "event_FlipScreen", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 218, "y": 56, "w": 14, "h": 14 } }] },
   { "name": "event_FlipScreen_2", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 232, "y": 70, "w": 14, "h": 14 } }] },
   { "name": "event_FloatingText_0", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 204, "y": 28, "w": 14, "h": 14 } }] },
   { "name": "event_FloatingText_1", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 218, "y": 28, "w": 14, "h": 14 } }] },
   { "name": "event_PaintHands_0", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 120, "y": 14, "w": 14, "h": 14 } }] },
   { "name": "event_PaintHands_1", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 120, "y": 28, "w": 14, "h": 14 } }] },
   { "name": "event_SetBackgroundColor_0", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 134, "y": 56, "w": 14, "h": 14 } }] },
   { "name": "event_SetBackgroundColor_1", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 137, "y": 60, "w": 8, "h": 6 }, "pivot": {"x": -3, "y": -4 } }] },
   { "name": "event_SetForeground_1", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 137, "y": 74, "w": 7, "h": 5 }, "pivot": {"x": -3, "y": -4 } }] },
   { "name": "event_Tint_0", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 106, "y": 14, "w": 14, "h": 14 } }] },
   { "name": "event_Tint_1", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 106, "y": 28, "w": 14, "h": 14 } }] },
   { "name": "event_TintRows_0", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 92, "y": 14, "w": 14, "h": 14 } }] },
   { "name": "event_TintRows_1", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 92, "y": 28, "w": 14, "h": 14 } }] },
   { "name": "event_ShowRooms_1", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 162, "y": 98, "w": 28, "h": 28 } }] },
   { "name": "event_ShowRooms_0", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 134, "y": 98, "w": 28, "h": 28 } }] },
   { "name": "event_ChangeCharacter", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 120, "y": 84, "w": 14, "h": 14 } }] },
   { "name": "event_SetRowXs", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 50, "y": 14, "w": 28, "h": 14 } }] },
   { "name": "event_outline", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 75, "y": 106, "w": 5, "h": 5 }, "center": {"x": 2, "y": 2, "w": 1, "h": 1 } }] },
   { "name": "event_back", "color": "#0000ffff", "keys": [{ "frame": 0, "bounds": {"x": 92, "y": 105, "w": 3, "h": 3 }, "center": {"x": 1, "y": 1, "w": 1, "h": 1 } }] }
  ]
 }
 }
@@ -0,0 +1,79 @@
 import { createElementEvent } from "./rdtkview.js";
 export function render(data, width, height, scale = 2.0) {
    const canvas = document.createElement("div");
    let objs = [];
    try {
        objs = JSON.parse(`[${data}]`);
        canvas.innerHTML = "";
    } catch (e) {
        canvas.innerHTML =
            `<div style="color: red; font-weight: bold;">JSON解析错误：${e.message}</div>`;
        return canvas;
    }
    const eventStyle = { "scale": scale, "showDuration": false };
    const elems = [];
    for (let obj of objs) {
        const style = { ...eventStyle, enabled: obj.active ?? true };
        const elem = createElementEvent(obj, style);
        if (!elem) continue;
        elem.eventStyle = style;
        elem.style.position = "absolute";
        elem.style.left = `${
            ((((obj.bar ?? 1) - 1) * 8) + (obj.beat ?? 1) - 1) * 14 *
            scale
        }px`;
        elem.style.top = `${(obj.y ?? obj.row ?? 0) * 14 * scale}px`;
        elem.addEventListener("mousedown", (event) => {
            const eStyle = elem.eventStyle;
            eStyle.active = true;
            elem.onStateChange(eStyle);
        });
        elem.addEventListener("mouseover", (event) => {
            const eStyle = elem.eventStyle;
            eStyle.hover = true;
            elem.onStateChange(eStyle);
        });
        elem.addEventListener("mouseout", (event) => {
            const eStyle = elem.eventStyle;
            eStyle.hover = false;
            eStyle.active = false;
            elem.onStateChange(eStyle);
        });
        elem.addEventListener("mouseup", (event) => {
            const eStyle = elem.eventStyle;
            eStyle.active = false;
            elem.onStateChange(eStyle);
        });
        elems.push(elem);
    }
    canvas.style.position = "relative";
    canvas.style.width = `${width * 14 * scale}px`;
    canvas.style.height = `${height * 14 * scale}px`;
    elems.forEach((elem) => {
        canvas.appendChild(elem);
    });
    return canvas;
 }
 window.$docsify.plugins = [].concat(window.$docsify.plugins, (hook) => {
    hook.doneEach(() => {
        const pres = document.querySelectorAll("pre");
        pres.forEach((codeBlock) => {
            const lang = codeBlock.getAttribute("data-lang") || "";
            if (lang.startsWith("rdtkview")) {
            const code = codeBlock.querySelector("code").innerText || "";
                const args = lang.slice(8).trim().split(" ");
                const width = parseInt(args[0]) || 8;
                const height = parseInt(args[1]) || 4;
                const scale = parseFloat(args[2]) || 2.0;
                const result = render(code, width, height, scale);
                const parent = document.createElement("div");
                parent.style.width = 100 + "%";
                parent.style.display = "flex";
                parent.style.justifyContent = "center";
                parent.appendChild(result);
                codeBlock.replaceWith(parent);
            }
        });
    });
 });
@@ -849,6 +849,9 @@ function ReadProperties(reader, event, pairs) {
                    if (value = FindValue(pairs, "loop")) {
                        event.BeatStyle.Loop = parseInt(value.Value);
                    }
                    if (value = FindValue(pairs, "hold")) {
                        event.BeatStyle.Hold = parseFloat(value.Value);
                    }
                    break;
                default:
                    break;
@@ -938,7 +941,7 @@ function ConstructDivObject(obj) {
                    result += (((_a = obj.BeatStyle) === null || _a === void 0 ? void 0 : _a.RowXs[i]) === 'x') ? `<div class="x"></div>` : `<div></div>`;
                }
                return result;
-            }], [(obj.BeatType === BeatsSpecial.AddClassicBeat || obj.BeatType === BeatsSpecial.AddFreeTimeBeat || obj.BeatType === BeatsSpecial.PulseFreeTimeBeat) && ((_s = (_r = obj.BeatStyle) === null || _r === void 0 ? void 0 : _r.Hold) !== null && _s !== void 0 ? _s : 0) > 0, `holdbeat`, () => ''], [obj.BeatType === BeatsSpecial.AddOneshotBeat && obj.BeatStyle !== undefined && obj.BeatStyle.OneshotBeatSubType.includes(RDOneshotBeatSubType.Skipshot), `skipshot`, () => ''])}</div>`;
+            }], [(obj.BeatType === BeatsSpecial.AddClassicBeat || obj.BeatType === BeatsSpecial.AddFreeTimeBeat || obj.BeatType === BeatsSpecial.PulseFreeTimeBeat || obj.BeatType === BeatsSpecial.AddOneshotBeat) && ((_s = (_r = obj.BeatStyle) === null || _r === void 0 ? void 0 : _r.Hold) !== null && _s !== void 0 ? _s : 0) > 0, `holdbeat`, () => ''], [obj.BeatType === BeatsSpecial.AddOneshotBeat && obj.BeatStyle !== undefined && obj.BeatStyle.OneshotBeatSubType.includes(RDOneshotBeatSubType.Skipshot), `skipshot`, () => ''])}</div>`;
    }
    else if (obj instanceof RDGroup) {
        return `<div class="event group"style="${ConstructCssPropertiesIfExists(new Map([
@@ -829,6 +829,9 @@ function ReadProperties(reader: Reader, event: RDEvent | RDGroup, pairs: KeyValu
                    if (value = FindValue(pairs, "loop")) {
                        event.BeatStyle.Loop = parseInt(value.Value);
                    }
                    if (value = FindValue(pairs, "hold")) {
                        event.BeatStyle.Hold = parseFloat(value.Value);
                    }
                    break;
                default:
                    break;
@@ -925,7 +928,7 @@ function ConstructDivObject(obj: RDEvent | RDGroup): string {
                    }
                    return result;
                }],
-                [(obj.BeatType === BeatsSpecial.AddClassicBeat || obj.BeatType === BeatsSpecial.AddFreeTimeBeat || obj.BeatType === BeatsSpecial.PulseFreeTimeBeat) && (obj.BeatStyle?.Hold ?? 0) > 0, `holdbeat`, () => ''],
+                [(obj.BeatType === BeatsSpecial.AddClassicBeat || obj.BeatType === BeatsSpecial.AddFreeTimeBeat || obj.BeatType === BeatsSpecial.PulseFreeTimeBeat || obj.BeatType === BeatsSpecial.AddOneshotBeat) && (obj.BeatStyle?.Hold ?? 0) > 0, `holdbeat`, () => ''],
                [obj.BeatType === BeatsSpecial.AddOneshotBeat && obj.BeatStyle !== undefined && obj.BeatStyle.OneshotBeatSubType.includes(RDOneshotBeatSubType.Skipshot), `skipshot`, () => ''],
            )}</div>`;
    }
@@ -1,3 +1,5 @@
 import { createElementEvent } from "./rdtkview.js";
 let curx = 0;
 let cury = 0;
 let rowx;
@@ -21,7 +23,7 @@ let positions = {
    "r5": { "y": 78, "name": "二轨时的第二轨/四轨时的第二轨" },
    "r6": { "y": 57, "name": "三轨时的第一轨" },
    "r7": { "y": 36, "name": "四轨时的第一轨" },
-}
+};
 function themePosition() {
    let theme_positions = document.getElementById("theme-positions");
@@ -61,45 +63,74 @@ function themePosition() {
        rowx = null;
        columny = null;
        for (let key in positions) {
-            if (positions[key].x !== null && Math.abs(x - positions[key].x) < 5)
+            if (
                positions[key].x !== null && Math.abs(x - positions[key].x) < 5
            ) {
                rowx = positions[key].x;
-            if (positions[key].y !== null && Math.abs(y - positions[key].y) < 5)
+            }
            if (
                positions[key].y !== null && Math.abs(y - positions[key].y) < 5
            ) {
                columny = positions[key].y;
            }
        }
        if (rowx) {
-            perx.innerText = (rowx / 3.52).toFixed(2) + "%"
+            perx.innerText = (rowx / 3.52).toFixed(2) + "%";
-            perx.classList.add("c")
+            perx.classList.add("c");
-            pxx.innerText = rowx + "px"
+            pxx.innerText = rowx + "px";
-            pxx.classList.add("c")
+            pxx.classList.add("c");
-        }
+        } else {
-        else {
+            perx.innerText = x_percent.toFixed(2) + "%";
-            perx.innerText = x_percent.toFixed(2) + "%"
+            perx.classList.remove("c");
-            perx.classList.remove("c")
+            pxx.innerText = x + "px";
-            pxx.innerText = x + "px"
+            pxx.classList.remove("c");
            pxx.classList.remove("c")
        }
        if (columny) {
-            pery.innerText = (100 - columny / 1.98).toFixed(2) + "%"
+            pery.innerText = (100 - columny / 1.98).toFixed(2) + "%";
-            pery.classList.add("c")
+            pery.classList.add("c");
-            pxy.innerText = 198 - columny + "px"
+            pxy.innerText = 198 - columny + "px";
-            pxy.classList.add("c")
+            pxy.classList.add("c");
-        }
+        } else {
-        else {
+            pery.innerText = (100 - y_percent).toFixed(2) + "%";
-            pery.innerText = (100 - y_percent).toFixed(2) + "%"
+            pery.classList.remove("c");
-            pery.classList.remove("c")
+            pxy.innerText = 198 - y + "px";
-            pxy.innerText = 198 - y + "px"
+            pxy.classList.remove("c");
            pxy.classList.remove("c")
        }
        infobox.style.right = "calc(" + (100 - x_percent) + "% + 10px)";
-        infobox.style.top = "calc(" + (y_percent) + "% + 10px)";
+        infobox.style.top = "calc(" + y_percent + "% + 10px)";
-        selectbox.style.left = rowx ? (rowx / 3.52 - 3.41) + "%" : columny ? "0" : "calc(" + x_percent + "% - 3px";
+        selectbox.style.left = rowx
-        selectbox.style.bottom = columny ? (100 - columny / 1.98 - 5.305) + "%" : rowx ? "0" : "calc(" + (100 - y_percent) + "% - 3px)";
+            ? (rowx / 3.52 - 3.41) + "%"
            : columny
            ? "0"
            : "calc(" + x_percent + "% - 3px";
        selectbox.style.bottom = columny
            ? (100 - columny / 1.98 - 5.305) + "%"
            : rowx
            ? "0"
            : "calc(" + (100 - y_percent) + "% - 3px)";
        selectbox.style.width = rowx ? "6.82%" : columny ? "100%" : "6px";
        selectbox.style.height = columny ? "10.61%" : rowx ? "100%" : "6px";
-        let rowname = rowx ? positions[Object.keys(positions).find(key => positions[key].x === rowx)].name : "";
+        let rowname = rowx
-        let columnname = columny ? positions[Object.keys(positions).find(key => positions[key].y === columny)].name : "";
+            ? positions[
-        theme_positions.querySelector(".other").innerText = rowname && columnname ? columnname + "上的" + rowname : rowname ? rowname : columnname ? columnname : "";
+                Object.keys(positions).find((key) => positions[key].x === rowx)
            ].name
            : "";
        let columnname = columny
            ? positions[
                Object.keys(positions).find((key) =>
                    positions[key].y === columny
                )
            ].name
            : "";
        theme_positions.querySelector(".other").innerText =
            rowname && columnname
                ? columnname + "上的" + rowname
                : rowname
                ? rowname
                : columnname
                ? columnname
                : "";
    });
    theme_positions.addEventListener("mouseleave", function (event) {
        perx.innerText = "100%";
@@ -112,13 +143,12 @@ function themePosition() {
        selectbox.style.bottom = "50%";
        selectbox.style.width = "0";
        selectbox.style.height = "0";
-        perx.classList.remove("c")
+        perx.classList.remove("c");
-        pery.classList.remove("c")
+        pery.classList.remove("c");
-        pxx.classList.remove("c")
+        pxx.classList.remove("c");
-        pxy.classList.remove("c")
+        pxy.classList.remove("c");
        other.innerText = "";
    });
 }
 function rdview() {
@@ -129,21 +159,25 @@ function rdview() {
    let number = rdview.querySelector(".number");
    const textareaStyles = window.getComputedStyle(textarea);
    [
-        'fontFamily', 'fontSize', 'fontWeight',
+        "fontFamily",
-        'letterSpacing', 'lineHeight', 'padding',
+        "fontSize",
-    ].forEach(property => {
+        "fontWeight",
        "letterSpacing",
        "lineHeight",
        "padding",
    ].forEach((property) => {
        number.style[property] = textareaStyles[property];
    });
-    const canvas = document.createElement('canvas');
+    const canvas = document.createElement("canvas");
-    const context = canvas.getContext('2d');
+    const context = canvas.getContext("2d");
    const font = `${textareaStyles.fontSize} ${textareaStyles.fontFamily}`;
    context.font = font;
    function calcStringLines(sentence, width) {
        if (!width) return 0;
-        const words = sentence.split('');
+        const words = sentence.split("");
        let lineCount = 0;
-        let currentLine = '';
+        let currentLine = "";
        for (let i = 0; i < words.length; i++) {
            const wordWidth = context.measureText(words[i]).width;
            const lineWidth = context.measureText(currentLine).width;
@@ -154,18 +188,22 @@ function rdview() {
                currentLine += words[i];
            }
        }
-        if (currentLine.trim() !== '') lineCount++;
+        if (currentLine.trim() !== "") lineCount++;
        return lineCount;
    }
    function calcLines() {
-        const lines = textarea.value.split('\n');
+        const lines = textarea.value.split("\n");
        const textareaWidth = textarea.getBoundingClientRect().width;
        const textareaScrollWidth = textareaWidth - textarea.clientWidth;
-        const parseNumber = (v) => v.endsWith('px') ? parseInt(v.slice(0, -2), 10) : 0;
+        const parseNumber = (v) =>
            v.endsWith("px") ? parseInt(v.slice(0, -2), 10) : 0;
        const textareaPaddingLeft = parseNumber(textareaStyles.paddingLeft);
        const textareaPaddingRight = parseNumber(textareaStyles.paddingRight);
-        const textareaContentWidth = textareaWidth - textareaPaddingLeft - textareaPaddingRight - textareaScrollWidth;
+        const textareaContentWidth = textareaWidth - textareaPaddingLeft -
-        const numLines = lines.map(lineString => calcStringLines(lineString, textareaContentWidth));
+            textareaPaddingRight - textareaScrollWidth;
        const numLines = lines.map((lineString) =>
            calcStringLines(lineString, textareaContentWidth)
        );
        let lineNumbers = [];
        let i = 1;
        while (numLines.length > 0) {
@@ -173,8 +211,8 @@ function rdview() {
            lineNumbers.push(i);
            if (numLinesOfSentence > 1) {
                Array(numLinesOfSentence - 1)
-                    .fill('')
+                    .fill("")
-                    .forEach((_) => lineNumbers.push(''));
+                    .forEach((_) => lineNumbers.push(""));
            }
            i++;
        }
@@ -184,24 +222,172 @@ function rdview() {
        const lines = calcLines();
        const lineDoms = Array.from({
            length: lines.length,
-        }, (_, i) => `<div>${lines[i] || '&nbsp;'}</div>`);
+        }, (_, i) => `<div>${lines[i] || "&nbsp;"}</div>`);
-        number.innerHTML = lineDoms.join('');
+        number.innerHTML = lineDoms.join("");
    }
    function initCanvas() {
-        const lang = textarea.value.split('\n')[0]
+        const lang = textarea.value.split("\n")[0];
-        const code = textarea.value.split('\n').slice(1).join('\n')
+        const code = textarea.value.split("\n").slice(1).join("\n");
-        rdcanvas.innerHTML = RDViewRender(lang, code)
+        rdcanvas.innerHTML = RDViewRender(lang, code);
    }
-    initCanvas()
+    initCanvas();
-    initLineNumbers()
+    initLineNumbers();
-    textarea.addEventListener('input', initLineNumbers);
+    textarea.addEventListener("input", initLineNumbers);
-    textarea.addEventListener('input', initCanvas);
+    textarea.addEventListener("input", initCanvas);
 }
 function rdview2() {
    let rdview = document.getElementsByClassName("rdview2")[0];
    if (!rdview) return;
    let rdcanvas = rdview.querySelector(".canvas");
    let textarea = rdview.querySelector("textarea.area");
    let number = rdview.querySelector(".number");
    const textareaStyles = window.getComputedStyle(textarea);
    [
        "fontFamily",
        "fontSize",
        "fontWeight",
        "letterSpacing",
        "lineHeight",
        "padding",
    ].forEach((property) => {
        number.style[property] = textareaStyles[property];
    });
    const canvas = document.createElement("canvas");
    const context = canvas.getContext("2d");
    const font = `${textareaStyles.fontSize} ${textareaStyles.fontFamily}`;
    context.font = font;
    function calcStringLines(sentence, width) {
        if (!width) return 0;
        const words = sentence.split("");
        let lineCount = 0;
        let currentLine = "";
        for (let i = 0; i < words.length; i++) {
            const wordWidth = context.measureText(words[i]).width;
            const lineWidth = context.measureText(currentLine).width;
            if (lineWidth + wordWidth > width) {
                lineCount++;
                currentLine = words[i];
            } else {
                currentLine += words[i];
            }
        }
        if (currentLine.trim() !== "") lineCount++;
        return lineCount;
    }
    function calcLines() {
        const lines = textarea.value.split("\n");
        const textareaWidth = textarea.getBoundingClientRect().width;
        const textareaScrollWidth = textareaWidth - textarea.clientWidth;
        const parseNumber = (v) =>
            v.endsWith("px") ? parseInt(v.slice(0, -2), 10) : 0;
        const textareaPaddingLeft = parseNumber(textareaStyles.paddingLeft);
        const textareaPaddingRight = parseNumber(textareaStyles.paddingRight);
        const textareaContentWidth = textareaWidth - textareaPaddingLeft -
            textareaPaddingRight - textareaScrollWidth;
        const numLines = lines.map((lineString) =>
            calcStringLines(lineString, textareaContentWidth)
        );
        let lineNumbers = [];
        let i = 1;
        while (numLines.length > 0) {
            const numLinesOfSentence = numLines.shift();
            lineNumbers.push(i);
            if (numLinesOfSentence > 1) {
                Array(numLinesOfSentence - 1)
                    .fill("")
                    .forEach((_) => lineNumbers.push(""));
            }
            i++;
        }
        return lineNumbers;
    }
    function initLineNumbers() {
        const lines = calcLines();
        const lineDoms = Array.from({
            length: lines.length,
        }, (_, i) => `<div>${lines[i] || "&nbsp;"}</div>`);
        number.innerHTML = lineDoms.join("");
    }
    function initCanvas() {
        let objs = [];
        try {
            objs = JSON.parse(`[${textarea.value}]`);
            rdcanvas.innerHTML = "";
        } catch (e) {
            rdcanvas.innerHTML =
                `<div style="color: red; font-weight: bold;">JSON解析错误：${e.message}</div>`;
            return;
        }
        const eventStyle = { "scale": 2.0, "showDuration": false };
        let maxy = 0;
        const elemPromises = [];
        for (let obj of objs) {
            const style = { ...eventStyle, enabled: obj.active ?? true };
            const elem = createElementEvent(obj, style).then((elem) => {
                elem.eventStyle = style;
                elem.style.position = "absolute";
                elem.style.left = `${
                    ((((obj.bar ?? 1) - 1) * 8) + (obj.beat ?? 1) - 1) * 14 *
                    eventStyle.scale
                }px`;
                elem.style.top = `${
                    (obj.y ?? obj.row ?? 0) * 14 * eventStyle.scale
                }px`;
                if (
                    ((obj.y ?? obj.row ?? 0) * 14 * eventStyle.scale) +
                            elem.offsetHeight > maxy
                ) {
                    maxy = ((obj.y ?? obj.row ?? 0) * 14 * eventStyle.scale) +
                        elem.offsetHeight;
                }
                elem.addEventListener("mousedown", (event) => {
                    const eStyle = elem.eventStyle;
                    eStyle.active = true;
                    elem.onStateChange(eStyle);
                });
                elem.addEventListener("mouseover", (event) => {
                    const eStyle = elem.eventStyle;
                    eStyle.hover = true;
                    elem.onStateChange(eStyle);
                });
                elem.addEventListener("mouseout", (event) => {
                    const eStyle = elem.eventStyle;
                    eStyle.hover = false;
                    eStyle.active = false;
                    elem.onStateChange(eStyle);
                });
                elem.addEventListener("mouseup", (event) => {
                    const eStyle = elem.eventStyle;
                    eStyle.active = false;
                    elem.onStateChange(eStyle);
                });
                return elem;
            });
            elemPromises.push(elem);
        }
        Promise.all(elemPromises).then((elems) => {
            elems.forEach((elem) => {
                rdcanvas.appendChild(elem);
            });
        });
        rdcanvas.style.position = "relative";
        rdcanvas.style.height = `${maxy + 4 * 14 * eventStyle.scale}px`;
    }
    initCanvas();
    initLineNumbers();
    textarea.addEventListener("input", initLineNumbers);
    textarea.addEventListener("input", initCanvas);
 }
 window.$docsify.plugins = [].concat(window.$docsify.plugins, function (hook) {
    hook.doneEach(function () {
        themePosition();
        rdview();
        rdview2();
        document.documentElement.scrollTop = document.body.scrollTop = 0;
    });
 });
 import("./docsify.min.js").then(() => {
 });
@@ -19,16 +19,17 @@ const themeModes = ['light', 'dark', 'auto',]
 var switchSpan = document.createElement('span')
 switchSpan.id = 'switchLightDarkModeDivBeforeArticle'
 switchSpan.classList.add('controlSpan')
 switchSpan.style.position = 'fixed'
 switchSpan.style.right = switchLightDarkModeOptions.right.toString() + 'px'
 switchSpan.style.top = switchLightDarkModeOptions.top.toString() + 'px'
-const lightModeIconXml = '<?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="' + switchLightDarkModeOptions.svgColor + '"><path d="M12 18a6 6 0 100-12 6 6 0 000 12zM22 12h1M12 2V1M12 23v-1M20 20l-1-1M20 4l-1 1M4 20l1-1M4 4l1 1M1 12h1" stroke="' + switchLightDarkModeOptions.svgColor + '" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>'
+const lightModeIconXml = '<?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="' + switchLightDarkModeOptions.svgColor + '"><path d="M12 18a6 6 0 100-12 6 6 0 000 12zM22 12h1M12 2V1M12 23v-1M20 20l-1-1M20 4l-1 1M4 20l1-1M4 4l1 1M1 12h1" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>'
-const darkModeIconXml = '<?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="' + switchLightDarkModeOptions.svgColor + '"><path d="M3 11.507a9.493 9.493 0 0018 4.219c-8.507 0-12.726-4.22-12.726-12.726A9.494 9.494 0 003 11.507z" stroke="' + switchLightDarkModeOptions.svgColor + '" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>'
+const darkModeIconXml = '<?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="' + switchLightDarkModeOptions.svgColor + '"><path d="M3 11.507a9.493 9.493 0 0018 4.219c-8.507 0-12.726-4.22-12.726-12.726A9.494 9.494 0 003 11.507z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>'
-const autoModeIconXml = '<?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="' + switchLightDarkModeOptions.svgColor + '"><path d="M3 15c2.483 0 4.345-3 4.345-3s1.862 3 4.345 3c2.482 0 4.965-3 4.965-3s2.483 3 4.345 3M3 20c2.483 0 4.345-3 4.345-3s1.862 3 4.345 3c2.482 0 4.965-3 4.965-3s2.483 3 4.345 3M19 10a7 7 0 10-14 0" stroke="' + switchLightDarkModeOptions.svgColor + '" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>'
+const autoModeIconXml = '<?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="' + switchLightDarkModeOptions.svgColor + '"><path d="M3 15c2.483 0 4.345-3 4.345-3s1.862 3 4.345 3c2.482 0 4.965-3 4.965-3s2.483 3 4.345 3M3 20c2.483 0 4.345-3 4.345-3s1.862 3 4.345 3c2.482 0 4.965-3 4.965-3s2.483 3 4.345 3M19 10a7 7 0 10-14 0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>'
-const zoomInIconXml = '<?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" color="' + switchLightDarkModeOptions.svgColor + '"><path d="M8 11h3m3 0h-3m0 0V8m0 3v3M17 17l4 4M3 11a8 8 0 1016 0 8 8 0 00-16 0z" stroke="' + switchLightDarkModeOptions.svgColor + '" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>'
+const zoomInIconXml = '<?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" color="' + switchLightDarkModeOptions.svgColor + '"><path d="M8 11h3m3 0h-3m0 0V8m0 3v3M17 17l4 4M3 11a8 8 0 1016 0 8 8 0 00-16 0z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>'
-const zoomOutIconXml = '<?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" color="' + switchLightDarkModeOptions.svgColor + '"><path d="M17 17l4 4M3 11a8 8 0 1016 0 8 8 0 00-16 0zM8 11h6" stroke="' + switchLightDarkModeOptions.svgColor + '" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>'
+const zoomOutIconXml = '<?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" viewBox="0 0 24 24" stroke-width="1.5" fill="none" xmlns="http://www.w3.org/2000/svg" color="' + switchLightDarkModeOptions.svgColor + '"><path d="M17 17l4 4M3 11a8 8 0 1016 0 8 8 0 00-16 0zM8 11h6" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>'
-const zoomDefaultIconXml = '<?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="' + switchLightDarkModeOptions.svgColor + '"><path d="M12 19a7 7 0 100-14 7 7 0 000 14zM12 19v2M5 12H3M12 5V3M19 12h2" stroke="' + switchLightDarkModeOptions.svgColor + '" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>'
+const zoomDefaultIconXml = '<?xml version="1.0" encoding="UTF-8"?><svg width="24px" height="24px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" color="' + switchLightDarkModeOptions.svgColor + '"><path d="M12 19a7 7 0 100-14 7 7 0 000 14zM12 19v2M5 12H3M12 5V3M19 12h2" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>'
 const ottoIconXml = `
 <?xml version="1.0" encoding="UTF-8"?>
 <svg width="26px" height="30px" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24" color="` + switchLightDarkModeOptions.svgColor + `" stroke="` + switchLightDarkModeOptions.svgColor + `" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
@@ -125,6 +126,7 @@ function plugin(hook, vm) {
        var zoomInSpan = document.createElement('span')
        zoomInSpan.id = 'zoomInSpan'
        zoomInSpan.classList.add('controlSpan')
        zoomInSpan.style.position = 'fixed'
        zoomInSpan.style.right = switchLightDarkModeOptions.right.toString() + 'px'
        zoomInSpan.style.top = (switchLightDarkModeOptions.top + 35).toString() + 'px'
@@ -132,6 +134,7 @@ function plugin(hook, vm) {
        var zoomOutSpan = document.createElement('span')
        zoomOutSpan.id = 'zoomOutSpan'
        zoomOutSpan.classList.add('controlSpan')
        zoomOutSpan.style.position = 'fixed'
        zoomOutSpan.style.right = switchLightDarkModeOptions.right.toString() + 'px'
        zoomOutSpan.style.top = (switchLightDarkModeOptions.top + 70).toString() + 'px'
@@ -139,6 +142,7 @@ function plugin(hook, vm) {
        var zoomDefaultSpan = document.createElement('span')
        zoomDefaultSpan.id = 'zoomDefaultSpan'
        zoomDefaultSpan.classList.add('controlSpan')
        zoomDefaultSpan.style.position = 'fixed'
        zoomDefaultSpan.style.right = switchLightDarkModeOptions.right.toString() + 'px'
        zoomDefaultSpan.style.top = (switchLightDarkModeOptions.top + 105).toString() + 'px'
@@ -146,6 +150,7 @@ function plugin(hook, vm) {
        var ottoSpan = document.createElement('span')
        ottoSpan.id = 'ottoSpan'
        ottoSpan.classList.add('controlSpan')
        ottoSpan.style.position = 'fixed'
        ottoSpan.style.right = switchLightDarkModeOptions.right.toString() + 'px'
        ottoSpan.style.top = (switchLightDarkModeOptions.top + 140).toString() + 'px'
@@ -1292,3 +1292,18 @@ del {
  border-radius: 5px;
  font: 300 12px 'd9c', 'd9';
 }
 .controlSpan {
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'd9', sans-serif;
  font-size: 16px;
  height: 30px;
  width: 30px;
  transition: background-color 0.3s, transform 0.2s;
  z-index: 20;
 }
@@ -224,3 +224,10 @@ div.medium-zoom-overlay{
    background-color: var(--background-color);
  }
 }
 .controlSpan{
  background-color: var(--span-color);
  &>svg{
    stroke: var(--span-fill-color);
  }
 }
@@ -1,12 +1,12 @@
 body.dark {
  --main-color: #c8c8c8;
-  --main-theme-color: #008080;
+  --main-theme-color: #3c7e7e;
  --background-color: #1f1f1f;
  --background-border-color: #303030;
  --section-main-color: #0f0f0f;
-  --section-background-color: #003333;
+  --section-background-color: #2c3333;
  --section-table-header-border-color: #303030;
-  --section-blockquote-background-color: #003a3a;
+  --section-blockquote-background-color: #2a3131;
  --section-blockquote-color: #7cdcfe;
  --section-tip-background-color: #161616;
  --section-tip-color: #3f3f3fcc;
@@ -20,6 +20,9 @@ body.dark {
  -webkit-tap-highlight-color: rgb(0, 0, 0);
  --special-theme-position-backgound-color: #177500;
  --span-color: #2020203a;
  --span-fill-color: #3c7e7e;
 }
 body.dark .sidebar li>a:has(>img) {
@@ -20,6 +20,9 @@ body.light {
  -webkit-tap-highlight-color: rgb(255, 255, 255);
  --special-theme-position-backgound-color: #05a000;
  --span-color: #e0e0e03a;
  --span-fill-color: #008585;
 }
 body.light .sidebar li>a:has(>img) {
@@ -1146,6 +1146,36 @@
 		}
 	}
 	&>.beat:not(:has(.classicbeat)) {
 		&>div.holdbeat {
 			position: absolute;
 			width: calc((var(--hold) * 28 - 2) * 1px);
 			height: inherit;
 			background-size: auto 100%;
 			background-image: url(./assets/beats/hold-area.png);
 			transform: translate(calc(((var(--tick) + var(--delay) + var(--loop) * var(--interval)) * 28 - 4) * 1px), 0);
 			z-index: -2;
 			&::after {
 				content: '';
 				position: absolute;
 				width: 2px;
 				height: 28px;
 				background-size: auto 100%;
 				transform: translate(calc((var(--hold) * 28 - 2) * 1px), 0);
 				background-image: url(./assets/beats/hold-right.png);
 			}
 		}
 		&:active>div.holdbeat {
 			background-image: url(./assets/beats/hold-hover-area.png);
 			&::after {
 				background-image: url(./assets/beats/hold-hover-right.png);
 			}
 		}
 	}
 	&>.beat:has(.row-xs) {
 		width: 56px;
 		height: 28px;
@@ -2180,6 +2210,36 @@
 		}
 	}
 	&>.beat:not(:has(.classicbeat)) {
 		&>div.holdbeat {
 			position: absolute;
 			width: calc((var(--hold) * 28 - 2) * 1px);
 			height: inherit;
 			background-size: auto 100%;
 			background-image: url(./assets/beats/hold-area.png);
 			transform: translate(calc(((var(--tick) + var(--delay) + var(--loop) * var(--interval)) * 28 - 4) * 1px), 0);
 			z-index: -2;
 			&::after {
 				content: '';
 				position: absolute;
 				width: 2px;
 				height: 28px;
 				background-size: auto 100%;
 				transform: translate(calc((var(--hold) * 28 - 2) * 1px), 0);
 				background-image: url(./assets/beats/hold-right.png);
 			}
 		}
 		&:active>div.holdbeat {
 			background-image: url(./assets/beats/hold-hover-area.png);
 			&::after {
 				background-image: url(./assets/beats/hold-hover-right.png);
 			}
 		}
 	}
 	&>.beat:has(.row-xs) {
 		width: 56px;
 		height: 28px;
@@ -2,6 +2,24 @@
    --line-width: 1px;
 }
 div.qqgroup{
    height: 80px;
    display: flex;
    justify-self: center;
    position: relative;
    &>img{
    }
    &>p{
        container: qqgroup;
        position: absolute;
        left: 5%;
        top: 19%;
        font-size: 23px;
        resize: both;
        color: #3b8e59;
    }
 }
 div.theme-positions {
    position: relative;
    display: flex;
@@ -144,7 +162,7 @@ div.theme-positions>.infobox {
 .markdown-section:has(div.rdview) {}
-div.rdview {
+div.rdview, div.rdview2 {
    & div.canvas {
        width: 100%;
    }
Author	SHA1	Message	Date
obugs	4463ba1b87	Merge branch 'check' into main	2026-01-29 19:43:28 +08:00
OLDREDSTONE	46fbe848d3	Merge branch 'check'	2026-01-24 18:01:51 +08:00
OLDREDSTONE	5555e612b3	添加对文档编撰的说明	2026-01-24 18:00:59 +08:00
OLDREDSTONE	e23b6000c4	制作人员表增加了	2026-01-24 17:41:28 +08:00
T_Terrenceandobugs	c8bc990412	做了窗口相关的动画的教程	2026-01-24 17:33:04 +08:00
obugs	aedf303e89	Merge pull request 'main' (#47 ) from kuanpan/rd.rdlevel.cn:main into check Reviewed-on: RDCNWebs/rd.rdlevel.cn#47	2026-01-24 17:32:16 +08:00
kuanpan	6a433657f6	更新 pages/moverow.md	2026-01-22 11:41:05 +08:00
kuanpan	64fe405d2e	更新 pages/oneshotbeat.md	2026-01-22 09:17:07 +08:00
kuanpan	f18d0974ac	更新 pages/moverow.md	2026-01-22 09:16:05 +08:00
kuanpan	4d7e2961f8	更新 pages/appendix_gimmicks.md	2026-01-20 22:13:50 +08:00
kuanpan	a26095bea2	merge upstream	2026-01-20 21:59:52 +08:00
kuanpan	a6711f859f	更新 pages/moreoneshotbeats.md	2026-01-20 21:57:10 +08:00
obugs	d6e5ff39e3	Merge pull request '添加启用高级编辑器功能教程' (#46 ) from dev_mode into main Reviewed-on: RDCNWebs/rd.rdlevel.cn#46	2026-01-20 15:44:49 +08:00
23333	f315aa9f2e	添加启用高级编辑器功能教程	2026-01-20 15:36:11 +08:00
kuanpan	7300fbfa16	更新 pages/classicbeat.md	2026-01-17 13:16:32 +08:00
kuanpan	8486bd807e	更新 pages/moreoneshotbeats.md	2026-01-17 13:01:21 +08:00
obugs	41ada2cf46	Merge pull request 'main' (#43 ) from kuanpan/rd.rdlevel.cn:main into main Reviewed-on: RDCNWebs/rd.rdlevel.cn#43	2026-01-17 11:11:25 +08:00
kuanpan	8ee381909f	更新 pages/moreoneshotbeats.md	2026-01-17 10:58:29 +08:00
kuanpan	ae9c93deb2	merge upstream	2026-01-17 10:55:59 +08:00
kuanpan	d922a6fae6	上传文件至 images	2026-01-17 10:31:20 +08:00
kuanpan	006e2f2ff1	删除 images/hold.jpg	2026-01-17 10:29:45 +08:00
kuanpan	c14a85c464	上传文件至 images	2026-01-17 09:46:28 +08:00
OLDREDSTONE	5aedbbfbe0	[RDView] 修复 hsb 属性读取异常和渲染异常	2026-01-16 23:31:09 +08:00
OLDREDSTONE	a14b4436f5	[RDView] 啊草我 degug 怎么还在里面（	2026-01-16 20:14:42 +08:00
OLDREDSTONE	4e1e57b08e	[RDView] 现已可用，在 pages/classicbeat 可查看第一个用例	2026-01-16 20:07:12 +08:00
OLDREDSTONE	51e8b1f449	[RDView2] 更新	2026-01-15 19:01:12 +08:00
OLDREDSTONE	758645041b	[RDView2] DOM 渲染基本完工，进入可行性测试阶段	2026-01-14 22:20:06 +08:00
OLDREDSTONE	fb2e0e124b	修复 json 解析异常未捕获的错误	2026-01-14 00:55:38 +08:00
OLDREDSTONE	006a5fe4f5	changelog	2026-01-14 00:46:21 +08:00
OLDREDSTONE	1e4e94cce7	[rdview2] 性能测试	2026-01-14 00:43:51 +08:00
OLDREDSTONE	55c53278ea	[RDView]修复事件组内的单发拍长按不显示的异常	2026-01-12 21:10:13 +08:00
OLDREDSTONE	089f4c551d	Merge branch 'main' of https://git.obugs.cn/RDCNWebs/rd.rdlevel.cn	2026-01-12 20:58:30 +08:00
OLDREDSTONE	9a060eb6ff	[RDView] 更新细分拍的图像，添加长按二拍设置	2026-01-12 20:58:25 +08:00
obugs	6b0da44786	Merge pull request '更新 pages/appendix_audios.md' (#42 ) from Xiaolvjun/rd.rdlevel.cn:main into main Reviewed-on: RDCNWebs/rd.rdlevel.cn#42	2026-01-12 19:51:46 +08:00
Xiaolvjun	50bef7ba6d	更新 pages/credits.md	2026-01-12 19:51:00 +08:00
Xiaolvjun	6f8e88b93d	更新 pages/appendix_audios.md	2026-01-12 18:32:36 +08:00
OLDREDSTONE	0fecdf5b19	优化渲染流程（虽然还是很卡	2025-12-31 22:11:33 +08:00
OLDREDSTONE	f51785f649	Merge branch 'main' of https://git.obugs.cn/RDCNWebs/rd.rdlevel.cn	2025-12-12 15:25:00 +08:00
OLDREDSTONE	c1b00aa34d	【实验】rdview2 样例	2025-12-12 15:24:52 +08:00
OLDREDSTONE	a01042af6a	【实验】添加对 rdview2 的支持	2025-12-12 15:24:30 +08:00
OLDREDSTONE	9d14a88a98	取消群号的缩放	2025-12-12 15:23:35 +08:00
obugs	9714689690	Merge pull request '事件列表与特效列表更新' (#41 ) from 0x4D2/rd.rdlevel.cn:main into main Reviewed-on: RDCNWebs/rd.rdlevel.cn#41	2025-12-05 11:19:45 +08:00
0x4D2	dca868ac71	气球 Signed-off-by: 0x4D2 <1706119930@qq.com>	2025-12-04 23:21:41 +08:00
0x4D2	81b54f7fbd	更新附录中的事件列表 Signed-off-by: 0x4D2 <1706119930@qq.com>	2025-12-04 23:16:12 +08:00
0x4D2	c467825ec1	更新附录中的事件列表 Signed-off-by: 0x4D2 <1706119930@qq.com>	2025-12-04 23:15:22 +08:00
OLDREDSTONE	91fed78ce1	更新日志	2025-11-29 16:46:38 +08:00
OLDREDSTONE	9becdf3f88	更改了页面右侧功能区的样式	2025-11-29 16:45:51 +08:00
OLDREDSTONE	547181bff1	修改目录样式	2025-11-29 16:42:42 +08:00
OLDREDSTONE	052463645b	更新日志	2025-11-29 15:27:39 +08:00
OLDREDSTONE	2d6125b082	Merge branch 'new'	2025-11-29 15:05:47 +08:00
OLDREDSTONE	69165da834	更正部分文字	2025-11-29 14:38:43 +08:00
OLDREDSTONE	90a764dd7f	第三方工具添加 AserDeco 介绍页面	2025-11-29 14:30:41 +08:00
OLDREDSTONE	7c888f5249	修改暗色主题部分颜色	2025-11-29 14:14:54 +08:00
OLDREDSTONE	214b7856bd	更改了群号	2025-11-29 14:14:35 +08:00
OLDREDSTONE	d83cc5a829	删除 banner	2025-11-29 11:53:07 +08:00
OLDREDSTONE	837336a321	添加网页简介	2025-11-02 19:14:24 +08:00
OLDREDSTONE	62c9b8517f	添加 0x4D2 更新的 credit - OLDREDSTONE	2025-11-02 12:58:49 +08:00
`@@ -1,4 +1,4 @@`
	`# 05 单发拍子`	`# 单发拍子`

	`## 单发拍子功能介绍`	`## 单发拍子功能介绍`