Bubbly怎么添加虚拟摇杆

Bubbly官方App不支持虚拟摇杆，需通过三种外部方案实现：一是创作者后台嵌入HTTPS托管的网页版摇杆；二是用剪映预渲染透明背景摇杆动效视频叠加；三是Neovim插件中配置方向键映射为脚本导航指令。

Bubbly官方App本身不提供虚拟摇杆功能，无法在角色互动界面直接添加可拖拽的摇杆控件；若需实现方向控制类交互（如移动、视角转向、游戏化操作），必须借助外部技术方案嵌入或变通实现。

方案一：通过Bubbly创作者后台嵌入网页版虚拟摇杆

仅限已开通创作者权限的账号，在发布作品时可通过「网页嵌入」功能加载自托管HTML页面，该页面内含Canvas或SVG实现的虚拟摇杆。

第一步：准备一个支持触摸/鼠标事件的虚拟摇杆HTML文件，确保其包含完整JS逻辑（方向输出、角度计算、回弹动画）且无跨域请求；

第二步：将该HTML文件部署至HTTPS域名下（Bubbly强制要求安全协议），获取可公开访问的URL；

第三步：登录Bubbly创作者后台 → 新建作品 → 在「高级设置」中选择「嵌入网页」→ 粘贴URL → 保存并发布；

【注意：iOS端Safari对iframe内touch事件支持不稳定，建议在安卓端优先测试】

方案二：用剪映预渲染动态摇杆动效视频叠加

适用于想在Bubbly视频流中呈现“虚拟摇杆正在被操作”的视觉效果，无需编程，兼容所有终端。

打开剪映App → 新建项目 → 导入原始画面（如AI角色静帧或空镜）；

点击“文字”→“新建文本”，输入“●”，字体选Impact，字号设为画面高度8%，颜色纯白+3px黑色描边；

复制该圆点→粘贴5次→分别排列成十字形（上、下、左、右、中心），中心点固定不动，其余四点添加“位置位移+缩放”关键帧动画，模拟手指按压反馈；

导出时勾选“透明背景”，分辨率设为1080×1920，上传至Bubbly作品流即可与AI对话画面同步播放。

方案三：在Neovim插件生态中启用Bubbly状态栏（非UI摇杆）

此方法不提供图形化摇杆，但可让开发者在编辑Bubbly脚本时，通过状态栏快捷键触发方向指令（如←→↑↓映射为角色动作关键词）。

确认已安装packer.nvim包管理器；

在~/.config/nvim/lua/plugins/bubbly.lua中添加：
use { 'datwaft/bubbly.nvim', config = function() require('bubbly').setup({ keymaps = { left = 'prev', right = 'next', up = 'jump', down = 'reset' } }) end }；

执行:PackerSync→重启Neovim→在编辑Bubbly剧情脚本时，按gj/gk即可快速跳转段落，模拟方向导航逻辑。