往上走^^

欢迎来到程序小院

往上走

玩法：转动的圆球，点击固定到上方的圆中即可往上走一步，转动超过上面圆即游戏结束，
往上走一步加1分，快去往上走吧^^。

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

html

  <canvas width="640" height="960"></canvas>

css

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");
}

源码

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