好家伙,繼續(xù)優(yōu)化,
創(chuàng)新互聯(lián)公司是專業(yè)的虎林網(wǎng)站建設(shè)公司,虎林接單;提供網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè),網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行虎林網(wǎng)站開(kāi)發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛(ài)的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!
好家伙,我把我的飛機(jī)大戰(zhàn)發(fā)給我的小伙伴們玩
期待著略微的贊賞之詞,然后他們用手機(jī)打開(kāi)我的給他們的網(wǎng)址
然后點(diǎn)一下飛機(jī)就炸了。
游戲體驗(yàn)零分
(鼠標(biāo)點(diǎn)擊在移動(dòng)端依舊可以生效)
好了所以我們來(lái)優(yōu)化一下這個(gè)觸屏移動(dòng)事件
由于沒(méi)有參考,就去翻文檔了
觸摸事件分三個(gè):touchstart、touchmove和touchend
看名字大概是觸摸點(diǎn)開(kāi)始,觸摸點(diǎn)移動(dòng),觸摸點(diǎn)離開(kāi)。
于是開(kāi)始試探性的增加一個(gè)屏幕觸碰事件
//為canvas綁定一個(gè)屏幕觸碰事件 觸碰點(diǎn)正好在飛機(jī)圖片的正中心
canvas.addEventListener("touchstart",(e)=>{
let x= e.offsetX;
let y= e.offsetY;
hero.x= x - hero.width / 2;
hero.y= y - hero.height / 2;
})