欢迎来到程序小院
八爪鱼拉拉手
玩法：点击鼠标左键拖动移动八爪鱼，当他的手很忙的时候他会很高兴，
不同关卡不同的八爪鱼的位置摆放，快去闯关吧^^。
开始游戏
https://www.ormcc.com/play/gameStart/248
html
<div id="gameContainer"></div>
<div id="orientation"></div>
css
#orientation {margin: 0 auto;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url(../assets/graphics/rotate-phone.png);background-repeat: no-repeat;background-position: center;background-color: #fff;z-index: 999;display: none;
}@font-face {font-family: 'GrilledCheeseBTNToasted';font-style: normal;font-weight: normal;src: local('GrilledCheeseBTNToasted'), url('../assets/fonts/GrilledCheeseBTNToasted.woff') format('woff');
}
js
function onLoad() {new game.Main
}
var game; !
function(t) {var e = function() {function t() {}return t.GAME_WIDTH = 640,t.GAME_HEIGHT = 832,t.HALF_GAME_WIDTH = .5 * t.GAME_WIDTH,t.HALF_GAME_HEIGHT = .5 * t.GAME_HEIGHT,t.LEVELS_NUM = 60,t} ();t.Config = e
} (game || (game = {}));
var __extends = this.__extends ||
function(t, e) {function i() {this.constructor = t}for (var a in e) e.hasOwnProperty(a) && (t[a] = e[a]);i.prototype = e.prototype,t.prototype = new i
},
game; !
function(t) {var e = function(e) {function i() {e.apply(this, arguments)}return __extends(i, e),i.prototype.init = function() {this.game.device.android && !this.game.device.chrome && (this.game.canvas.parentElement.style.overflow = "visible");var t = {font: "10px GrilledCheeseBTNToasted"},e = this.add.text(0, 0, "0", t);e.destroy()},i.prototype.preload = function() {this.load.image("rotate", "assets/graphics/rotate-phone.png"),this.load.image("LoadingBar_Outer", "assets/graphics/LoadingBar_Outer.png"),this.load.image("LoadingBar_Inner", "assets/graphics/LoadingBar_Inner.png")},i.prototype.create = function() {var e = this.game.scale;e.scaleMode = Phaser.ScaleManager.SHOW_ALL,e.minWidth = .25 * t.Config.GAME_WIDTH,e.minHeight = .25 * t.Config.GAME_HEIGHT,e.aspectRatio = t.Config.GAME_WIDTH / t.Config.GAME_HEIGHT,e.pageAlignHorizontally = !0,e.pageAlignVertically = !0,this.game.device.desktop || e.forceOrientation(!1, !0),e.enterIncorrectOrientation.add(this.onEnterIncorrectOrientation, this),e.leaveIncorrectOrientation.add(this.onLeaveIncorrectOrientation, this),e.setScreenSize(!0),this.input.maxPointers = 1,this.stage.disableVisibilityChange = !0,this.stage.backgroundColor = 8179412,this.game.state.start("Preloader", !0, !1)},i.prototype.onEnterIncorrectOrientation = function() {document.getElementById("orientation").style.display = "block",document.body.style.marginBottom = "0px"},i.prototype.onLeaveIncorrectOrientation = function() {document.getElementById("orientation").style.display = "none",document.body.style.marginBottom = "100px",this.game.device.android && !this.game.device.chrome && this.game.scale.setScreenSize(!0)},i} (Phaser.State);t.Boot = e
} (game || (game = {}));
var game; !
function(t) {var e = function(t) {function e() {t.apply(this, arguments)}return __extends(e, t),e.prototype.create = function() {},e.prototype.addSplash = function() {},e.prototype.gotoMainMenu = function() {this.game.state.start("MainMenu", !0, !1, !0)},e} (Phaser.State);t.SplashScreen = e
} (game || (game = {}));
var game; !
function(t) {var e = function(e) {function i(i, a) {e.call(this, i, a),this.overlayDuration = 300;var n = i.add.bitmapData(t.Config.GAME_WIDTH, t.Config.GAME_HEIGHT, "overlay", !0);n.context.fillStyle = "rgba(0, 0, 0, 1)",n.context.fillRect(0, 0, t.Config.GAME_WIDTH, t.Config.GAME_HEIGHT),this.overlay = new Phaser.Image(i, 0, 0, n),this.overlay.visible = !1,this.game.stage.addChild(this.overlay)}return __extends(i, e),i.prototype.changeState = function(t, e) {this.showOverlay(t, e)},i.prototype.showOverlay = function(t, e) {var i = this;this.game.input.disabled = !0,this.overlayTween && this.overlayTween.isRunning && this.overlayTween.stop(),this.overlay.visible = !0,this.overlay.alpha = 0,this.overlayTween = this.game.add.tween(this.overlay).to({alpha: 1},this.overlayDuration, Phaser.Easing.Cubic.Out, !0),this.overlayTween.onComplete.addOnce(function() {i.doChangeState(t, e)},this)},i.prototype.doChangeState = function(t, e) {var i = this;this.game.state.start(t, !0, !1, e),setTimeout(function() {i.hideOverlay()},100),setTimeout(function() {i.overlay.visible && (i.overlay.visible = !1)},100 + this.overlayDuration)},i.prototype.hideOverlay = function() {this.game.input.disabled = !1,this.overlayTween && this.overlayTween.isRunning && this.overlayTween.stop(),this.overlayTween = this.game.add.tween(this.overlay).to({alpha: 0},this.overlayDuration, Phaser.Easing.Cubic.Out, !0)},i} (Phaser.Plugin);t.StateTransition = e
} (game || (game = {}));
var game; !
function(t) {var e = function(e) {function i() {e.apply(this, arguments)}return __extends(i, e),i.prototype.init = function() {this.addLoadingText()},i.prototype.addLoadingText = function() {var e = {font: "45px GrilledCheeseBTNToasted",fill: "#FFFFFF",align: "center"},i = this.game.add.text(0, 0, "Loading...", e);i.anchor.set(.5, .5),i.position.set(t.Config.HALF_GAME_WIDTH, t.Config.HALF_GAME_HEIGHT + 100),i.setShadow(2, 2, "#249BC8")},i.prototype.preload = function() {this.addPreloadBar(),this.loadAssets()},i.prototype.addPreloadBar = function() {if (t.Main.development === !1) {var e = this.game.add.sprite(0, 0, "LoadingBar_Inner");e.x = t.Config.HALF_GAME_WIDTH - .5 * e.width - .5,e.y = t.Config.HALF_GAME_HEIGHT - .5 * e.height - 1.5;var i = this.add.image(0, 0, "LoadingBar_Outer");i.anchor.set(.5, .5),i.x = t.Config.HALF_GAME_WIDTH - .5,i.y = t.Config.HALF_GAME_HEIGHT,this.load.setPreloadSprite(e)}},i.prototype.loadAssets = function() {this.load.audio("main_loop", ["assets/audio/MainLoop.ogg", "assets/audio/MainLoop.m4a"], !0),this.game.device.webAudio && (this.load.audio("tap", ["assets/audio/TapSound.wav"], !0), this.load.audio("onLevelComplete", ["assets/audio/LevelCompleteSound.wav"], !0), this.load.audio("on_down", ["assets/audio/OnDown.wav"], !0), this.load.audio("on_up", ["assets/audio/OnUp.wav"], !0), this.load.audio("star", ["assets/audio/Star.wav"], !0), this.load.audio("star_taken", ["assets/audio/StarTaken.wav"], !0)),// this.load.image("splash_screen", "assets/graphics/Splash_Image_play68.png"),this.load.atlasJSONHash("gui", "assets/graphics/gui.png", "assets/graphics/gui.json"),this.load.atlasJSONHash("level_graphics", "assets/graphics/level_graphics.png", "assets/graphics/level_graphics.json"),this.load.atlasJSONHash("manta_ray", "assets/graphics/manta_ray.png","assets/graphics/manta_ray.json"),this.load.atlasJSONHash("level_complete", "assets/graphics/level_complete.png", "assets/graphics/level_complete.json"),this.load.atlasJSONHash("tutor_hand", "assets/graphics/tutorial_hand.png", "assets/graphics/tutorial_hand.json"),this.load.atlasJSONHash("tutorial", "assets/graphics/tutorial.png", "assets/graphics/tutorial.json"),this.load.atlasJSONHash("yellow_fish", "assets/graphics/yellow_fish.png","assets/graphics/yellow_fish.json"),this.load.atlasJSONHash("pink_fish", "assets/graphics/pink_fish.png","assets/graphics/pink_fish.json"),this.load.json("texts", "assets/texts.json"),t.Main.development ? this.load.json("startLevel", "assets/levels/StartLevel.json") : this.load.json("levelConfigs", "assets/levels/Levels.json")},i.prototype.create = function() {this.initLanguage(),this.prepareTextures(),this.game.plugins.add(t.StateTransition),this.game.cache.removeImage("LoadingBar_Outer"),this.game.cache.removeImage("LoadingBar_Inner"),t.Main.development && this.cache.getJSON("startLevel").level,this.game.state.start("MainMenu", !0, !1, !0)},i.prototype.initLanguage = function() {var e = this.game.cache.getJSON("texts");t.Main.texts = e[t.Main.language]},i.prototype.prepareTextures = function() {},i} (Phaser.State);t.Preloader = e
} (game || (game = {}));
var game; !
function(t) {var e = function(t) {function e(e, i, a, n, s) {var o = this;t.call(this, e, i, a, n, s),this._callback = new Phaser.Signal,this.anchor.set(.5, .5),this.inputEnabled = !0,this.game.device.desktop && (this.input.useHandCursor = !0),this.inputEnabled && (this.events.onInputDown.add(function() {o.game.device.webAudio && o.game.sound.play("tap"),o.game.add.tween(o.scale).to({x: .9,y: .9},200, Phaser.Easing.Cubic.Out, !0)}), this.events.onInputUp.add(function() {o.game.add.tween(o.scale).to({x: 1,y: 1},100, Phaser.Easing.Cubic.Out, !0).onComplete.addOnce(o._callback.dispatch, o)}))}return __extends(e, t),e.prototype.destroy = function() {t.prototype.destroy.call(this),this._callback.dispose()},Object.defineProperty(e.prototype, "callback", {get: function() {return this._callback},enumerable: !0,configurable: !0}),e} (Phaser.Image);t.SimpleButton = e
} (game || (game = {}));
var game; !
function(t) {var e = function(t) {function e(e, i, a, n, s) {t.call(this, e, i, a, "gui", n),this.textureKey1 = n,this.textureKey2 = s,this.activeTextureKey = this.textureKey1,this._state = 1,this.events.onInputUp.add(this.switchTextures, this, 2)}return __extends(e, t),e.prototype.switchTextures = function() {this.activeTextureKey = this.activeTextureKey === this.textureKey1 ? this.textureKey2: this.textureKey1,this.loadTexture("gui", this.activeTextureKey),this._state = this.activeTextureKey === this.textureKey1 ? 1 : 2},Object.defineProperty(e.prototype, "state", {get: function() {return this._state},enumerable: !0,configurable: !0}),e} (game.SimpleButton);t.ToggleButton = e
} (game || (game = {}));
var game; !
function(t) {var e = function(e) {function i() {e.apply(this, arguments),this.fromPreloader = !1}return __extends(i, e),i.prototype.init = function(t) {this.fromPreloader = t},i.prototype.create = function() {this.initImages(),this.addCreatures(),this.initButtons(),this.initLogo(),this.initCredits(),this.initAnimation(),this.fromPreloader && (this.soundButton.input.enabled = !1, this.soundButton.switchTextures(), this.game.input.onTap.addOnce(this.startMusic, this), this.stage.disableVisibilityChange = !1, this.game.onBlur.add(this.onFocusLost, this), this.game.onFocus.add(this.onFocus, this))},i.prototype.onFocusLost = function() {this.game.tweens.pauseAll(),t.Main.wasMuted = this.game.sound.mute,this.game.sound.mute = !0},i.prototype.onFocus = function() {this.game.tweens.resumeAll(),t.Main.wasMuted === !1 && (this.game.sound.mute = !1)},i.prototype.initImages = function() {this.game.add.image( - 32, 0, "gui", "BG_20000"),this.title = this.add.image(0, 0, "gui", "GameTitle0000"),this.title.anchor.set(.5, .5),this.title.x = t.Config.HALF_GAME_WIDTH - .5,this.title.y = 150},i.prototype.addCreatures = function() {this.needlefish = this.game.add.image(t.Config.HALF_GAME_WIDTH + 15, 550,"gui", "Needlefish0000"),this.needlefish.angle = 120,this.octopus = this.game.add.image(t.Config.HALF_GAME_WIDTH + 190, 760, "gui", "Octopus0000"),this.jelly = this.game.add.image(t.Config.HALF_GAME_WIDTH - 145, 740, "gui", "Jelly0000"),[this.needlefish, this.octopus, this.jelly].forEach(function(t) {t.anchor.set(.5, .5)})},i.prototype.initButtons = function() {var e = this,i = 60;this.soundButton = new t.ToggleButton(this.game, t.Config.GAME_WIDTH - i, i,"Music_On_Button0000", "Music_Off_Button0000"),this.soundButton.callback.add(function() {e.game.sound.mute = !e.game.sound.mute}),this.game.sound.mute && this.soundButton.switchTextures(),this.playButton = new t.SimpleButton(this.game, t.Config.HALF_GAME_WIDTH, 330, "gui", "Play_Button0000"),this.playButton.callback.addOnce(function() {e.game.changeState("LevelsMenu")},this),this.creditsButton = new t.SimpleButton(this.game, this.playButton.x + 130, this.playButton.y, "gui", "Credits_Button0000"),this.creditsButton.callback.add(this.toggleCredits, this),this.moreGamesButton = new t.SimpleButton(this.game, this.playButton.x - 130, this.playButton.y, "gui", "MoreGames_Button0000"),this.moreGamesButton.callback.add(this.gotoDeveloperWebsite, this),this.buttons = [this.playButton, this.soundButton, this.moreGamesButton, this.creditsButton],this.buttons.forEach(function(t) {e.world.add(t)})},i.prototype.gotoDeveloperWebsite = function() {// Play68.goHome()},i.prototype.initLogo = function() {},i.prototype.initCredits = function() {this.credits = this.game.add.image(0, 0, "gui", "CreditsBoard0000"),this.credits.position.set(Math.round(.5 * (t.Config.GAME_WIDTH - this.credits.width)), Math.round(.5 * (t.Config.GAME_HEIGHT - this.credits.height))),this.credits.visible = !1},i.prototype.toggleCredits = function() {this.credits.visible ? this.hideCredits() : this.showCredits()},i.prototype.hideCredits = function() {var t = this;this.game.add.tween(this.credits).to({y: this.credits.y + 200,alpha: 0},500, Phaser.Easing.Back.In, !0).onComplete.addOnce(function() {t.playButton.input.enabled = !0,t.creditsButton.input.enabled = !0,t.credits.visible = !1},this)},i.prototype.showCredits = function() {var e = this;this.credits.visible = !0,this.credits.alpha = 0,this.credits.y = Math.round(.5 * (t.Config.GAME_HEIGHT - this.credits.height)) + 200,this.game.add.tween(this.credits).to({y: this.credits.y - 200,alpha: 1},500, Phaser.Easing.Back.Out, !0),this.playButton.input.enabled = !1,this.creditsButton.input.enabled = !1,this.game.input.onTap.addOnce(function() {e.hideCredits()},this)},i.prototype.startMusic = function() {this.game.sound.play("main_loop", .33, !1),this.soundButton.switchTextures(),this.soundButton.input.enabled = !0},i.prototype.initAnimation = function() {var t = this;this.title.y -= 280,this.game.add.tween(this.title).to({y: this.title.y + 280},600, Phaser.Easing.Back.Out, !0, 300);var e = 800;this.needlefish.y += 500,this.octopus.x += 400,this.jelly.x -= 400,this.game.add.tween(this.needlefish).to({y: this.needlefish.y - 500,angle: 354},700, Phaser.Easing.Back.Out, !0, e),this.game.add.tween(this.octopus).to({x: this.octopus.x - 400},600, Phaser.Easing.Back.Out, !0, e + 300),this.game.add.tween(this.jelly).to({x: this.jelly.x + 400},600, Phaser.Easing.Back.Out, !0, e + 300);var i = 1600;this.buttons.forEach(function(e) {e.scale.set(0, 0),t.game.add.tween(e.scale).to({x: 1,y: 1},300, Phaser.Easing.Back.Out, !0, i),i += 200})},i.prototype.destroy = function() {this.buttons = null},i} (Phaser.State);t.MainMenu = e
} (game || (game = {}));
源码
需要源码请关注添加好友哦^ ^
转载：欢迎来到本站，转载请注明文章出处
https://ormcc.com/
