要用Pixi.js实现一个可视化编辑器，需要先了解Pixi.js的基本概念和操作。Pixi.js是一个用于创建2D图形的JavaScript库，它可以高效地利用WebGL进行渲染。接下来，我将为您介绍

这个demo其实是之前学习phaser2的时候做的，现在用来改成phaser3，刚好可以接触一下新的API变动有多大。 按照游戏实现的逻辑顺序，下面捋一捋用到的Phaser3 API，同时也与Phaser2 API进行简单对比。 初始化画布参数，包括画布宽高，渲染方式，并将其插…

欢迎进入 PixiJs系列课程 最初编写这套课程的原因，是因为无意中在网上翻看到了一个H5场景动画的页面，名字是逃不掉的四字咒怨，就被这种动画形式所吸引，随后的一段时间一直在网上查找资料，发现这类页面学名叫一镜到底 。 通过上面的资料整理了一套做一镜到底的方法，这就把经验写在上…

今天这节课涉及到了Alloytouch.js，TimelineMax.js，TimelineMax..js，用户需要通过用手上下滑动触发时间轴来改变精灵的变化,这就是一镜到底的播放方式。 到此在上下滑动屏幕的时候，小人就会从透明度0到1了。

看完官方教程中提到的这本书 — Learn Pixi.js ，准备写写读后感了，官方教程中所说的内容，基本上就是书的前4章，所以我就从第5章开始写写吧。 要制作动画精灵我们需要用到 PixiJS 的 AnimatedSprite 方法。 使用纹理数组创建动画精灵的方法。 返回一…

DisplayObject 是PIXI引擎核心类。了解 DisplayObject类 对学习PIXI非常重要，通过它可以了解如何移动、缩放、旋转和组合元素。

你如何创造火，烟，魔法和爆炸等效果？你制作了许多小精灵，几十，几百，甚至上千个精灵。然后对这些精灵应用一些物理效果，使它们的行为类似于你尝试模拟的元素。你还必须给他们一些关于它们应该如何出现和消失以及应该形成什么样的模式的规则。这些微小的精灵被称为粒子。你可以使用它们为游戏制作…

这是我参与更文挑战的第8天，活动详情查看： 更文挑战   序 在之前学了一部分的pixi之后，还是希望稍微写点和别人不一样的东西，有关碰撞检测之类的文章先略过不写了