随笔分类 -  pixijs

上一页 1 2
pixijs需要注意的问题
摘要：pixijs需要注意的问题 1 获取坐标 宽高 必须用 getBounds()来获取(坐标这个是根据舞台屏幕来计算的) 这个是计算换算的最终结果 2 设置width height 可以直接拉伸图片 4 子元素变化 父元素包围盒坐标和大小是会变化 但是子元素设置的坐标是按照父元素初始坐标来的 (不包括 阅读全文
posted @ 2020-10-19 13:40 newmiracle宇宙 阅读(956) 评论(0) 推荐(0)
pixijs序列帧的写法
摘要：pixijs序列帧的写法 const app = new PIXI.Application({ width: 750, height: 1206 }); document.body.appendChild(app.view); var sslist = []; for (var i = 1; i < 阅读全文
posted @ 2020-10-04 11:12 newmiracle宇宙 阅读(536) 评论(0) 推荐(0)
pixijs照明灯做法
摘要：pixijs照明灯做法 <script src="js/pixi.min.js" type="text/javascript"> </script> <script type="text/javascript"> const app = new PIXI.Application({ width: 7 阅读全文
posted @ 2020-10-03 18:29 newmiracle宇宙 阅读(223) 评论(0) 推荐(0)
pixijs+alloytouch滚动地图的写法
摘要：pixijs+alloytouch滚动地图的写法 <script src="js/pixi.min.js" type="text/javascript"> </script> <script src="js/alloytouch.js" type="text/javascript"> </scrip 阅读全文
posted @ 2020-10-03 17:02 newmiracle宇宙 阅读(828) 评论(0) 推荐(0)
pixijs点击图片某一点获取像素
摘要：pixijs点击图片某一点获取像素 用2个canvas canvas显示个图片 获取每个图片像素点 然后用用pixijs显示个图片 移动坐标获取坐标 然后坐标换算下就可以了 阅读全文
posted @ 2019-12-26 22:41 newmiracle宇宙 阅读(1064) 评论(0) 推荐(0)
pixijs shader 实现图片波浪效果
摘要：const app = new PIXI.Application({ transparent: true }); document.body.appendChild(app.view); // Create background image const background = PIXI.Sprit 阅读全文
posted @ 2019-11-20 10:39 newmiracle宇宙 阅读(1134) 评论(0) 推荐(0)
pixijs shader 案例
摘要：pixijs shader 案例 const app = new PIXI.Application({ transparent: true }); document.body.appendChild(app.view); // Create background image const backgr 阅读全文
posted @ 2019-11-20 10:34 newmiracle宇宙 阅读(1086) 评论(0) 推荐(0)
pixijs shader颗粒化显示贴图
摘要：pixijs shader颗粒化显示贴图 const app = new PIXI.Application({ transparent: true }); document.body.appendChild(app.view); // Create background image const ba 阅读全文
posted @ 2019-11-20 10:09 newmiracle宇宙 阅读(453) 评论(0) 推荐(0)
pixijs shader fade 从左到有右淡入 从下到上淡入效果
摘要：pixijs shader fade 从左到有右淡入 从下到上淡入效果 const app = new PIXI.Application({ transparent: true }); document.body.appendChild(app.view); // Create background 阅读全文
posted @ 2019-11-20 09:55 newmiracle宇宙 阅读(716) 评论(0) 推荐(0)
pixijs shader 扫光加强版
摘要：pixijs shader 扫光加强版 const app = new PIXI.Application({ transparent: true }); document.body.appendChild(app.view); // Create background image const bac 阅读全文
posted @ 2019-11-19 17:24 newmiracle宇宙 阅读(508) 评论(0) 推荐(0)
pixijs shader贴图扫光效果
摘要：pixijs shader贴图扫光效果 直接贴代码 const app = new PIXI.Application({ transparent: true }); document.body.appendChild(app.view); // Create background image con 阅读全文
posted @ 2019-11-19 16:45 newmiracle宇宙 阅读(729) 评论(0) 推荐(0)
pixijs shader 制作百叶窗效果
摘要：pixijs shader 制作百叶窗效果 直接贴代码了 const app = new PIXI.Application({ transparent: true }); document.body.appendChild(app.view); // Create background image 阅读全文
posted @ 2019-11-19 16:29 newmiracle宇宙 阅读(520) 评论(0) 推荐(0)
pixijs shader 贴图溶解效果教程
摘要：pixijs shader 贴图溶解效果教程 我直接贴代码了 没什么好讲解了 稍微有点基础的人应该能看懂 const app = new PIXI.Application({ transparent: true }); document.body.appendChild(app.view); // 阅读全文
posted @ 2019-11-19 15:41 newmiracle宇宙 阅读(752) 评论(0) 推荐(0)
pixijs shader教程
摘要：pixijs 写shader 底层都封装好了 只要改改片段着色器就行了 pxijs一定刚要设置支持透明 不然 颜色不支持透明度了 const app = new PIXI.Application({ transparent: true }); document.body.appendChild(ap 阅读全文
posted @ 2019-11-19 09:46 newmiracle宇宙 阅读(1484) 评论(0) 推荐(0)

上一页 1 2