什么是互动游戏？
业务游戏化，游戏化互动产品， 实现用户留存的目的
image.png
image.png
canvas里实现动画性能会更好
底层基于PixiJS渲染引擎，提供了强大的渲染能力，能力齐全，轻量，高性能。
image.png
eva.js是基于PixiJS的渲染引擎
eva.js 的愿景是： 让前端工程师更低成本的开发互动游戏
eva.js目标和特性：
image.png
image.png
image.png
eva.js基于ECS架构设计的互动引擎
ECS设计封装的三层：
游戏对象： 游戏中物体，存放组件
组件： 物体的能力，存放数据
系统： 实现游戏的能力
属性变化收集：
image.png
组件监听器去收集Img组件的属性变化，发生变化后收集属性变化存储到属性的缓存中，系统每一帧的读取缓存的变化，如果读取到变化就去执行对应的操作
image.png
eva.js 插件开发
image.png
