🎬
OpenZao
AI 互动影游开发引擎
📁 文件 ▼
📄 新建项目
📂 打开项目
💾 保存
☁️ 保存到云端
💾 另存为
↶ 撤回
↷ 重做
➕ 节点 ▼
🎮 开始画面
🎬 前置剧情
📺 剧情节点
📝 文本节点
🖼️ 图片节点
🎵 音频节点
⚡ 生成节点
▶️ 预览
📦 导入/导出 ▼
📤 导出JSON
📥 导入JSON
⚙️ 更多 ▼
🎬 导出播放器
📋 项目结构
📁 资源管理
🎯 重置视图
⚙️ 设置
🗑️ 清空画布
🚪 退出
📋 项目结构
−
📁
我的项目
0
▼
📖
第一章
0
🎬
开场场景
📦
未分类节点
0
➕ 章节
➕ 场景
📁 资源管理器
−
📂
全部资源
0
🎬
视频片段
0
🖼️
图片素材
0
🎵
音频文件
0
📦
暂无资源
点击下方上传按钮添加
📤 上传资源
删除连线
🎬
节点编辑器
AI增强版
⛶
✕
🎬
💡 AI创作助手
−
场景描述
✨
生成内容
📁
推荐资源
✅ AI生成结果
×
应用到节点
重新生成
💡 提示：描述越详细，AI生成的内容越精准
🎯 当前状态：
等待输入
📌 基本信息
📝 描述
🎬 视频
🔀 分支选项
+ 添加选项
✅ 保存修改
🗑️ 删除节点
🎨 选项设计器
拖拽调整位置，实时预览效果
✕ 关闭
📝 选项文本
🎭 元素类型
选项按钮
交互微件
热区（隐形点击区域）
🎨 按钮样式
🌟 奢华金边
⚡ 现代简约
💕 温柔粉金
🏮 古风雅致
🚀 科幻未来
🧩 微件类型
密码锁
手机弹窗
拖拽浮窗
Toast提示
✨ 自定义微件
🔐 密码设置
💬 提示文本
❌ 错误提示
📱 手机样式
iPhone
Android
📞 来电人
💬 消息内容
🔔 弹窗类型
来电
短信
通知
📦 浮窗内容
拖动我到正确位置
🎯 目标区域
X (%)
Y (%)
📏 容差范围 (%)
💬 提示内容
这是一条提示消息
⏱️ 显示时长 (秒)
📍 位置
顶部
居中
底部
🎨 样式
信息
成功
警告
错误
📝 微件名称
💻 代码编辑
HTML
CSS
JavaScript
<div class="custom-widget"> <h2>{{config.title}}</h2> <button id="actionBtn">点击继续</button> </div>
.custom-widget { text-align: center; padding: 30px; background: rgba(0,0,0,0.9); border-radius: 16px; color: white; } button { padding: 12px 24px; background: #00ff88; border: none; border-radius: 8px; cursor: pointer; }
// 获取按钮元素 const btn = widget.element.querySelector('#actionBtn'); // 点击按钮时触发成功 btn.onclick = () => { widget.onSuccess(); };
📚 模板库
👁️ 预览
⚙️ 配置参数
+ 添加参数
🎛️ 参数值调整
添加参数后在此调整值
🎯 热区设置
💡 热区是隐形的点击区域
• 在预览中拖拽调整位置和大小
• 播放时完全透明，只响应点击
• 适合游戏式交互体验
🎨 调试模式
显示边框（仅编辑器预览）
🖌️ 边框颜色（调试用）
💬 提示文本（可选）
📐 位置 (拖拽调整)
X (%)
Y (%)
📏 尺寸
宽度 (px)
高度 (px)
🎨 背景颜色
✏️ 文字颜色
🔤 字体大小
⚡ 动画效果
淡入
上滑进入
下滑进入
左滑进入
右滑进入
弹跳
脉冲
抖动
放大进入
缩小进入
旋转进入
翻转进入
无动画
👁️ 预览动画效果
✅ 保存设计
💡 提示：拖拽选项按钮调整位置
🎯 视频位置调整器
拖拽视频调整位置，滚轮缩放大小
✕ 关闭
📐 位置
X (%)
Y (%)
🔍 缩放
100
%
🔄 旋转
0
°
🎨 快捷操作
🔄 重置
📍 居中
📏 适应画布
💡 操作提示
• 拖拽视频调整位置
• 滚轮缩放视频大小
• 使用滑块精确调整
• 点击"重置"恢复默认
✅ 保存调整
💡 提示：拖拽视频调整位置，滚轮缩放大小
⏱️ 关键帧编辑器
拖拽调整位置，实时预览效果
✕ 关闭
💬 对话文本
📍 垂直位置
顶部
中部
底部
📍 水平位置
左侧
居中
右侧
🎨 样式
默认毛玻璃
极简透明
纯色背景
字幕样式
📏 字体大小
18px
📝 选项文本
📍 位置 X (%)
50%
📍 位置 Y (%)
50%
🎨 按钮样式
标准按钮
✨ 毛玻璃按钮
💫 霓虹发光
⚪ 极简透明
🎵 音频标签
🔗 音频URL
🔊 音量
100%
🔁 循环播放
启用循环
✅ 保存修改
💡 提示：拖拽元素调整位置