拆散小情侣

欢迎来到程序小院

拆散小情侣

玩法：下落的一对小情侣，点击鼠标左键即可消除，30秒内看看你能够消除多少小情侣，快去拆散小情侣吧^^。

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

html

??<canvas?width="414"?height="550"></canvas>

css

canvas{
    display: block; 
    touch-action: none; 
    user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
    width: 414px; 
    height: 550px; 
    cursor: inherit;
}

js

var?winW?=?414;
var?winH?=?550;
var?score?=?0;
var?QingLvGroup;
var?hitNum?=?0;
var?config?=?{
????selfPool:40,
????selfPic:'qinglvdog',
????rate:0.5,
????maxSpeed:500,
????minSpeed:100,
????max:95
}
var?dogConfig?=?{
????selfPool:20,
????selfPic:'dog',
????rate:0.3,
????maxSpeed:300,
????minSpeed:50,
????punished:true
}
var?time?=?25;

var?radio?=?winW/375;
function?rfuc(n){
????return?n*radio;
}

/***********************/
function?QingLv(config){
????this.init?=?function(){
????????this.config?=?config;
????????QingLvGroup?=?game.add.group();
????????QingLvGroup.enableBody?=?true;
????????QingLvGroup.createMultiple(config.selfPool,?config.selfPic);
????????QingLvGroup.setAll('anchor.y',1)
????????QingLvGroup.setAll('outOfBoundsKill',?true);
????????QingLvGroup.setAll('checkWorldBounds',?true);
????????this.maxWidth?=?game.width?-?80;

????????game.time.events.loop(Phaser.Timer.SECOND?*?config.rate,?this.createQL,?this);

????};
????this.createQL?=?function(){
????????var?e?=?QingLvGroup.getFirstExists(false);
????????
????????if(e)?{
????????????if(hitNum?>=?config.max)?{
????????????????return;
????????????}
????????????hitNum++;
????????????e.events.onInputDown.removeAll();
????????????var?ram=?Math.random();
????????????ram?=ram<0.5?ram+=0.5:?ram;
????????????e.loadTexture(this.config.selfPic)
????????????e.alpha?=?1;
????????????e.scale.setTo(rfuc(ram));
????????????e.reset(game.rnd.integerInRange(0,?this.maxWidth),?0)
????????????e.body.velocity.y?=?game.rnd.integerInRange(config.minSpeed,?config.maxSpeed);
????????????e.inputEnabled?=?true;
????????????e.events.onInputDown.add(this.hitted,?this)
????????}
????};
????this.hitted?=?function(sprite){
????????score+=2;
????????sprite.inputEnabled?=?false;
????????var?anim?=?sprite.animations.add('hitted');
????????sprite.play('hitted',?100,?false);
????????anim.onComplete.add(this.fade,?this,?sprite)
????};
????this.fade?=?function(sprite){
????????var?tween?=?game.add.tween(sprite).to({alpha:0},?300,?'Linear',?true)
?????????tween.onComplete.add(this.killed,?this,?sprite);
????};
????this.killed?=?function(sprite){
????????sprite.kill();
????}
}

function?Dog(config){
????this.init?=?function(){
????????this.config?=?config;
????????this.DogGroup?=?game.add.group();
????????this.DogGroup.enableBody?=?true;
????????this.DogGroup.createMultiple(config.selfPool,?config.selfPic);
????????this.DogGroup.setAll('anchor.y',1)
????????this.DogGroup.setAll('outOfBoundsKill',?true);
????????this.DogGroup.setAll('checkWorldBounds',?true);
????????this.maxWidth?=?game.width?-?80;

????????game.time.events.loop(Phaser.Timer.SECOND?*?config.rate,?this.createDog,?this);

????};
????this.createDog?=?function(){
????????var?e?=?this.DogGroup.getFirstExists(false);
????????
????????if(e)?{
????????????var?ram=?Math.random();
????????????ram?=ram<0.5?ram+=0.5:?ram;
????????????e.loadTexture(this.config.selfPic)
????????????e.alpha?=?1;
????????????e.scale.setTo(ram);
????????????e.reset(game.rnd.integerInRange(0,?this.maxWidth),?0)
????????????e.body.velocity.y?=?game.rnd.integerInRange(config.minSpeed,?config.maxSpeed);
????????}
????};
}

/***********************/

var?game?=?new?Phaser.Game(winW,?winH,?Phaser.CANVAS,?'');

game.States?=?{};


game.States.boot?=?function()?{
????this.preload?=?function()?{
????????if?(typeof(GAME)?!==?"undefined")?{
????????????this.load.baseURL?=?GAME?+?"/";
????????}
????????if?(!game.device.desktop)?{
????????????this.scale.scaleMode?=?Phaser.ScaleManager.EXACT_FIT;
????????????this.scale.forcePortrait?=?true;
????????????this.scale.refresh();
????????}
????};
????this.create?=?function()?{
????????game.stage.backgroundColor?=?'#F6DE8C';
????????game.state.start('preload');
????};
};
game.States.main?=?function()?{
????this.create?=?function()?{
????????//?剩余时间
????????this.leftTime?=?time;

????????//?物理系统
????????game.physics.startSystem(Phaser.Physics.ARCADE);

????????//?背景图
????????var?bg?=?game.add.sprite(0,?0,?'bg');
????????bg.width?=?game.width;
????????bg.height?=?game.height;

????????//?logo
????????//?var?logo?=game.add.sprite(game.world.centerX?-?game.cache.getImage('logo').width/2*0.6,?0,?'logo')
????????//?logo.scale.setTo(0.6)

????????//?开始游戏倒计时
????????var?daojishi?=?game.add.sprite(game.world.centerX?-100,?game.world.centerY?-?100,?'daojishi');
????????var?anim?=?daojishi.animations.add('daojishi');
????????daojishi.play('daojishi',?1,?false);
????????anim.onComplete.add(this.startGame,?this,?daojishi);

????????//?游戏结束倒计时
????????var?shengyu?=?game.add.sprite(0,0,'shengyu');
????????shengyu.fixedToCamera?=?true;
????????shengyu.scale.setTo(rfuc(0.75))
????????shengyu.cameraOffset.setTo(game.camera.width?-?rfuc(150),?game.camera.height?-?rfuc(85));
????????//?已拆散
????????var?chaisan?=?game.add.sprite(0,0,'chaisan');
????????chaisan.fixedToCamera?=?true;
????????chaisan.scale.setTo(rfuc(0.75))
????????chaisan.cameraOffset.setTo(game.camera.width?-?rfuc(150),?game.camera.height?-?rfuc(60));
????????//?剩余时间
????????this.leftTimeText?=?game.add.text(0,?0,??'00:'+this.leftTime,{?font:?"22px?Arial",?fill:?"#93502a"});
????????this.leftTimeText.scale.setTo(rfuc(1))
????????this.leftTimeText.fixedToCamera?=?true;
????????this.leftTimeText.cameraOffset.setTo(game.camera.width?-?rfuc(80),?game.camera.height?-?rfuc(88));
????????//?拆散数
????????this.chaiisanNum?=?game.add.text(0,?0,??score.toString(),{?font:?"22px?Arial",?fill:?"#93502a"});
????????this.chaiisanNum.scale.setTo(rfuc(1))
????????this.chaiisanNum.fixedToCamera?=?true;
????????this.chaiisanNum.cameraOffset.setTo(game.camera.width?-?rfuc(80),?game.camera.height?-?rfuc(64));
????????
????};
????this.update?=?function(){
????????this.chaiisanNum.text?=?score;
????}
????this.startGame?=?function(daojishi){
????????daojishi.visible?=?false;
????????this.createQingLv();
????????game.time.events.repeat(Phaser.Timer.SECOND?,?this.leftTime,?this.refreshTime,?this)
????};
????this.createQingLv?=?function(){
????????
????????this.qinglv?=?new?QingLv(config);
????????this.qinglv.init();
????????this.qinglv?=?new?QingLv(config);
????????this.qinglv.init();
????????//?this.qinglv?=?new?QingLv(config);
????????//?this.qinglv.init();
????????//?this.qinglv?=?new?QingLv(config);
????????//?this.qinglv.init();
????????//?this.dog?=?new?Dog(dogConfig);
????????//?this.dog.init();
????};
????this.refreshTime?=?function(){
????????this.leftTime--;
?????????var?tem?=?this.leftTime;
????????if(this.leftTime?<10)?{
????????????tem?=?'0'?+?this.leftTime;
????????}
????????this.leftTimeText.text?=?'00:'+tem;
????????if(this.leftTime?===?0)?{
????????????game.paused?=?true;
????????????alert('恭喜您,得分'+score)
????????????//?game.state.start('over');
????????}
????}
};

源码

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

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