美文网首页前端开发那些事儿
Eva.js学习笔记

Eva.js学习笔记

作者: small_zeo | 来源:发表于2021-06-26 23:17 被阅读0次

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

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

相关文章

网友评论

    本文标题：Eva.js学习笔记

    本文链接：https://www.haomeiwen.com/subject/oqemyltx.html

    延伸阅读

    深度阅读

    • 您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！

    栏目导航

    热点阅读

    前端开发那些事儿

    关于我们|服务条款|联系我们|Eva.js学习笔记|投稿指南|网站地图|RSS订阅|排版工具|手机版

    提供经典美文摘抄,优美散文欣赏,现代诗歌精选,短篇小说,心情随笔,表白情书范文,故事会在线阅读欣赏

    Copyright © 2014-2023 Haomeiwen.com All Rights Reserved. 好美文阅读网 版权所有

    备案信息：桂公网安备 45052102000051号 · 桂ICP备13007215号-3

    本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯

    所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！