奇迹单车^^

欢迎来到程序小院

奇迹单车

玩法：点击鼠标左键跳跃，不要碰到地上的路障和天上飞的小鸟，统计骑行里程数，快去骑单车吧^^。

开始游戏

html

  <div id="game" style="height: 523px;"></div>

css

canvas{display: block; touch-action: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 340px; height: 550px; cursor: default; margin-left: 370px; margin-right: -370px; margin-top: 0px;
}

js

MyGame.Rank = function(game) {
};MyGame.Rank.prototype = {create: function() {rankTable = [{rank:1,name:'phaser1',total:'1.123公里'},{rank:2,name:'phaser2',total:'1.003公里'},{rank:3,name:'phaser3',total:'0.987公里'},{rank:4,name:'phaser4',total:'0.909公里'},{rank:5,name:'phaser5',total:'0.876公里'},{rank:6,name:'phaser6',total:'0.870公里'},{rank:7,name:'phaser7',total:'0.859公里'},{rank:8,name:'phaser8',total:'0.709公里'}];this.add.image(0,0,'rank_bg');var rankGroup = this.add.group();var style = {font: "32px Microsoft YaHei", fill: "#3e3e3e"};game.rankBoxHeight = 103*rankTable.length;game.rankBox = game.add.graphics(0, 0);game.rankBox.beginFill(0xff0000,0);game.rankBox.drawRect(0, 0, 605,game.rankBoxHeight);game.rankBox.endFill();game.rankBoxCover = game.add.graphics(0, 0);game.rankBoxCover.beginFill(0xff0000,.2);game.rankBoxCover.drawRect(0, 0, 605,630);game.rankBoxCover.endFill();game.rankBox.x = game.rankBoxCover.x = 73;game.rankBox.y = game.rankBoxCover.y = 330;game.rankBox.mask = game.rankBoxCover;for(var i=0;i<=rankTable.length-1;i++){var rankNum = this.add.text(30,i*100+20,rankTable[i].rank,style)game.rankBox.addChild(rankNum);var rankName = this.add.text(160,i*100+20,rankTable[i].name,style)game.rankBox.addChild(rankName);var rankTotal = this.add.text(160,i*100+65,rankTable[i].total,style)game.rankBox.addChild(rankTotal)}if(rankTable.length>6){game.rankBox.inputEnabled = true;game.rankBox.input.enableDrag();game.rankBox.input.allowHorizontalDrag = false;game.rankBox.events.onDragUpdate.add(this.dragUpdate);}var totalScoreTexts = this.add.text(game.world.width/2,game.world.height-160,'365骑迹淘房节,我追赶了'+game.score+'公里',{font: "bold 36px Microsoft YaHei", fill: "#5b3716"})totalScoreTexts.anchor.set(0.5,0);var closeBtn = game.add.button(game.world.width - 20,20,'ico',function(){game.state.start('MainMenu')},this);closeBtn.anchor.set(1,0);closeBtn.frameName = 'close.png';GameUI.cutscenes()},dragUpdate : function(i){if(i.y>=330) i.y = 330;if(i.y<=330-(game.rankBoxHeight - 630)) i.y = 330-(game.rankBoxHeight - 630);}
};

源码

需要源码请关注添加好友哦^ ^