{"id":284,"date":"2017-07-19T17:29:31","date_gmt":"2017-07-19T09:29:31","guid":{"rendered":"http:\/\/blog.xrhoujie.com\/?p=284"},"modified":"2021-10-19T10:46:02","modified_gmt":"2021-10-19T02:46:02","slug":"create-js%e5%bc%80%e5%8f%91%e5%89%aa%e5%88%80%e7%9f%b3%e5%a4%b4%e5%b8%83%e6%b8%b8%e6%88%8f%ef%bc%88%e4%ba%8c%ef%bc%89","status":"publish","type":"post","link":"http:\/\/blog.xrhoujie.com\/?p=284","title":{"rendered":"Create.js\u5f00\u53d1\u526a\u5200\u77f3\u5934\u5e03\u6e38\u620f\uff08\u7ec8\u7ed3\u7bc7\uff09"},"content":{"rendered":"

\u4e0a\u7bc7\u6587\u7ae0\u5199\u5230\u4e86\u6e38\u620f\u4e0e\u52a0\u8f7d\u4e0e\u6587\u4ef6\u914d\u7f6e\u5165\u53e3\uff0c\u63a5\u4e0b\u6765\u4f1a\u7ed9\u5927\u5bb6\u4ecb\u7ecd\u6e38\u620f\u5e03\u5c40\uff0c\u4ee5\u53ca\u6838\u5fc3\u73a9\u6cd5\u7684\u903b\u8f91\uff1a<\/p>\n

\n
firstScreen() {<\/div>\n
vargameView;<\/div>\n
this.gameView=newcreatejs.Container();<\/div>\n
this.stage.addChild(this.gameView);<\/div>\n
this.bgMain();<\/div>\n
varlogScore=1,logSum=2, logSom=1, logRow=1, logClos=3, logZi=3,getHero,insect,getHeros,redImgHero,<\/div>\n
sgBtn_1,sgBtns,scBtn_1,scBtns,pjBtn_1,pjBtns,left_press,left_pres;<\/div>\n
letbitmaps= [];<\/div>\n
\/\/\u5f97\u5206\u9762\u677f<\/div>\n
letPanel=newcreatejs.Bitmap(window.queue.getResult(“panel”));<\/div>\n
Panel.x=420;<\/div>\n
Panel.y=-10;<\/div>\n
this.gameView.addChild(Panel);<\/div>\n
\/\/\u5f97\u5206\u9762\u677f<\/div>\n
letscorePanel=newcreatejs.Bitmap(window.queue.getResult(“score”));<\/div>\n
scorePanel.x=1150;<\/div>\n
scorePanel.y=6;<\/div>\n
this.gameView.addChild(scorePanel);<\/div>\n
\/\/ \u718a\u7ec4\u56fe\u7247<\/div>\n
letxiongGroup=newcreatejs.Bitmap(window.queue.getResult(“xiong”));<\/div>\n
xiongGroup.x=1;<\/div>\n
xiongGroup.y=500;<\/div>\n
xiongGroup.scaleX=xiongGroup.scaleY=0.6;<\/div>\n
this.gameView.addChild(xiongGroup);<\/div>\n
\/\/ \u5149\u5934\u5f3a\u56fe\u7247<\/div>\n
letguangGroup=newcreatejs.Bitmap(window.queue.getResult(“guang”));<\/div>\n
guangGroup.x=930;<\/div>\n
guangGroup.y=500;<\/div>\n
guangGroup.scaleX=guangGroup.scaleY=0.7;<\/div>\n
this.gameView.addChild(guangGroup);<\/div>\n
\/\/ \u718a\u6293<\/div>\n
varheroContainer=newcreatejs.Container();<\/div>\n
window.currentIndex=babyEye.randomRange(1, 4);<\/div>\n
getHero=window.queue.getResult(currentIndex);<\/div>\n
insect=newcreatejs.Bitmap(getHero);<\/div>\n
insect.scaleX=insect.scaleY=ceil;<\/div>\n
insect.regX=39;<\/div>\n
insect.regY=29;<\/div>\n
heroContainer.addChild(insect);<\/div>\n
heroContainer.x=490;<\/div>\n
heroContainer.y=300;<\/div>\n
this.gameView.addChild(heroContainer);<\/div>\n
\/\/ \u5149\u5934\u5f3a\u624b<\/div>\n
varheroContainers=newcreatejs.Container();<\/div>\n
window.current=babyEye.randomRange(5, 7);<\/div>\n
getHeros=window.queue.getResult(current);<\/div>\n
redImgHero=newcreatejs.Bitmap(getHeros);<\/div>\n
redImgHero.scaleX=redImgHero.scaleY=ceil;<\/div>\n
redImgHero.regX=39;<\/div>\n
redImgHero.regY=29;<\/div>\n
heroContainers.addChild(redImgHero);<\/div>\n
heroContainers.x=800;<\/div>\n
heroContainers.y=300;<\/div>\n
this.gameView.addChild(heroContainers);<\/div>\n
\/\/\u53f3\u8fb9\u8d62\u6309\u94ae<\/div>\n
sgBtn_1=window.queue.getResult(“sgBtn”);<\/div>\n
sgBtns=newcreatejs.Bitmap(sgBtn_1);<\/div>\n
sgBtns.scaleX=sgBtns.scaleY=0.7;<\/div>\n
sgBtns.x=780;<\/div>\n
sgBtns.y=520;<\/div>\n
this.gameView.addChild(sgBtns);<\/div>\n
\/\/\u5de6\u8fb9\u8d62\u6309\u94ae<\/div>\n
scBtn_1=window.queue.getResult(“scBtn”);<\/div>\n
scBtns=newcreatejs.Bitmap(scBtn_1);<\/div>\n
scBtns.scaleX=scBtns.scaleY=0.7;<\/div>\n
scBtns.x=390;<\/div>\n
scBtns.y=520;<\/div>\n
this.gameView.addChild(scBtns);<\/div>\n
\/\/\u5e73\u5c40\u6309\u94ae<\/div>\n
pjBtn_1=window.queue.getResult(“pjBtn”);<\/div>\n
pjBtns=newcreatejs.Bitmap(pjBtn_1);<\/div>\n
pjBtns.scaleX=pjBtns.scaleY=0.7;<\/div>\n
pjBtns.x=580;<\/div>\n
pjBtns.y=520;<\/div>\n
this.gameView.addChild(pjBtns);<\/div>\n
\/\/ \u8ba1\u7b97\u5f97\u5206<\/div>\n
window.text_sum=newcreatejs.Text(window.score, “26px Arial”, “#ffffff”);<\/div>\n
window.text_sum.x=1229;<\/div>\n
window.text_sum.y=7;<\/div>\n
window.text_sum.textAlign=”center” ;<\/div>\n
this.gameView.addChild(window.text_sum);<\/div>\n
\/\/\u5de6\u8fb9\u8d62\u5224\u65ad<\/div>\n
if(window.currentIndex==1&&window.current==6||window.currentIndex==2&&window.current==4||window.currentIndex==3&&window.current==5){<\/div>\n
scBtns.addEventListener(“click”,(ev)=>{<\/div>\n
this.gameView.removeChild(heroContainer);<\/div>\n
this.gameOpinion();<\/div>\n
})<\/div>\n
}else{<\/div>\n
scBtns.addEventListener(“click”,(ev)=>{<\/div>\n
this.gameOpinFail();<\/div>\n
})<\/div>\n
}<\/div>\n
\/\/\u53f3\u8fb9\u8d62\u5224\u65ad<\/div>\n
if(window.currentIndex==3&&window.current==4||window.currentIndex==1&&window.current==5||window.currentIndex==2&&window.current==6){<\/div>\n
sgBtns.addEventListener(“click”,(ev)=>{<\/div>\n
this.gameOpinion();<\/div>\n
})<\/div>\n
}<\/div>\n
else{<\/div>\n
sgBtns.addEventListener(“click”,(ev)=>{<\/div>\n
this.gameOpinFail();<\/div>\n
})<\/div>\n
}<\/div>\n
\/\/\u5e73\u5c40\u5224\u65ad<\/div>\n
if(window.currentIndex==1&&window.current==4||window.currentIndex==2&&window.current==5||window.currentIndex==3&&window.current==6){<\/div>\n
pjBtns.addEventListener(“click”,(ev)=>{<\/div>\n
this.gameView.removeChild(heroContainer);<\/div>\n
this.gameOpinion();<\/div>\n
})<\/div>\n
}<\/div>\n
else{<\/div>\n
pjBtns.addEventListener(“click”,(ev)=>{<\/div>\n
this.gameOpinFail();<\/div>\n
})<\/div>\n
}<\/div>\n
}<\/div>\n
\u53ef\u89c1\u573a\u666f\u56fe\u7247\u7684\u6dfb\u52a0\u4e0e\u6e38\u620f\u7b97\u6cd5\u903b\u8f91\u4ee3\u7801\uff0c<\/div>\n
<\/div>\n<\/div>\n
\n
gameOpinion(){<\/div>\n
if(ceil==0.10000000000000014){<\/div>\n
ceil=ceil-0.3;<\/div>\n
ceil+=0.3;<\/div>\n
}else{<\/div>\n
ceil=ceil-0.1;<\/div>\n
}<\/div>\n
this.success();<\/div>\n
window.score+=1;<\/div>\n
this.reset();<\/div>\n
this.firstScreen();<\/div>\n
}<\/div>\n
\u5f97\u5206\u7edf\u8ba1\u4ee3\u7801\uff0c<\/div>\n
<\/div>\n
gameOpinFail(){<\/div>\n
this.fail();<\/div>\n
if(window.score==0){<\/div>\n
window.score=0;<\/div>\n
}else{<\/div>\n
window.score=window.score-1;<\/div>\n
window.text_sum.text=window.score;<\/div>\n
}<\/div>\n
this.reset();<\/div>\n
this.firstScreen();<\/div>\n
}<\/div>\n
\u5f97\u5206\u5c0f\u4e8e\u7b49\u4e8e0\u903b\u8f91\u5904\u7406<\/div>\n
<\/div>\n
success(){<\/div>\n
createjs.Sound.play(“nzb”, createjs.Sound.INTERRUPT_NONE, 0, 0, 0, 1, 0);<\/div>\n
$(“#sucImg”).show(500);<\/div>\n
$(“#sucImg”).hide(500);<\/div>\n
}<\/div>\n
\u6210\u529f\u5a92\u4f53\u97f3\u4e50\u64ad\u653e\u4e0e\u7279\u6548\u6548\u679c\uff0c<\/div>\n
<\/div>\n
fail(){<\/div>\n
createjs.Sound.play(“noMuc”, createjs.Sound.INTERRUPT_NONE, 0, 0, 0, 1, 0);<\/div>\n
$(“#failImg”).show(500);<\/div>\n
$(“#failImg”).hide(500);<\/div>\n
}<\/div>\n
\u5931\u8d25\u5a92\u4f53\u97f3\u4e50\u64ad\u653e\u4e0e\u7279\u6548\u6548\u679c\uff0c<\/div>\n
reset(){<\/div>\n
this.stage.removeAllChildren();<\/div>\n
this.stage.removeAllEventListeners();<\/div>\n
}<\/div>\n
\u6e05\u9664\u753b\u5e03\u6240\u6709\u7684\u76d1\u542c\u4e8b\u4ef6\u4e8e\u4e0e\u6240\u6709\u5bf9\u8c61<\/div>\n
bgMain(){<\/div>\n
if(ceil==1){<\/div>\n
this.canvasBgeight();<\/div>\n
}else if(ceil == 0.9&&ceil == 0.8){<\/div>\n
this.canvasBgseven();<\/div>\n
}<\/div>\n
elseif(ceil==0.7000000000000001){<\/div>\n
this.canvasBgsix();<\/div>\n
}<\/div>\n
elseif(ceil==0.6000000000000001){<\/div>\n
this.canvasBgfive();<\/div>\n
}else if(ceil == 0.5000000000000001){<\/div>\n
this.canvasBgfour();<\/div>\n
}else if(ceil == 0.40000000000000013){<\/div>\n
this.canvasBgthree();<\/div>\n
}else if(ceil == 0.30000000000000016&&ceil == 0.20000000000000015){<\/div>\n
this.canvasBgtwo();<\/div>\n
}else if(ceil == 0.10000000000000014){<\/div>\n
this.canvasBgone();<\/div>\n
}<\/div>\n
\u80cc\u666f\u5207\u6362\u903b\u8f91\u5904\u7406\u673a\u5236<\/div>\n
}<\/div>\n<\/div>\n
<\/div>\n
github\u6e38\u620f\u5730\u5740\uff1ahttps:\/\/github.com\/894658027\/HTML5-Games\/tree\/master\/CreateJs\/fingerGuessing<\/div>\n
<\/div>\n","protected":false},"excerpt":{"rendered":"

\u4e0a\u7bc7\u6587\u7ae0\u5199\u5230\u4e86\u6e38\u620f\u4e0e\u52a0\u8f7d\u4e0e\u6587\u4ef6\u914d\u7f6e\u5165\u53e3\uff0c\u63a5\u4e0b\u6765\u4f1a\u7ed9\u5927\u5bb6\u4ecb\u7ecd\u6e38\u620f\u5e03\u5c40\uff0c\u4ee5\u53ca\u6838\u5fc3\u73a9\u6cd5\u7684\u903b\u8f91\uff1a firstScree […]<\/p>\n","protected":false},"author":1,"featured_media":179,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[],"_links":{"self":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/284"}],"collection":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=284"}],"version-history":[{"count":5,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/284\/revisions"}],"predecessor-version":[{"id":829,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/284\/revisions\/829"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/media\/179"}],"wp:attachment":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=284"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=284"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}