Eva.js学习笔记

什么是互动游戏？
业务游戏化，游戏化互动产品， 实现用户留存的目的

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