学做电商的网站,广州市运营推广公司,网站 设计要求,十大免费网站推广入口欢迎来到程序小院 往上走
玩法#xff1a;转动的圆球#xff0c;点击固定到上方的圆中即可往上走一步#xff0c;转动超过上面圆即游戏结束#xff0c;
往上走一步加1分#xff0c;快去往上走吧^^。开始游戏https://www.ormcc.com/play/gameStart/218 html canvas wi… 欢迎来到程序小院 往上走
玩法转动的圆球点击固定到上方的圆中即可往上走一步转动超过上面圆即游戏结束
往上走一步加1分快去往上走吧^^。开始游戏https://www.ormcc.com/play/gameStart/218 html canvas width640 height960/canvascss
canvas {display: block; touch-action: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 367px; height: 550px; margin-left: 357px; margin-top: 0px; cursor: inherit;}js
var ballDistance 120;
var rotationSpeed 4;
var angleRange [25, 155];
var visibleTargets 7;
var bgColovar game;
var ballDistance 120;
var rotationSpeed 4;
var angleRange [25, 155];
var visibleTargets 7;
var bgColors [0x62bd18, 0xffbb00, 0xff5300, 0xd21034, 0xff475c, 0x8f16b2];
window.onload function() {game new Phaser.Game(640, 960, Phaser.CANVAS, );game.state.add(PlayGame, playGame);game.state.start(PlayGame);
}
playGame.prototype {preload: function(){game.load.image(ball, assets/ball.png);game.load.image(target, assets/target.png);game.load.image(arm, assets/arm.png);game.scale.pageAlignHorizontally true;game.scale.pageAlignVertically true;game.scale.scaleMode Phaser.ScaleManager.SHOW_ALL;},create: function(){this.savedData localStorage.getItem(circlepath)null?{score:0}:JSON.parse(localStorage.getItem(circlepath));var style {font: bold 32px Arial,fill: #ffffff};var text game.add.text(0, game.height - 64, Best score: this.savedData.score.toString(), style);this.destroy false;this.saveRotationSpeed rotationSpeed;this.tintColor bgColors[game.rnd.between(0, bgColors.length - 1)];do{this.tintColor2 bgColors[game.rnd.between(0, bgColors.length - 1)];} while(this.tintColor this.tintColor2)game.stage.backgroundColor this.tintColor;this.targetArray [];this.steps 0;this.rotatingDirection game.rnd.between(0, 1);this.gameGroup game.add.group();this.targetGroup game.add.group();this.ballGroup game.add.group();this.gameGroup.add(this.targetGroup);this.gameGroup.add(this.ballGroup);this.arm game.add.sprite(game.width / 2, game.height / 4 * 2.7, arm);this.arm.anchor.set(0, 0.5);this.arm.tint this.tintColor2;this.ballGroup.add(this.arm);this.balls [game.add.sprite(game.width / 2, game.height / 4 * 2.7, ball),game.add.sprite(game.width / 2, game.height / 2, ball)]this.balls[0].anchor.set(0.5);this.balls[0].tint this.tintColor2;this.balls[1].anchor.set(0.5);this.balls[1].tint this.tintColor2;this.ballGroup.add(this.balls[0]);this.ballGroup.add(this.balls[1]);this.rotationAngle 0;this.rotatingBall 1;var target game.add.sprite(0, 0, target);target.anchor.set(0.5);target.x this.balls[0].x;target.y this.balls[0].y;this.targetGroup.add(target);this.targetArray.push(target);game.input.onDown.add(this.changeBall, this);for(var i 0; i visibleTargets; i){this.addTarget();}},update: function(){var distanceFromTarget this.balls[this.rotatingBall].position.distance(this.targetArray[1].position);if(distanceFromTarget 90 this.destroy this.steps visibleTargets){this.gameOver();}if(distanceFromTarget 40 !this.destroy){this.destroy true;}this.rotationAngle (this.rotationAngle this.saveRotationSpeed * (this.rotatingDirection * 2 - 1)) % 360;this.arm.angle this.rotationAngle 90;this.balls[this.rotatingBall].x this.balls[1 - this.rotatingBall].x - ballDistance * Math.sin(Phaser.Math.degToRad(this.rotationAngle));this.balls[this.rotatingBall].y this.balls[1 - this.rotatingBall].y ballDistance * Math.cos(Phaser.Math.degToRad(this.rotationAngle));var distanceX this.balls[1 - this.rotatingBall].worldPosition.x - game.width / 2;var distanceY this.balls[1 - this.rotatingBall].worldPosition.y - game.height / 4 * 2.7;this.gameGroup.x Phaser.Math.linearInterpolation([this.gameGroup.x, this.gameGroup.x - distanceX], 0.05);this.gameGroup.y Phaser.Math.linearInterpolation([this.gameGroup.y, this.gameGroup.y - distanceY], 0.05);},changeBall:function(){this.destroy false;var distanceFromTarget this.balls[this.rotatingBall].position.distance(this.targetArray[1].position);if(distanceFromTarget 20){this.rotatingDirection game.rnd.between(0, 1);var detroyTween game.add.tween(this.targetArray[0]).to({alpha: 0}, 500, Phaser.Easing.Cubic.In, true);detroyTween.onComplete.add(function(e){e.destroy();})this.targetArray.shift();this.arm.position this.balls[this.rotatingBall].position;this.rotatingBall 1 - this.rotatingBall;this.rotationAngle this.balls[1 - this.rotatingBall].position.angle(this.balls[this.rotatingBall].position, true) - 90;this.arm.angle this.rotationAngle 90;for(var i 0; i this.targetArray.length; i){this.targetArray[i].alpha 1 / 7;}this.addTarget();}else{this.gameOver();}},addTarget: function(){this.steps;startX this.targetArray[this.targetArray.length - 1].x;startY this.targetArray[this.targetArray.length - 1].y;var target game.add.sprite(0, 0, target);var randomAngle game.rnd.between(angleRange[0] 90, angleRange[1] 90);target.anchor.set(0.5);target.x startX ballDistance * Math.sin(Phaser.Math.degToRad(randomAngle));target.y startY ballDistance * Math.cos(Phaser.Math.degToRad(randomAngle));target.alpha 1 - this.targetArray.length * (1 / 7);var style {font: bold 32px Arial,fill: # this.tintColor.toString(16),align: center};var text game.add.text(0, 0, this.steps.toString(), style);text.anchor.set(0.5);target.addChild(text);this.targetGroup.add(target);this.targetArray.push(target);},gameOver: function(){localStorage.setItem(circlepath,JSON.stringify({score: Math.max(this.savedData.score, this.steps - visibleTargets)}));game.input.onDown.remove(this.changeBall, this);this.saveRotationSpeed 0;this.arm.destroy();var gameOverTween game.add.tween(this.balls[1 - this.rotatingBall]).to({alpha: 0}, 1000, Phaser.Easing.Cubic.Out, true);gameOverTween.onComplete.add(function(){game.state.start(PlayGame);},this)}
}rs [0x62bd18, 0xffbb00, 0xff5300, 0xd21034, 0xff475c, 0x8f16b2];window.onload function() { game new Phaser.Game(640, 960, Phaser.CANVAS, );game.state.add(PlayGame, playGame);game.state.start(PlayGame);
}源码
需要源码请关注添加好友哦^ ^ 转载欢迎来到本站转载请注明文章出处https://ormcc.com/
