Pixijs 动画制作教程

本次要介绍的Pixijs 是一个 HTML5 的 2D 渲染引擎,支持 Canvas 和 Webgl 两种方式渲染。使用 Pixijs 可以制作几乎所有的 2D 动画效果,甚至一些简单的小游戏都可以实现。目前在 Github 上,已经有超过 2W star,是最流行的 2D 渲染引擎之一。

Pixijs 采用纯代码开发的形式,虽然开发过程不像 Egret 和 Coco2d 有图形化工具方便,但是该开发过程十分灵活,并且能够与其他业务系统进行无缝对接,是很多前端动画开发者的最爱。本场 Chat 就让我们来研究一下,Pixijs 是如何制作动画的。

本场 Chat 包括:

Pixijs 安装和使用简介;
Pixijs 动画元素渲染;
Pixijs 事件处理;
Pixijs 必备的插件。


Phaser画中画游戏

这篇文章主要记录,Phaser画中画游戏的制作流程以及制作难点,主要涉及以下几点:项目效果

Mockjs + Vue 拦截 AJAX,模拟请求数据

日常工作中,前端通过ajax调用后端的接口是非常常见的事情。然而很多情况下,调用接口也会出现很多不方便或者麻烦的情况。

例如:现在有一个抽奖的项目,分为1,2,3等。后台同事写好接口之后,我们前端通过调用抽奖接口,根据不同的奖品等级出现不同的奖品细节。在这种情况下,我们调用接口会出现一个情况,就是调用10次,可能连一次1等奖都没有,因为1等奖中奖率很低。这个时候,为了能测试1等奖,我们就要想个办法来模拟数据了。

CreateJS 制作 H5 长图动画

现在移动端高端大气的动画h5非常多,去各大素材网站,或者关注一些大型的公众号,不时就会推出一些新颖的形式。这些移动端的h5除了设计非常地漂亮以外,动画效果也特别棒。我们作为前端程序猿是很有必要去学习怎么样去制作这类型的动画效果。

前端游戏框架哪个好

当今国内外流行的游戏开发框架有哪些

开发动画和游戏,跟我们做数据交互不一样;游戏和动画开发起来比较复杂和耗时,是比较依赖框架和工具的。那么现在都有那些框架和工具呢?下面我们就来看一下。

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×