![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
pixijs
文章平均质量分 79
火炎神2018
前端开发
展开
-
pixijs九宫格
pixijs是一个接近原生的H5引擎,没有可视化的界面,在九宫格方面是没有界面去操作的,需要自己手工动手开发;RenderTexture 这个类是可以把纹理进行有矩形选择复制,这样就可以实现区域内的复制和平铺功能,有了这些功能我们就可以做九宫格了;上面是我们要做九宫格的素材;这样我先确定一些数据,第一宽度第二宽度,第一高度第二高度;通过这四个参数来定九宫格的区域;上面素材的定的 [45,16...原创 2018-11-25 12:34:21 · 1341 阅读 · 0 评论 -
pixijs自制下拉菜单类
实现基础功能:1、实现的基础的外面大按钮的控制面板有显示与否;2、通过一个回调将选择的菜单索引回抛给上层;import * as PIXI from '../libs/pixi'import core from './index'//import Button from './mybutton'export default class main { constructor(menu...原创 2018-11-26 15:14:32 · 556 阅读 · 0 评论 -
pixijs写发射炮弹抛物线特效
这是我们大炮的图片以及触发按钮;三角函数:通过 邻边/斜边 = cos(x); 对边/斜边 = sin(x);这是基本原理;当我们有角度和x方向假定固定变化后就可以来得到物体在y方向的变化,x,y的变化都确定即可以运行本动画特效;以下是实理的代码,运行的环境是微信小游戏+pixijs;/** * 游戏主函数 */export default class Main { co...原创 2018-12-02 23:18:40 · 1616 阅读 · 0 评论 -
pixijs 之拖拽功能升级版
pixijs官方的有拖拽功能的范例;https://pixijs.io/examples/#/demos/dragging.js官方的案例是拖一个小图标,锚点也设置为物体的中心了。但是在我们的实际的应用大多情况是拖比较大的物件不是一个小物件,锚点初始在左上角,这时我们需要在pointerdown 事件时记录鼠标与物体锚点的偏差值;_this.diff = {x:event.data.glob...原创 2018-11-27 18:16:52 · 3455 阅读 · 0 评论 -
pixijs微信小游戏排行榜开放域开发
关于微信小游戏开放域的基本概念本文不作介绍请去微信官文文档阅读;主域:在这你有几件事要作,第一准备好给离屏canvas用的容器;第二作好离屏canvas事件交互,比如切换菜单/关闭窗口;第三循环里有渲染,由于离屏canvas内有向微信官方的异步请求,所以他会晚于主域生成,但这时间是不确定的。以下是主域循环外的代码主要是先拿到离屏的引用然后设置好宽高;//let openDataConte...原创 2018-12-18 14:36:45 · 1360 阅读 · 0 评论 -
pixijs如何将gif图片加载游戏中变成序列帧
我们先从网上找一个动画素材;将这张图片加回本地,导入ps,ps中能看到这个动画有12帧;我们将其导出成png导入texturepacker,texturepacker是我们常用的一个图片打包软件,一般二维图片素材都会经它之手打成一张大图,加载进游戏,这样可以大大降游戏管理素材;降低drawcall;注意在选项里选择好引擎/json文件地址/png打包图片地址;最终形成了游戏中要的序...原创 2019-01-24 19:48:41 · 2865 阅读 · 0 评论