EVA.JS在VUE中使用

907 阅读1分钟

EVA.js学习笔记(一)入门

EVA.js学习笔记(二)入门

EVA.js学习笔记(三)尺寸、位置、缩放、斜切、旋转

EVA.js学习笔记(四)实践fappy-bird游戏(上)

一、EVAJS简介

阿里巴巴宣布开源互动游戏引擎 Eva.js,该项目致力于让前端工程师更低成本的开发互动游戏 官方地址:EVA.JS

特性

高效开发:Eva.js 提供最基础的互动游戏组件,让前端工程师几行代码就能做出效果。性能:提供高效的运行时以及渲染能力。可扩展性:使用 ECS 架构,最小化ECS内核+渲染(目前 gzip 130K),通过插件机制可以扩展插件。

二、练习

官方教程中都是使用TS做的项目,我用了提供的素材,自己在VUE里仿着做了一个fappyBird的小游戏,其中的实现都是通过JS和VUE写的,用到了精灵图片,图片,事件,平铺精灵(陆地),脚本组件(管道移动,生成),物理matterjs。

关于静态资源文件加载不到问题

静态文件需要放在public/static/路径下面,否则会无法读取,就算VSCODE里面能显示出图片,在eva.js里也无法读取

image.png

gitbub地址: fappyBird