相关数据结构与类结构（一）

• System
  • 判定系统特性（isMobile, supportCanvas, etc.）
• RunLoop
  • 渲染循环
  • 基于requestAnimationFrame触发渲染方法
• RenderEngine
  • 初始化canvas对象
  • 基于视图类型，调用对应渲染方法
• NotiCenter
  • 消息订阅与发布

相关数据结构与类结构（二）

• Vec2、Mat4、Rect——辅助类
  • 矢量、矩阵、矩形的一些操作集合
  • canvas上绘制的形状，无法自行响应用户的交互（点击、拖拽等）
  • 需要根据用户点击的位置，是否在形状所在矩形区域内，进而触发绑定的方法

相关数据结构与类结构（三）

• AssetItem
  • 各类资源——图片、文本、json、xml、声音
  • imageLoader()
  • textLoader()
  • jsonLoader()
  • xmlLoader()
  • soundLoader()
• AssetLoader
  • 资源加载器

相关数据结构与类结构（四）

• View——所有可见视图的基类
• 基本形状
  • Shape
  • Motion——动画
  • ViewContainer——View的容器，可以包含各种View
• Page
  • 继承自ViewContainer
  • 子类包括
    • NormalPage
      • Index
      • Question
      • Result
    • Stage
      • Steps9

相关数据结构与类结构（五）

• PopupView
  • 各种模态窗口：答案提示、分享到朋友圈
• ProgressBar
  • 初始进度加载条
• Button
  • 按钮的交互效果