-
脚本组件
脚本组件 介绍 在日常业务开发中，我们需要自定义一些业务逻辑，每个游戏对象可能需要单独的逻辑或者“数据驱动器”，我们通过脚本组件的形式进行业务开发。 Demo：https://eva.js.org/playground/#/component 举例说明： 芭芭农场的植物中作物生产的经验会实时变化， Step1: 我们创建一个生... -
图表设计及样式
在 Highcharts 中，所有的布局及样式均可通过配置来自定义。 一、布局及位置 Highcharts 图表中大部分元素都可以通过 x 和 y 参数设置偏移量来改变其位置，偏移是相对其水平对齐和竖直对齐方式的；水平对齐可用的值有 “left”、“right” 和 “center”，默认是 “left”；竖直对齐可用在值有 “top”、“b... -
Animate
Animate 在 G2 中，我们提供了四种动画场景类型： appear: 初始化时的入场动画； enter: 更新时的出现动画； update: 更新时的变化动画； leave: 更新时的动画；通过如下方式为图形定义这四种动画场景的配置： 复制代码// 配置更新时的入场动画，其他动画类型相同 geom . animate (... -
View
View 视图，由 Chart 生成和管理，拥有自己独立的数据源、坐标系和图层，用于异构数据的可视化以及图表组合，一个 Chart 由一个或者多个视图 View 组成。因此 view 上的 api 同 chart 基本相同。 如何创建视图对象： 复制代码chart . view (); 下面是创建视图的语法，首先你需要创建... -
图表配置
本节主要讲解图表配置，对应的 API 位置为 chart ，主要内容包括图表全局样式、绘图区、图表事件、等相关内容。 一、图表容器 Highcharts 实例化中绑定容器的方式有很多种方式，这里列举三种： 1、通过构造函数 复制代码var charts = Highcharts . chart ( ‘container... -
资源管理
资源管理 游戏中所用到的所有资源都会放在资源管理器中进行管理，在使用资源之前需要将资源添加到资源管理器中，并为资源设置一个资源名，在需要时直接使用资源名。这样做的好处： 统一资源入口管理。 在 Eva.js 加载资源时，资源管理器可以对资源进行预处理，减少运行时处理资源产生卡顿等问题 添加资源 复制代码import { ... -
钻取功能
钻取是改变展现数据维度的层次，变换分析的粒度。它包括向上钻取（drillup）和向下钻取（drilldown）。 Highcharts 在 3.0.8 开始提供内置的钻取功能功能，使用钻取功能需要额外的引入相关的模块文件 复制代码<script src = "http://cdn.hcharts.cn/highcharts/modul... -
纹理压缩格式的使用
纹理压缩格式的使用 Eva.js 从1.2.0开始支持纹理压缩格式 纹理压缩格式是什么 常见的图片文件格式，比如PNG/JPG/Webp等，是为了存储图像信息的特殊编码方式，只能存在硬盘中或内存中，无法被GPU直接识别。 纹理压缩格式，是一种GPU能直接读取并显示的格式，使得图像无需解压即可进行渲染，节约大量的内存。 常... -
帧动画
帧动画 帧动画是由多张连续的图片按照一定的时间间隔播放的动画，通常会将图片合并到一张图片里面，然后通过 JSON 来描述图片的位置以及播放的顺序。 Eva.js 的帧动画底层是 pixi.js spriteAnimation 实现的，因此在 Eva.js 中可以使用 spriteAnimation 支持的雪碧图生成工具导出的素材，比如 Text... -
5.1 概述
5.1 概述 5.1 概述 实际应用中经常需要利用图形、图像和动画。例如，在大量数据的统计与分析中，仅仅 算出数学期望、标准差之类的统计指标，并不能使普通人很好地理解数据；但是如果画出直 方图、趋势曲线之类的图形，就能使人们洞悉数据所蕴涵的意义。又如，假设小学教师希望 向学生讲授太阳、地球和月亮三者之间的位置和运动的知识，如果他完全用文字语言来表述 天...
