,大家好，我是前端西瓜哥。今天来学习 pixijs 的 Sprite。,pixijs 的 Sprite 类用于将一些纹理（Texture）渲染到屏幕上。,Sprite 直译为 “精灵”，是游戏开发中常见的术语，就是将一个角色的多个动作放到一个图片里，通过裁剪局部区域得到当前的角色状态图。,Sprite 的纹理通常为图片。,创建 Sprite 不用 new 关键字，而是用 PIXI.Sprite.from(url) ，传一个图片地址字符串。,加载图片是异步的，如果图片较大，或网速不好，加载完成的时机就会比较晚了。,加载慢，其他不需要加载的普通图形（比如矩形）才不会等你，会先绘制。然后等到图片加载好后，再更新图形树绘制新的画面。,模拟网速慢，导致图片加载迟缓的效果：,
,tint （大概是 “色相” 的意思）会给图片着色：,可以看到，西瓜变得更绿了。,,这在游戏中可以利用绿色的 tint 表示角色中毒，或者用灰色的 tint 表示天色已晚。,然后是渲染模式 blendMode，目前只支持 4 种（基于 WebGL）：,上一节讲解 “修改图形属性” 时，我们提到了通过 pivot 修改变形（transform）的中心，但对于 Sprite 来说，额外提供了一个特殊的 anchor 属性。,这个属性的值范围为 0～1，表示相对图片宽高位置的百分比，比如设置为 (0.5, 0.5) 就是取宽高一半的位置作为旋转中心，也就是图片的中点。,SpriteSheet 是管理多个 Sprite 的类，就是前面说的将多个角色的状态放在一起。,优点是：,
文章版权声明
1 原创文章作者：cmcc，如若转载，请注明出处： https://www.52hwl.com/22278.html
2 温馨提示：软件侵权请联系469472785#qq.com（三天内删除相关链接）资源失效请留言反馈
3 下载提示：如遇蓝奏云无法访问，请修改lanzous(把s修改成x)
4 免责声明：本站为个人博客，所有软件信息均来自网络 修改版软件，加群广告提示为修改者自留，非本站信息，注意鉴别
微信扫一扫 
支付宝扫一扫 