为什么小游戏在微信开发者工具中能运行但预览却是黑屏
发布于 6 年前 作者 osun 13775 次浏览 来自 问答

利用小游戏模板,删去了多余的部分,在main.js中写了几句简单的代码,然后在game.js中new Main(),实现在屏幕上显示触发touchstart事件的次数,两个文件的代码如下,在开发者工具中能运行实现功能,但通过开发者工具的预览功能,微信扫面后运行是一片黑屏,搞不明白。

//++++++++++++++++++++++++main.js+++++++++++++++++++++++++

let ctx   = canvas.getContext(‘2d’);

/**

* 游戏主函数

*/

export default class Main

{

constructor()

{

this.counter=0;

this.initEvent();

window.requestAnimationFrame(this.loop.bind(this),canvas);

}

//事件监听初始化

initEvent()

{

canvas.addEventListener(‘touchstart’, ((e) => {

e.preventDefault();

this.counter++;

}).bind(this))

}  

// 实现游戏帧循环,输出触摸事件次数

loop()

{    

ctx.clearRect(0, 0, canvas.width, canvas.height);

ctx.fillText(this.counter, 100, 100);

window.requestAnimationFrame(this.loop.bind(this),canvas);

}

}

//++++++++++++++++++++++++game.js+++++++++++++++++++++++++

import ‘./js/libs/weapp-adapter’

import ‘./js/libs/symbol’

import Main from ‘./js/main’

new Main()

1 回复

好吧,画布开发者工具里面和实际小程序里面颜色不一样,开发者工具里面是白色,而实际运行环境是黑色,字是黑色所以看不见。。。。

回到顶部