随笔分类 -  PIXI

TexturePacker破解版教程及下载
摘要:如果已经了解如何破解的同学可以忽略文章,直接下载: 百度网盘https://pan.baidu.com/s/1xPQEpsg33goeBEF-wXvuog#list/path=%2F,密码egyf。 https://pan.baidu.com/s/1bp12kEr_ynrIWdVQTXenqA 提取 阅读全文

posted @ 2019-10-31 21:21 Mc525

PIXI FlappyBird详解(9)
摘要:本文为了学习及使用pixi参考该文,使用pixi实现 这个实方式跟玉兔太空类似, 这里介绍下实现步骤 1.创建舞台及应用大小根据实际去定义 2.创建背景素材,可以采取纹理图集,在前边有提过或是看官网了解下 3.把加载图片放到舞台上 4.渲染舞台 技术点: 1.管子及背景移动 2.碰撞检测 3.重力加 阅读全文

posted @ 2018-08-21 21:56 Mc525 阅读(247) 评论(0) 推荐(0)

PIXI 根据点走地图(8)
摘要:先了解下数学公式例如: 图已知:a、b两点的坐标, c到a的距离d 。求c点的坐标。 求 cy 可以根据d / a到b距离 = a到c垂直距离 / a 到 b的垂直距离。 首先求a到b的距离 r = sqrt((x1- x2)*(x1 - x2) +(y1 - y2)*(y1 - y2)); cy 阅读全文

posted @ 2018-08-20 17:26 Mc525 阅读(516) 评论(0) 推荐(0)

PIXI 宝物猎人(7)
摘要:介绍 ,本实例来自官网 代码结构 打开 treasureHunter.html 文件,你将会看到所有的代码都在一个大的文件里。下面是一个关于如何组织所有代码的概览: //Setup Pixi and load the texture atlas files - call the `setup` // 阅读全文

posted @ 2018-07-30 00:06 Mc525 阅读(542) 评论(0) 推荐(0)

PIXI 太空玉兔游戏(6)
摘要:想法来源 出于练习看到这篇文章 没有什么难度 效果如下,接下来会用pixijs讲解如何实现 创建应用及舞台 HTML部分只创建标签引入 pixi.min.js 即可: javascript: 运行后,页面是一个黑色区域,没错这是正常的。接下来添加精灵 创建精灵 首先加载图片使用PIXI自带loade 阅读全文

posted @ 2018-07-23 18:53 Mc525 阅读(378) 评论(0) 推荐(0)

PIXI AnimatedSprite 及打字爆炸动画(5)
摘要:效果 : 消除字母 当前位置出现爆炸效果 这里使用到了AnimatedSprite 动画 Members mc 对象加载了图片序列。 1、alpha 图片透明度(0 - 1) 2、anchor The anchor sets the origin point of the texture. The 阅读全文

posted @ 2018-07-22 11:35 Mc525 阅读(1145) 评论(0) 推荐(0)

PIXI 精灵及文本加载(4)
摘要:预习下官网的知识。 及字母消除接上文 Pixi 精灵 Pixi拥有一个精灵类来创建游戏精灵。有三种主要的方法来创建它: 用一个单图像文件创建。 用一个 雪碧图 来创建。雪碧图是一个放入了你游戏所需的所有图像的大图。 从一个纹理贴图集中创建。(纹理贴图集就是用JSON定义了图像大小和位置的雪碧图) 你 阅读全文

posted @ 2018-07-20 18:47 Mc525 阅读(2594) 评论(0) 推荐(0)

PIXI 下落文字消除(3)
摘要:图片示例,简陋的图,记录下落过程, 1、创建应用实例并添加到DOM元素上。 (会看到一个黑色画布,没有任何元素,接下来会在画布上创建文字) 2、创建 TextStyle 用来设置要显示字体样式 3、随机产生字母(code,x, y,speed,isHas) 创建坐标及是否要创建该对象 (Text) 阅读全文

posted @ 2018-07-18 14:33 Mc525 阅读(1073) 评论(0) 推荐(0)

PIXI 写一个字及图片保存(2)
摘要:存在问题: 当画笔宽度设置大,书写会有明显的锯齿。。。目前还没有处理。 阅读全文

posted @ 2018-07-12 13:17 Mc525 阅读(1021) 评论(0) 推荐(0)

pixi(入门)
摘要:Pixi教程 基于官方教程翻译;水平有限,如有错误欢迎提PR,转载请注明出处。翻译者为htkz(完成了用 Pixi 绘制几何图形 和 显示文本 章节)和zainking(完成了其他所有章节) 另感谢htkz、NearZXH以及HHHHhgqcdxhg对错误及错别字等做出的订正。 这个教程将要一步步介 阅读全文

posted @ 2018-07-05 23:45 Mc525

texturepacker 纹理贴图集
摘要:1、下载破解版 texturepacker 2、补丁文件 软件安装完成后将破解补丁复制到“C:\Program Files\CodeAndWeb\TexturePacker\bin”文件夹下替换掉同名文件即可。 3、运行reg注册表文件添加注册表 4、运行软件后选择免费版打开即可,不影响该软件专业版 阅读全文

posted @ 2018-06-22 18:22 Mc525

导航