-
脚本组件
脚本组件 介绍 在日常业务开发中，我们需要自定义一些业务逻辑，每个游戏对象可能需要单独的逻辑或者“数据驱动器”，我们通过脚本组件的形式进行业务开发。 Demo：https://eva.js.org/playground/#/component 举例说明： 芭芭农场的植物中作物生产的经验会实时变化， Step1: 我们创建一个生... -
准备
准备 所有渲染相关的操作依赖渲染器，该渲染器是以系统的形式提供出来的，所以我们需要在初始化游戏的时候将渲染器安装到游戏上。目前 Eva.js 提供了一个 2D 的渲染器，在使用渲染相关组件的时候需要提前安装。 安装 使用 NPM 复制代码npm i @eva / plugin - renderer 在浏览器中 复制代码<!... -
资源管理
资源管理 游戏中所用到的所有资源都会放在资源管理器中进行管理，在使用资源之前需要将资源添加到资源管理器中，并为资源设置一个资源名，在需要时直接使用资源名。这样做的好处： 统一资源入口管理。 在 Eva.js 加载资源时，资源管理器可以对资源进行预处理，减少运行时处理资源产生卡顿等问题 添加资源 复制代码import { ... -
图形 Graphics
图形 Graphics Graphics 组件为 GameObject 提供了绘制图形的能力。 Demo 安装 使用 NPM 复制代码npm i @eva / plugin - renderer @eva / plugin - renderer - graphics 在浏览器中 复制代码<script src... -
纹理压缩格式的使用
纹理压缩格式的使用 Eva.js 从1.2.0开始支持纹理压缩格式 纹理压缩格式是什么 常见的图片文件格式，比如PNG/JPG/Webp等，是为了存储图像信息的特殊编码方式，只能存在硬盘中或内存中，无法被GPU直接识别。 纹理压缩格式，是一种GPU能直接读取并显示的格式，使得图像无需解压即可进行渲染，节约大量的内存。 常... -
文本 Text
文本 Text Text 组件为 gameObject 提供了展示文字的能力，使用了 Text 组件后，gameObject 的宽度会在下一帧设置文字所占区域的宽度给 Transform。 Demo 安装 使用 NPM 复制代码npm i @eva / plugin - renderer @eva / plugin - re... -
帧动画
帧动画 帧动画是由多张连续的图片按照一定的时间间隔播放的动画，通常会将图片合并到一张图片里面，然后通过 JSON 来描述图片的位置以及播放的顺序。 Eva.js 的帧动画底层是 pixi.js spriteAnimation 实现的，因此在 Eva.js 中可以使用 spriteAnimation 支持的雪碧图生成工具导出的素材，比如 Text... -
Lottie 动画
Lottie 动画 Lottie 可以播放通过 Bodymovin 导出的 Adobe After Effects 动画。 Eva.js 的 Lottie 插件支持 Lolita 导出的动画。 安装 使用 NPM 复制代码npm i @eva / plugin - renderer @eva / plugin - re... -
精灵图 Sprite
精灵图 Sprite 精灵图是将多张图片打包的一张图片，可以减少 HTTP 请求次数，节省内存空间，使用前需要安装渲染器。 Demo 安装 使用 NPM 复制代码npm i @eva / plugin - renderer @eva / plugin - renderer - sprite 在浏览器中 复制代码<... -
过渡动画
过渡动画 对 Component 上的属性做线性变化，实现过渡动画。 https://eva.js.org/playground/#/transition https://eva.js.org/playground/#/transition2 安装 使用 NPM 复制代码npm i @eva / plugin - tr...
