-
Sprite 组件
精灵图 Sprite 精灵图是将多张图片打包的一张图片，可以减少 HTTP 请求次数，节省内存空间，使用前需要安装渲染器。 Demo 安装 使用 NPM npm i @eva / plugin - renderer @eva / plugin - renderer - sprite 在浏览器中 <script src = "http... -
NinePatch 组件
九宫格 NinePatch 我们经常会遇到一些尺寸不固定，但是周围或四遍样式不变形的图片，也就是 .9 图，例如消息气泡，如果直接设置宽高会将整个气泡图片拉变形。 下图中，第二个是通过九宫格创建的气泡，最后一个是直接把图片拉伸创建的，前两个明显符合预期。Demo 安装 使用 NPM npm i @eva / plugin - renderer ... -
基本能力
基本能力 本章介绍 Eva.js 的基础能力，从资源管理开始，依次介绍游戏（Game）、游戏对象（GameObject）、Transform 组件，以及纹理压缩格式的使用。 -
纹理压缩格式的使用
纹理压缩格式的使用 > Eva.js 从1.2.0开始支持纹理压缩格式 纹理压缩格式是什么 常见的图片文件格式，比如PNG/JPG/Webp等，是为了存储图像信息的特殊编码方式，只能存在硬盘中或内存中，无法被GPU直接识别。 纹理压缩格式，是一种GPU能直接读取并显示的格式，使得图像无需解压即可进行渲染，节约大量的内存。 常见的纹理压缩格式有S3T... -
准备
准备 所有渲染相关的操作依赖渲染器，该渲染器是以系统的形式提供出来的，所以我们需要在初始化游戏的时候将渲染器安装到游戏上。目前 Eva.js 提供了一个 2D 的渲染器，在使用渲染相关组件的时候需要提前安装。 安装 使用 NPM npm i @eva / plugin - renderer 在浏览器中 <!-- import PixiJS ... -
Spine 骨骼动画
Spine 骨骼动画 Spine 是一款专门为软件和游戏开发者量身打造的 2D 动画软件。动画师、原画师和工程师共同为您的游戏赋予生命。使用 Spine 骨骼动画可以实现一些更加丰富的效果，相对于帧动画能够更好的减少内存占用。Spine 是收费软件，请购买后使用，Spine 官网：http://zh.esotericsoftware.com/。目前支持 ... -
Lottie 动画
Lottie 动画 Lottie 可以播放通过 Bodymovin 导出的 Adobe After Effects 动画。 Eva.js 的 Lottie 插件支持 Lolita 导出的动画。 安装 使用 NPM npm i @eva / plugin - renderer @eva / plugin - renderer - lottie ... -
TilingSprite 组件
平铺精灵 TilingSprite 在一些无限背景的游戏中可以通过平铺精灵来实现背景的无缝衔接，类似 css 中的 background-repeat: repeat; 功能，使用前需要安装渲染器。 Demo 安装 使用 NPM npm i @eva / plugin - renderer @eva / plugin - renderer -... -
动画
动画 本章介绍 Eva.js 的动画能力，覆盖过渡动画、帧动画、Spine 骨骼动画、Dragonbones 龙骨动画和 Lottie 动画。 -
交互事件
交互事件 Demo https://eva.js.org/playground/#/event System import { EventSystem } from '@eva/plugin-renderer-event' moveWhenInside boolean optional Touchmove 只会在游戏对象...
