足球大师&

欢迎来到程序小院

足球大师

玩法：点击鼠标开始足球从落下，再次点击鼠标进行踢球，根据足球落的高度进行踢球，
统计球被踢出的距离，赶紧去踢球吧^^。

开始游戏https://www.ormcc.com/play/gameStart/229

html

<div?id="container">
?<canvas?id="canvas"></canvas>
</div>

css

canvas{
  width:100%;
  height:100%;
}
#container{
  position:absolute;
  bottom:0;left:0;width:100%;height:100%;
}

js

var?placedata=["农坛","丰体","天安门","天坛","鸟巢","南锣鼓巷","北海","永定门","五道口",
"西单","宣武门","马甸","雍和宫","颐和园","圆明园"];
var?placepos=0;
var?Main?=?{};
btGame.makePublisher(Main);
//?舞台宽高
Main.width?=?720;
Main.height?=?950;
//?地平线
Main.floorLine?=?850;
//?路标间距
Main.guideDistance?=?Main.width;

Main.debug?=?false;
//?角度
Main.minAngle?=?5;
Main.maxAngle?=?30;
Main.randomAngle?=?2;?//?上下偏移角度
//?掉落时间
Main.fallingTime?=?1100;
//?速度
Main.speed?=?400;
//?舞台可视距离
Main.visibleDistance?=?250;
//?最高份
Main.maxScore?=?(window.localStorage?&&?+localStorage["zqdsMaxScore"])?||?0;
//?帧频
Main.fps?=?40;
//?游戏开始界面
Main.startGame?=?function(){
?var?container?=?new?createjs.Container();
?container.addChild(new?createjs.Bitmap(Resource.get("img/start.png")));
?//?开始游戏
?var?beginGame?=?new?createjs.Bitmap(Resource.get("img/startbtn.png"));
?beginGame.setTransform(34,?750);
?beginGame.cursor?=?"pointer";
?beginGame.addEventListener("click",?function(){
??createjs.Tween.get(container,?{loop:?false})
?????.to({alpha:?0},?300)
?????.call(function(){
??????Main.initGame();
?????});
?});
?container.addChild(beginGame);
?//?更多游戏
?var?moreGame?=?new?createjs.Bitmap(Resource.get("img/morebtn.png"));
?moreGame.setTransform(377,?750);
?moreGame.cursor?=?"pointer";
?moreGame.addEventListener("click",?function(){
??dp_Ranking();
?});
?container.addChild(moreGame);
?Main.stage.addChild(container);
}
//?游戏结束界面
Main.endGame?=?function(distance){
?if(!Main.endContainer){
??Main.endContainer?=?new?createjs.Container();
?}else{
??Main.endContainer.removeAllEventListeners();
??Main.endContainer.removeAllChildren();
?}
?var?container?=?Main.endContainer;
?container.alpha?=?0;
?container.addChild(new?createjs.Bitmap(Resource.get("img/end.png")));
?//?本次成绩
?var?text1?=?new?createjs.Text(
??"本次距离:?"+distance+"?M",?"bold?28pt?Tahoma?Helvetica?Arial?sans-serif",?"#ffffff"
?);
?text1.textAlign?=?"center";
?text1.x?=?Main.width?/?2;
?text1.y?=?174;
?container.addChild(text1);
?var?text2?=?text1.clone(true);
?text2.text?=?"最远距离:?"?+?Main.maxScore?+?"?M";
?text2.y?=?248;
?container.addChild(text2);
?var?share?=?Main.getShareText(distance);
?var?text3?=?text1.clone(true);
?text3.text?=?share["tip"];
?text3.font?=?"bold?24pt?Tahoma?Helvetica?Arial?sans-serif";
?text3.textAlign?=?"center";
?text3.y?=?394;
?container.addChild(text3);
?//?再来一次
?var?again?=?new?createjs.Bitmap(Resource.get("img/againbtn.png"));
?again.setTransform(35,?623);
?again.addEventListener("click",?function(){
??placepos=0;
??createjs.Tween.get(container,?{loop:?false})
???.to({y:?-Main.height,?alpha:?0},?500,?createjs.Ease.quintInOut)
???.call(function(){
????container.alpha?=?1;
????container.removeAllEventListeners();
????container.removeAllChildren();
????Main.reset.replay();
????
???});
?});
?container.addChild(again);
?//?通知好友
?var?notify?=?new?createjs.Bitmap(Resource.get("img/notifybtn.png"));
?notify.setTransform(376,?623);
?notify.addEventListener("click",?function(){
??dp_share();
?});
?container.addChild(notify);
?//?更多游戏
?var?more?=?new?createjs.Shape();
?more.graphics.beginFill("#ffffff").drawRect(0,?0,?Main.width,?60);
?more.alpha?=?0.1;
?more.y?=?870;
?more.addEventListener("click",?function(){
??dp_Ranking();
?});
?container.addChild(more);
?Main.stage.addChild(container);
?container.y?=?-Main.height;
?createjs.Tween.get(container,?{loop:?false})
??.to({y:0,?alpha:1},?500,?createjs.Ease.quintInOut);
??var?pos=placepos-1;
??if(pos<0){
???pos=placedata.length-1;
??}
??dp_submitScore(distance,placedata[pos]);
}
Main.initStage?=?function(){
?//?舞台已经有了，就不用再初始化了
?if(!this.stage){
??Main.stage?=?new?createjs.Stage("canvas");
?}
?//?Main.stage.enableMouseOver();
?Main.stage.removeAllEventListeners();
?Main.stage.removeAllChildren();
?//?清空舞台
?Main.stage.removeAllChildren();
?Main.stage.removeAllEventListeners();
?//?舞台大小
?Main.stage.width?=?canvas.width?=?Main.width;
?Main.stage.height?=?canvas.height?=?Main.height;
?createjs.Ticker.addEventListener("tick",?this.stage);
?//?先加载资源
?Resource.load();
?Resource.queue.addEventListener("complete",?function(){
??//?Main.startGame();
??Main.startGame();
?});
};

源码

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

转载：欢迎来到本站，转载请注明文章出处https://ormcc.com/