PIXI
关注
分享
扫一扫
dabao87
php
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
关于PIXI引擎制作页面小游戏的几个总结
1、有交互的页面元素一定要设interactive属性为true，否则监听的事件都将无反应。对于有事件的精灵，通常需要设置sprite.interactive = true ，对于作按钮用的精灵，需要设置sprite.buttonMode = true;2、空的container无法捕捉到mousedown，mouseup事件。3、使用对象的event.data.global可以转换当前...转载 2019-08-05 15:12:34 · 1079 阅读 · 1 评论 -
PIXI随机值算法
randomInt(0,app.stage.height - blob.height);function randomInt(min,max){ return Math.floor(Math.random() * (max - min + 1)) + min;}原创 2019-08-13 15:03:29 · 233 阅读 · 0 评论 -
PIXI 碰撞和边界
边界：// 限定了探险者的运动边界，contain(explorer,state)contain(explorer,{x:28,y:10,width:488,height:480});function contain(sprite,container){ let collision = undefined; // left if(sprite.x < ...原创 2019-08-12 20:46:39 · 889 阅读 · 0 评论 -
PixiJS — 视觉效果
平铺精灵 brick.png效果：<!doctype html><html lang="zn"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, ma...原创 2019-09-04 19:15:01 · 2263 阅读 · 0 评论 -
与PIXI配合使用的JS库
//PIXI.js库<script src="./js/pixi4.8.2.js"></script>//交互工具<script src="./js/tink.js"></script>//粒子效果<script src="./js/dust.js"></script><script src="./...原创 2019-09-05 17:37:38 · 856 阅读 · 0 评论 -
PixiJS — 视频纹理
<!doctype html><html lang="zn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalab...转载 2019-09-12 15:24:33 · 3264 阅读 · 0 评论 -
PixiJS — 蛇形效果
<!doctype html><html lang="zn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-sca...转载 2019-09-12 15:47:48 · 933 阅读 · 0 评论