k8w.io
游戏开发

最近在Cocos Creator的项目中遇到一个诡异的问题。
使用cc.loader.loadRes后,会出现图片花屏(变成了一张图集),和getTexture()获取尺寸错误(总是2048*2048)的问题。
研究之后,发现有关SpriteFrame的使用,这些坑你可能不知道。

将MxN的方格,分割成俄罗斯方块式的拼图。
使用TypeScript, 在Cocos Creator的实现。

Context丢失

  1. 跳转到微信支付
  2. 来电话了
  3. 内存不足

如果你是用AudioContext播放的声音(例如Howler),那么在微信中,支付成功后,很可能声音就无法播放了。

Flash-like的2D渲染引擎(例如Pixi.js等),在碰撞检测方面,与HTML5有所不同。

在微信、QQ内的H5游戏,由于顶部有微信/QQ自带的Header,导致无法全屏。
在这种情况下,采用什么样的宽高比,能最大限度的满足兼容性和体验呢?

通常在游戏开发时,需要检测网页是否切换到了后台,并且需要监测再次切回来时的事件。

使用Adobe Animate的美术工作流程,直接导出给Pixi.js使用。

100纹理不合图集2000Sprite同屏,Pixi 4.6.0Layaair 1.7.13 betaEgret 5.1.0的性能对比。

实验作品,用HTML5 AudioContext做的小Demo:指尖钢琴

HTML5 Web Audio API存在一些兼容性问题和坑,使用时需要注意。