天天酷跑小游戏?酷跑小游戏
大家好,天天酷跑小游戏相信很多的网友都不是很明白,包括酷跑小游戏也是一样,不过没有关系,接下来就来为大家分享关于天天酷跑小游戏和酷跑小游戏的一些知识点,大家可以关注收藏,免得下次来找不到哦,下面我们开始吧!
玩法:\\n按空格键跳跃,躲避障碍物,掉进水里游戏结束\\n
开始游戏
<canvasid="canvas"width="800"height="480"></canvas>\\ncss
#game-over{\\ndisplay:none;\\ntext-align:center;\\npadding-top:92px;\\nz-index:7;\\nwidth:600px;\\nheight:360px;\\n-webkit-box-sizing:border-box;\\n-moz-box-sizing:border-box;\\nbox-sizing:border-box;\\noverflow:auto;\\nmargin:auto;\\nposition:absolute;\\n}\\n#game-restart{\\nborder-radius:5px;\\nwidth:120px;\\nheight:20px;\\npadding:10px20px;\\nbackground:#f7716d;\\ncolor:#fff;\\n}\\njs
varcanvas=document.getElementById('canvas');\\nvarctx=canvas.getContext('2d');\\nvarplayer,score,stop,ticker;\\nvarground=[],water=[],enemies=[],environment=[];\\n\\n//platformvariables\\nvarplatformHeight,platformLength,gapLength;\\nvarplatformWidth=32;\\nvarplatformBase=canvas.height-platformWidth;//bottomrowofthegame\\nvarplatformSpacer=64;\\n\\n/**\\n*Getarandomnumberbetweenrange\\n*@param{integer}\\n*@param{integer}\\n*/\\nfunctionrand(low,high){\\nreturnMath.floor(Math.random()*(high-low+1)+low);\\n}\\n\\n/**\\n*Boundanumberbetweenrange\\n*@param{integer}num-Numbertobound\\n*@param{integer}\\n*@param{integer}\\n*/\\nfunctionbound(num,low,high){\\nreturnMath.max(Math.min(num,high),low);\\n}\\n\\n/**\\n*Assetpre-loaderobject.Loadsallimages\\n*/\\nvarassetLoader=(function(){\\n//imagesdictionary\\nthis.imgs={\\n'bg':'/default/game/kpxyx/bg.png',\\n'sky':'/default/game/kpxyx/sky.png',\\n'backdrop':'/default/game/kpxyx/backdrop.png',\\n'backdrop2':'/default/game/kpxyx/backdrop_ground.png',\\n'grass':'/default/game/kpxyx/grass.png',\\n'avatar_normal':'/default/game/kpxyx/normal_walk.png',\\n'water':'/default/game/kpxyx/water.png',\\n'grass1':'/default/game/kpxyx/grassMid1.png',\\n'grass2':'/default/game/kpxyx/grassMid2.png',\\n'bridge':'/default/game/kpxyx/bridge.png',\\n'plant':'/default/game/kpxyx/plant.png',\\n'bush1':'/default/game/kpxyx/bush1.png',\\n'bush2':'/default/game/kpxyx/bush2.png',\\n'cliff':'/default/game/kpxyx/grassCliffRight.png',\\n'spikes':'/default/game/kpxyx/spikes.png',\\n'box':'/default/game/kpxyx/boxCoin.png',\\n'slime':'/default/game/kpxyx/slime.png'\\n};\\n\\nvarassetsLoaded=0;//howmanyassetshavebeenloaded\\nvarnumImgs=Object.keys(this.imgs).length;//totalnumberofimageassets\\nthis.totalAssest=numImgs;//totalnumberofassets\\n\\n/**\\n*Ensureallassetsareloadedbeforeusingthem\\n*@param{number}dic-Dictionaryname('imgs','sounds','fonts')\\n*@param{number}name-Assetnameinthedictionary\\n*/\\nfunctionassetLoaded(dic,name){\\n//don'tcountassetsthathavealreadyloaded\\nif(this[dic][name].status!=='loading'){\\nreturn;\\n}\\n\\nthis[dic][name].status='loaded';\\nassetsLoaded++;\\n\\n//finishedcallback\\nif(assetsLoaded===this.totalAssest&&typeofthis.finished==='function'){\\nthis.finished();\\n}\\n}\\n\\n/**\\n*Createassets,setcallbackforassetloading,setassetsource\\n*/\\nthis.downloadAll=function(){\\nvar_this=this;\\nvarsrc;\\n\\n//loadimages\\nfor(varimginthis.imgs){\\nif(this.imgs.hasOwnProperty(img)){\\nsrc=this.imgs[img];\\n\\n//createaclosureforeventbinding\\n(function(_this,img){\\n_this.imgs[img]=newImage();\\n_this.imgs[img].status='loading';\\n_this.imgs[img].name=img;\\n_this.imgs[img].onload=function(){assetLoaded.call(_this,'imgs',img)};\\n_this.imgs[img].src=src;\\n})(_this,img);\\n}\\n}\\n}\\n\\nreturn{\\nimgs:this.imgs,\\ntotalAssest:this.totalAssest,\\ndownloadAll:this.downloadAll\\n};\\n})();\\n\\nassetLoader.finished=function(){\\nstartGame();\\n}\\n
源码
转载:欢迎来到本站,转载请注明文章出处https://ormcc.com/
文章分享结束,天天酷跑小游戏和酷跑小游戏的答案你都知道了吗?欢迎再次光临本站哦!