橙光引擎产品系统

配合公司的橙光工具，为用户提供可视化动态展示，以及互动式参与内容进度发展。为用户提供各种动画、粒子、滤镜的绚丽效果

橙光引擎是 AVG / 互动阅读运行时：解析作品包、播剧情、画画面，并接登录、商城、云存档等业务。功能可以按下面几块看。

1. 多端运行
支持 H5、微信小游戏、快应用、客户端下载玩。画面走 SAL（Canvas / WebGL），同一套剧情逻辑换适配层即可。
2. 剧情播放（核心）
解析 game.bin / map.bin，mini 模式按章节拉 game00.bin、game{id}.bin
事件解释器执行对话、分支、条件、循环、跳转、子剧情、等待
数值 / 字符串 / 数组 / 对象变量，以及在线变量
自动播放、快进、剧情锁、章节加载
3. 画面与演出
立绘、背景、图片移动 / 旋转 / 淡入淡出、滤镜、遮罩
帧动画、OAF 动图、Spine、GIF
天气、震动、闪屏、简单特效
气泡对话、字幕、文字选项 / 按钮选项
高级自定义 UI（控件 + 事件）
悬浮组件、横竖屏适配、位图字体 / TTF
4. 声音与视频
BGM、SE、语音、环境音（BGS），淡入淡出、多轨
配音倍速（约 0.75x～2.5x）
视频播放
CG 鉴赏、BGM 鉴赏
5. 商业化
商城展示、道具购买、订单、鲜花账户
6. 换装
角色装扮购买与展示
7. 支付
H5 送花支付、微信充值、其它渠道充值
8. 账号与合规
登录态、用户信息、防沉迷 / 实名、手机校验、敏感词、分享（微博 / QQ 空间等）。
9. 存档与云端
多存档位、云存档上传下载、存档头 / 截图、自动存档。

项目使用ts为开发语言基于WebGL渲染，使用babel进行编译统一转成es5，兼容老浏览器和小游戏环境。
项目将整体架构拆分成三层结构：业务脚本层，SAL协议层和渲染层。SAL协议层定义了一套包含基础功能的协议接口，包括图片、文字、动画、滤镜、粒子等。业务脚本层主要完成对于橙光作品数据的解析，并使用SAL提供的接口和基础功能完成对应功能及界面的构建，进一步业务上的交互和功能。渲染层只关注基础功能的实现以及渲染。基于这套架构，使业务脚本可以在多端跨平台运行，其他端只需要实现各自的基础功能并对接SAL接口即可