利用小游戏模板,删去了多余的部分,在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回答
提交回答
  • 至过去的我

    2044人对此回答表示赞同

    我是未来的你,你现在是不是在年找寻小程序答案。你不要感觉诧异,给你来信原因,就是让你不在后悔。今天去学习如何推广小程序,相信......点击查看更多>
    发布于
  • 邱世承

    5人对此回答表示赞同

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

    展开
    5
    0回复
    发布于 6年前

    评论(0)

    收起评论

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
咨询热线

13312967497

扫码添加业务即可随时咨询 还可领取小程序推广攻略

业务咨询: 13312967497
扫码咨询

扫码咨询套餐

回到顶部