3.2k Star，网页端视觉小说引擎，无需编写任何代码，也可制作出视觉小说游戏

WebGAL

WebGAL 是一个由 OpenWebGAL 团队开发的全新网页端视觉小说引擎，使用 TypeScript 和 React 构建。它提供“可视化编辑器 + 脚本语言”，无需拥有 Web 开发基础，3 分钟即可上手创作故事游戏（Galgame）。内置的“Terre 编辑器”支持资源管理、场景配置、导出网页/Android 等平台版本，采用 MPL‑2.0 许可，商业免费使用。

✨ 核心功能亮点

1.可视化游戏编辑器（Terre）

• • 拖拽资源、配置背景/立绘、对话脚本，零代码即可实现复杂剧情结构。

2.脚本语法简洁

• • 提供对话、分支、动画、变量等功能，3 分钟即可掌握基本语法。

3.多平台输出

• • 一次编辑，可导出为网页版本、Electron 桌面版或 Android 应用（通过自动导出模板）。

4.丰富功能支持

• • 支持背景、角色立绘、音频、视频、动画效果、Live2D、分支跳转等常见 visual-novel 引擎功能。

? 安装与使用指南

▶ 安装流程：Web 可视化编辑器

1.访问 下载页面 下载适合系统的 WebGAL Terre 编辑器应用（Windows/macOS/Linux）
2.解压 / 安装后即可启动，无需额外依赖环境。

▶ 项目创建与脚本撰写

1.打开编辑器 → 创建新项目 → 填写项目名称与路径
2. 在 “资源管理” 中拖入图片、音频
3. 在 “剧本” 中编写基本脚本：

show bg classroom
alice "你好，欢迎来到 WebGAL"

4.点击 “预览” 体验网页端效果，即时检查界面排版和效果。

▶ 导出与发布

• • 导出为网页版：生成静态资源，上传至服务器
• • 导出为桌面版：打包为 Electron 应用
• • 导出为 Android：点击 “Export to Android”，生成可编译项目，导入 Android Studio 编译 apk

▶ 高级开发

• • 安装 VS Code 插件进行脚本语法高亮和编辑
• • 自定义脚本节点、插件体系、UI 调整
• • 深入阅读文档实现动画效果、音频控制、变量逻辑等高级玩法

? 使用场景推荐

• • 创作爱好者：无需写代码即可制作视觉小说或剧情游戏
• • 剧本 prototyping：快速验证对话结构与剧情逻辑
• • 移动发布：无需开发环境即可一键导出 Android 版作品

? 项目信息速览

• • ?️ 项目地址 https://github.com/OpenWebGAL/WebGAL
• • ⭐ Stars / Forks ≈ 3.2k ⭐ / 277 ?
• • ? License MPL‑2.0
• • ? 技术栈 TypeScript, React, Vue 编辑器, Electron, Web Audio/DOM
• • ? 平台支持 Web / Windows / macOS / Linux / Android