pixijs

学习 PixiJS — 交互工具

说明Pixi内置一组功能有限的用于鼠标交互和触摸交互的方法，但是对于游戏和应用程序所需的丰富交互性，建议使用第三方库来简化操作，这篇文章介绍的是Tink库，它有通用的指针对象、拖放精灵、按钮对象、键盘控制等一些有用的功能。使用Tink库要开始使用Tink，首先直接用script标签，引入js文件。然后创建它的实例，它的构造函数需要两个参数，一个是PIXI，另一个是渲染器的view属性，也就是用作视
FEWY·2019-03-04 00:00

学习 PixiJS — 碰撞检测

说明碰撞检测，用来检查两个精灵是否接触。Pixi没有内置的碰撞检测系统，所以这里我们使用一个名为Bump的库，Bump是一个易于使用的2D碰撞方法的轻量级库，可与Pixi渲染引擎一起使用。它提供了制作大多数2D动作游戏所需的所有碰撞工具。使用Bump库要开始使用Bump，首先直接用script标签，引入js文件然后创建它的实例letb=newBump(PIXI);变量b现在代表Bump实例。可以使
FEWY·2019-02-25 11:51

学习 PixiJS — 碰撞检测

说明碰撞检测，用来检查两个精灵是否接触。Pixi没有内置的碰撞检测系统，所以这里我们使用一个名为Bump的库，Bump是一个易于使用的2D碰撞方法的轻量级库，可与Pixi渲染引擎一起使用。它提供了制作大多数2D动作游戏所需的所有碰撞工具。使用Bump库要开始使用Bump，首先直接用script标签，引入js文件然后创建它的实例letb=newBump(PIXI);变量b现在代表Bump实例。可以使
FEWY·2019-02-25 00:00

学习 PixiJS — 补间动画

说明补间动画指的是，我们可以通过为精灵的位置、比例、透明度，等属性，设置开始值和结束值，制作动画，动画中间需要的部分由软件自动计算填充。Pixi没有内置补间引擎，但是你可以使用很多很好的开源的补间库，比如Tween.js和Dynamic.js。如果要制作非常专业的自定义补间效果，可以使用这两个库中的其中一个。但是现在我们要使用的是一个名为Charm.js的专门用于Pixi的补间库。使用Charm库
FEWY·2019-02-18 15:29

学习 PixiJS — 补间动画

说明补间动画指的是，我们可以通过为精灵的位置、比例、透明度，等属性，设置开始值和结束值，制作动画，动画中间需要的部分由软件自动计算填充。Pixi没有内置补间引擎，但是你可以使用很多很好的开源的补间库，比如Tween.js和Dynamic.js。如果要制作非常专业的自定义补间效果，可以使用这两个库中的其中一个。但是现在我们要使用的是一个名为Charm.js的专门用于Pixi的补间库。使用Charm库
FEWY·2019-02-18 00:00

学习 PixiJS — 视觉效果

平铺精灵平铺精灵是一种特殊的精灵，可以在一定的范围内重复一个纹理。你可以使用它们创建无限滚动的背景效果。要创建平铺精灵，需要使用带有三个参数的TilingSprite类（PIXI.extras.TilingSprite）用法：lettilingSprite=newPIXI.extras.TilingSprite(texture,width,height);参数：名称默认值描述texture平铺精灵
FEWY·2019-02-03 00:00

学习 PixiJS — 粒子效果

你如何创造火，烟，魔法和爆炸等效果？你制作了许多小精灵，几十，几百，甚至上千个精灵。然后对这些精灵应用一些物理效果，使它们的行为类似于你尝试模拟的元素。你还必须给他们一些关于它们应该如何出现和消失以及应该形成什么样的模式的规则。这些微小的精灵被称为粒子。你可以使用它们为游戏制作各种特效。使用Dust库Pixi没有内置的制作粒子效果的功能，但你可以使用一个名为Dust的轻量级的库来制作它们。注意：D
FEWY·2019-01-22 00:00

学习 PixiJS — 精灵状态

精灵状态如果你有复杂的游戏角色或交互式对象，你可能希望该角色根据游戏环境中发生的情况，以不同的方式运行。每个单独的行为称为状态。如果你在精灵上定义状态，那么只要游戏中出现与该状态相对应的事件，就可以触发这些状态。比如，通过键盘的方向键控制一个游戏角色时，按下左箭头，角色就向左移动，其实可以理解为，按下左键头时，触发了角色的向左移动的状态。如果要开始使用精灵状态，首先需要一个状态播放器。状态播放器用
FEWY·2019-01-19 00:00

模仿网易四字魔咒：PixiJS实现h5一镜到底

目录前言1.代码地址与demo效果图2.项目技术架构分析3.PixiJS3.1pixi常见概念介绍3.2创建应用3.3预加载资源3.4初始化场景3.5初始化精灵4.AlloyTouch5.TimelineMax6
墨霁青玉·2019-01-18 18:05

学习 PixiJS — 动画精灵

也就是说用这种图片做出这样的效果要制作动画精灵我们需要用到PixiJS的AnimatedSprite方法。PIXI.extras.Animate
FEWY·2019-01-14 08:25

学习 PixiJS — 动画精灵

也就是说用这种图片做出这样的效果要制作动画精灵我们需要用到PixiJS的AnimatedSprite方法。PIXI.extras.Animate
FEWY·2019-01-14 00:00

pixijs写发射炮弹抛物线特效

cos(x);对边/斜边=sin(x);这是基本原理；当我们有角度和x方向假定固定变化后就可以来得到物体在y方向的变化，x,y的变化都确定即可以运行本动画特效；以下是实现的代码，运行的环境是微信小游戏+pixijs
火炎神2018·2018-12-02 23:40

开始学习 PixiJS

PixiJS介绍PixiJS是一个超快的2D渲染引擎。它自动侦测使用WebGL或者Canvas。开发者无需专门学习WebGL就能感受到强大的硬件加速的力量。
FEWY·2018-11-26 00:00

2017年前端框架、学习资料盘点（终极版）

://threejs.org/ARjshttps://github.com/shouzijian...CreateJS中文网http://www.createjs.cc/pixihttp://www.pixijs.com
瘦子江·2018-01-24 00:00

前端游戏引擎CreateJS与PixiJS之比较

1.简介经过数年的发展演化，HTML5为基础的游戏引擎很多，本文将就其中两个国外的著名的引擎CreateJS和PixiJS进行比较分析。
时间1812·2017-12-17 16:08

D3 力导向图和 WebGL 的整合使用

由于性能问题的局限，将两者结合的尝试越来越多（如），本文将尝试用D3的力导向图和Three.js和PixiJS结合。全文阅读完大概5分钟，因为你重点应该看代码。做数据可视化时，必然会考虑性能的问题。
GeekPlux·2017-07-09 00:00
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他