{"id":289,"date":"2017-09-21T17:56:06","date_gmt":"2017-09-21T09:56:06","guid":{"rendered":"http:\/\/blog.xrhoujie.com\/?p=289"},"modified":"2017-09-21T17:58:03","modified_gmt":"2017-09-21T09:58:03","slug":"phaser-js%e5%bc%80%e5%8f%91%e8%ba%b2%e9%81%bf%e5%a4%96%e6%98%9f%e4%ba%ba%e6%b8%b8%e6%88%8f","status":"publish","type":"post","link":"http:\/\/blog.xrhoujie.com\/?p=289","title":{"rendered":"Phaser.js\u5f00\u53d1\u8eb2\u907f\u5916\u661f\u4eba\u6e38\u620f(\u7ec8\u7ed3\u7bc7)"},"content":{"rendered":"<p>\u53c8\u5230\u4e86\u5199\u535a\u5ba2\u7684\u65f6\u5019\uff0c\u4e0d\u514d\u53c8\u8ddf\u5404\u4f4d\u8001\u54e5\u7d6e\u53e8\u7d6e\u53e8\uff0c\u54c8\u54c8\uff0c\u4eca\u5929\u7ed9\u5927\u5bb6\u5e26\u6765\u7684\u662f\u4e00\u6b3e\u7528phaser \u5f00\u53d1\u7684\u8eb2\u907f\u5916\u661f\u4eba\u6e38\u620f\uff0c\u5982\u679c\u4f60\u60f3\u4e0b\u8f7d \u4f20\u9001\u5165\u53e3\u5728\u8fd9\u91cc\uff1a<\/p>\n<p><a href=\"https:\/\/github.com\/894658027\/HTML5-Games\/tree\/master\/PhaserJs\/eludeAliens\">https:\/\/github.com\/894658027\/HTML5-Games\/tree\/master\/PhaserJs\/eludeAliens<\/a><\/p>\n<p>\u8bdd\u4e0d\u591a\u8bf4\u6211\u4eec\u76f4\u63a5\u4e0a\u4ee3\u7801\uff0c<\/p>\n<div>\n<div>&lt;!DOCTYPE html&gt;<\/div>\n<div>&lt;html lang=&#8221;en&#8221;&gt;<\/div>\n<div>&lt;head&gt;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0&lt;meta charset=&#8221;UTF-8&#8243;&gt;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0&lt;title&gt;\u8eb2\u907f\u5916\u661f\u4eba&lt;\/title&gt;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0&lt;link href=&#8221;css\/ste.css&#8221; rel = &#8220;stylesheet&#8221; type=&#8221;text\/css&#8221;&gt;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0&lt;style&gt;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0html,body{<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0height: 100%;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0margin: 0;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0padding: 0;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0#icon_1{position: absolute;top: 1px;left: 1%;z-index: 997;display: none;}<\/div>\n<div>#icon_2{position: absolute;top: 1px;right: 1%; z-index: 996;display: none;}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0#bg-canvas{margin:auto; position: absolute; z-index:-10;width: 100vw;top:0px;left:0px;height:100vh;}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0@media (min-width: 1365px) and (max-width: 1400px) {<\/div>\n<div>#bg-canvas{height:110vh;}<\/div>\n<div>}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 @media (min-width: 1400px) and (max-width: 1510px) {<\/div>\n<div>#bg-canvas{height:125vh;}<\/div>\n<div>}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0@media (min-width: 1025px) and (max-width: 1364px) {<\/div>\n<div>#bg-canvas{height:104vh;}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 @media (min-width: 767px) and (max-width: 991px) {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 #bg-canvas{height:100vh;}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0@media (min-width: 1510px) and (max-width: 1920px) {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 #bg-canvas{height:110vh;}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0&lt;\/style&gt;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0&lt;script src=&#8221;js\/jquery.min.js&#8221;&gt;&lt;\/script&gt;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0&lt;script src=&#8221;js\/create.js&#8221;&gt;&lt;\/script&gt;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0&lt;script src=&#8221;js\/common.js&#8221;&gt;&lt;\/script&gt;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0&lt;script src=&#8221;js\/stbg.js&#8221;&gt;&lt;\/script&gt;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0&lt;script src=&#8221;js\/phaser.min.js&#8221;&gt;&lt;\/script&gt;<\/div>\n<div>&lt;\/head&gt;<\/div>\n<div>&lt;body&gt;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0&lt;div id=&#8221;container&#8221;&gt;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0&lt;\/div&gt;<\/div>\n<div>&lt;divid=&#8221;instructions&#8221;style=&#8221;display: none;&#8221;&gt;<\/div>\n<div>&lt;divclass=&#8221;select&#8221;style=&#8221;display: none;&#8221;&gt;<\/div>\n<div>&lt;\/div&gt;<\/div>\n<div>&lt;divid=&#8221;instruction1&#8243;style=&#8221;display: block;&#8221;&gt;<\/div>\n<div>&lt;divclass=&#8221;indent&#8221;style=&#8221;margin-top: 20px;&#8221;&gt;<\/div>\n<div>\u8bf7\u89c2\u5bdf\u661f\u661f\u7684\u72b6\u6001\u6216\u8fd0\u52a8\u65b9\u5f0f,\u627e\u51fa\u72b6\u6001\u6216\u8fd0\u52a8\u4e0d\u540c\u7684\u661f\u661f,\u8fc5\u901f\u70b9\u51fb\u5c4f\u5e55,\u627e\u5bf9\u6709\u60ca\u559c\uff01<\/div>\n<div>&lt;\/div&gt;<\/div>\n<div>&lt;divclass=&#8221;start&#8221;&gt;&lt;\/div&gt;<\/div>\n<div>&lt;\/div&gt;<\/div>\n<div>&lt;divid=&#8221;instruction2&#8243;&gt;<\/div>\n<div>&lt;divclass=&#8221;indent&#8221;&gt;<\/div>\n<div>\u8bf7\u89c2\u5bdf\u661f\u661f\u7684\u72b6\u6001\u6216\u8fd0\u52a8\u65b9\u5f0f,\u627e\u51fa\u72b6\u6001\u6216\u8fd0\u52a8\u4e0d\u540c\u7684\u661f\u661f,\u8fc5\u901f\u70b9\u51fb\u5c4f\u5e55,\u627e\u5bf9\u6709\u60ca\u559c\uff01<\/div>\n<div>&lt;\/div&gt;<\/div>\n<div>&lt;divclass=&#8221;instruct-confirm&#8221;&gt;&lt;\/div&gt;<\/div>\n<div>&lt;\/div&gt;<\/div>\n<div>&lt;\/div&gt;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0&lt;div id=&#8221;icon_1&#8243;&gt;&lt;img src=&#8221;image\/help2.png&#8221;&gt;&lt;\/div&gt;<\/div>\n<div>&lt;divid=&#8221;icon_2&#8243;&gt;&lt;ahref=&#8221;index.html&#8221;&gt;&lt;imgsrc=&#8221;image\/reset1.png&#8221;&gt;&lt;\/a&gt;&lt;\/div&gt;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0 &lt;canvas id=&#8221;bg-canvas&#8221; width=&#8221;1024&#8243; height=&#8221;720&#8243; &gt;&lt;\/canvas&gt;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0&lt;script&gt;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0window.handleResize = function () {<\/div>\n<div>if (window.innerWidth&lt;window.innerHeight*1024\/768) {<\/div>\n<div>$(&#8220;#container&#8221;).css({<\/div>\n<div>&#8220;height&#8221;:&#8221;auto&#8221;,<\/div>\n<div>&#8220;width&#8221;:&#8221;99.9vw&#8221;<\/div>\n<div>});<\/div>\n<div>}<\/div>\n<div>};<\/div>\n<div>window.addEventListener(&#8216;resize&#8217;, handleResize, false);<\/div>\n<div>window.handleResize();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\/\/ \u80cc\u666f\u63a7\u4ef6<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0$(document).ready(function () {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0$(&#8220;#icon_1&#8221;).click(function () {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$(&#8220;#instructions&#8221;).show();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$(&#8220;#container&#8221;).hide();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0});<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0$(&#8220;.start&#8221;).click(function () {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$(&#8220;#container&#8221;).show();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$(&#8220;#instructions&#8221;).hide();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0});<\/div>\n<div>});<\/div>\n<div>function canvasBgone() {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0var config = {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0barWidth: 5,<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0deltaTime: 400,<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0showTimes: 8<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0};<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0if (window.stbg) stbg.removeSelf();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0window.stbg = new STBG(config);<\/div>\n<div>}<\/div>\n<div>function canvasBgtwo() {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0var config = {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0barWidth: 10,<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0deltaTime: 400,<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0showTimes: 8<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0};<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0if (window.stbg) stbg.removeSelf();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0window.stbg = new STBG(config);<\/div>\n<div>}<\/div>\n<div>function canvasBgthree() {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0var config = {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0barWidth: 15,<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0deltaTime: 400,<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0showTimes: 8<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0};<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0if (window.stbg) stbg.removeSelf();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0window.stbg = new STBG(config);<\/div>\n<div>}<\/div>\n<div>function canvasBgfour() {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0var config = {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0barWidth: 20,<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0deltaTime: 400,<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0showTimes: 8<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0};<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0if (window.stbg) stbg.removeSelf();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0window.stbg = new STBG(config);<\/div>\n<div>}<\/div>\n<div>\/\/ var timer;<\/div>\n<div>\/\/ var total = 0;<\/div>\n<div>document.body.style.margin = &#8220;0px&#8221;;<\/div>\n<div>onload = function () {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/SET\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0var loading;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0var progressText;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/BOOTSTATE\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0var bootState = function bootState(game) {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.preload = function () {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.load.image(&#8216;loading&#8217;, &#8216;.\/assets\/preloader.gif&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0};<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.create = function () {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ game.stage.backgroundColor = &#8216;#2384e7&#8217;;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.state.start(&#8216;loader&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0};<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0};<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/LOADERSTATE\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0var loaderState = function loaderState(game) {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.init = function () {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0loading = game.add.image(game.world.centerX, game.world.centerY, &#8216;loading&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0loading.anchor = { x: 0.5, y: 0.5 };<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0progressText = game.add.text(game.world.centerX, game.world.centerY + 30, &#8216;0%&#8217;, { fill: &#8216;#fff&#8217;, fontSize: &#8217;16px&#8217; });<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0progressText.anchor = { x: 0.5, y: 0.5 };<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u81ea\u52a8\u68c0\u6d4b\u6e38\u620f\u7a97\u53e3\u53d8\u5316<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.scale.pageAlignHorizontally = true;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.scale.pageAlignVertically = true;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0};<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.preload = function () {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.load.audio(&#8216;gameMusic&#8217;, &#8216;assets\/gameMusic.mp3&#8217;); \/\/\u6e38\u620f\u80cc\u666f\u97f3\u4e50<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ game.load.image(&#8216;background&#8217;,&#8217;assets\/background.png&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.load.image(&#8216;proloadPanel&#8217;, &#8216;assets\/proloadPanel.png&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.load.image(&#8216;around_h&#8217;, &#8216;assets\/around_h.png&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.load.image(&#8216;around_v&#8217;, &#8216;assets\/around_v.png&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.load.spritesheet(&#8216;enemy&#8217;, &#8216;assets\/baddie.png&#8217;, 32, 32);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.load.spritesheet(&#8216;player&#8217;, &#8216;assets\/dude.png&#8217;, 32, 48);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.load.image(&#8216;logo&#8217;, &#8216;assets\/logo.png&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.load.image(&#8216;button&#8217;, &#8216;assets\/restart.png&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.load.image(&#8216;scorePanel&#8217;, &#8216;assets\/scorePanel.png&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.load.image(&#8216;gameTimer&#8217;, &#8216;assets\/gameTimer.png&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.load.spritesheet(&#8216;snowflakes&#8217;, &#8216;assets\/snowflakes.png&#8217;, 17, 17);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.load.spritesheet(&#8216;snowflakes_large&#8217;, &#8216;assets\/snowflakes_large.png&#8217;, 64, 64);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.load.onFileComplete.add(function (progress) {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0progressText.text = progress + &#8216;%&#8217;;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0canvasBgfour();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0};<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.create = function () {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ \u96ea\u82b1\u80cc\u666f<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ snowBg();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.music = this.add.audio(&#8216;gameMusic&#8217;, 1, true);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.music.play(&#8221;, 0, 1, true);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0loading.kill();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0progressText.destroy();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var text = game.add.text(0, game.world.height \/ 15, &#8216;\u7535\u8111\u7aef\uff1a\u952e\u76d8(\u4e0a\u4e0b\u5de6\u53f3),\u79fb\u52a8\u7aef\uff1a\u89e6\u6478,\u64cd\u4f5c\u8d85\u4eba\u8fdb\u884c\u8eb2\u907f\u654c\u4eba!&#8217;, { fill: &#8216;#fff&#8217;, fontSize: &#8217;35px&#8217; });<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0text.setShadow(3, 3, &#8216;rgba(0,0,0,0.8)&#8217;, 2);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0text.x = (game.world.width &#8211; text.width) \/ 2;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0text.alpha = 1;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u9ed1\u8272\u6a2a\u5e45<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var bar = game.add.graphics();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0bar.beginFill(0x000000, 0.5);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0bar.drawRect(0, 25, 1280, 100);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ \u6587\u5b57\u5185\u5bb9<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var styleText = { font: &#8220;bold 32px Arial&#8221;, fill: &#8220;#fff&#8221;, boundsAlignH: &#8220;center&#8221;, boundsAlignV: &#8220;middle&#8221; };<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var scorePanel = game.add.sprite(game.world.centerX \/ 2, 180, &#8216;proloadPanel&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ logo\u6309\u94ae<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.add.tween(text).from({ alpha: 0 }, 4000, Phaser.Easing.Bounce.Out, true);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var sprite = game.add.sprite(game.world.centerX, game.world.centerY + 55, &#8216;logo&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0sprite.anchor.set(0.5);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.add.tween(sprite).from({ y: -200 }, 2000, Phaser.Easing.Bounce.Out, true);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0sprite.inputEnabled = true;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0sprite.events.onInputDown.add(function () {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.state.start(&#8216;main&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}, this);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0};<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0};<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/MAINSTATE\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0var mainState = function mainState(game) {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var score = 1;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var timeStr;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var timeStrs;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var enemy = [];<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var enemys;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var enemy;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var player;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var around;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var cursors;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var playerV = 150;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.create = function () {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ snowBg();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$(&#8220;#icon_1&#8221;).show();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$(&#8220;#icon_2&#8221;).show();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.physics.startSystem(Phaser.ARCADE);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys = game.add.group();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.enableBody = true;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemy = game.add.sprite(0, 0, &#8216;baddie&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemy.animations.add(&#8216;baddie&#8217;, [0, 1, 2, 3], 4, true);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemy.animations.play(&#8216;baddie&#8217;, 8, true);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.create(32, 32, &#8216;enemy&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0around = game.add.group();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0around.enableBody = true;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0around.create(0, 0, &#8216;around_h&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0around.create(game.world.width &#8211; 30, 0, &#8216;around_h&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0around.create(0, 0, &#8216;around_v&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0around.create(0, game.world.height &#8211; 30, &#8216;around_v&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0player = game.add.sprite(0, 0, &#8216;player&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.physics.arcade.enable(player);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0player.x = (game.world.width &#8211; player.width) \/ 2;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0player.y = (game.world.height &#8211; player.height) \/ 2;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0player.scale.setTo(0.7);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0player.inputEnabled = true;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0player.input.enableDrag(false);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0loopMove(enemys.getChildAt(0), 3, 3);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var scoreTimer = game.add.sprite(game.world.centerX \/ 1.4, 50, &#8216;gameTimer&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ \u8ba1\u65f6\u7edf\u8ba1\u9762\u677f<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0timeStr = game.add.text(0, game.world.height \/ 9 &#8211; 5, &#8220;\u5f53\u524d\u65f6\u95f4:&#8221; + score, { fill: &#8216;#fff&#8217;, fontSize: &#8217;32px&#8217; });<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0timeStrs = game.add.text(-200, game.world.height \/ 9, score, { fill: &#8216;#fff&#8217;, fontSize: &#8217;32px&#8217; });<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.time.events.add(Phaser.Timer.SECOND * 10, twoEnemys, this);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.time.events.add(Phaser.Timer.SECOND * 20, threeEnemys, this);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.time.events.add(Phaser.Timer.SECOND * 30, fourEnemys, this);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.time.events.add(Phaser.Timer.SECOND * 40, fiveEnemys, this);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.time.events.add(Phaser.Timer.SECOND * 50, sixEnemys, this);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.time.events.add(Phaser.Timer.SECOND * 60, sevenEnemys, this);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0player.animations.add(&#8216;left&#8217;, [0, 1, 2, 3], 10, true);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u6dfb\u52a0\u52a8\u753b\uff0c\u5de6\u6267\u884c1-4\u5e27\uff0c10\u5e27\u6bcf\u79d2\u901f\u5ea6\u64ad\u653e\uff0c\u5faa\u73af\u64ad\u653e<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0player.animations.add(&#8216;right&#8217;, [5, 6, 7, 8], 10, true);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u6dfb\u52a0\u52a8\u753b\uff0c\u53f3\u6267\u884c1-4\u5e27\uff0c10\u5e27\u6bcf\u79d2\u901f\u5ea6\u64ad\u653e\uff0c\u5faa\u73af\u64ad\u653e<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0};<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0function twoEnemys() {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.create(32, 32, &#8216;enemy&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0loopMove(enemys.getChildAt(1), 3, 3);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0console.log(&#8220;\u7b2c\u4e8c\u4e2a\u654c\u4eba&#8221;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0function threeEnemys() {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.create(32, 32, &#8216;enemy&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0loopMove(enemys.getChildAt(2), 3, 3);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0player.scale.setTo(0.6);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.getChildAt(0).scale.setTo(0.6, 0.6);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.getChildAt(1).scale.setTo(0.6, 0.6);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.getChildAt(2).scale.setTo(0.6, 0.6);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ player.y = 660;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0canvasBgfour();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0console.log(&#8220;\u7b2c\u4e09\u4e2a\u654c\u4eba&#8221;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0function fourEnemys() {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.create(32, 32, &#8216;enemy&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0loopMove(enemys.getChildAt(3), 3, 3);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0player.scale.setTo(0.5);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.getChildAt(0).scale.setTo(0.5, 0.5);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.getChildAt(1).scale.setTo(0.5, 0.5);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.getChildAt(2).scale.setTo(0.5, 0.5);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.getChildAt(3).scale.setTo(0.5, 0.5);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ player.y = 665;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0canvasBgthree();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0console.log(&#8220;\u7b2c\u56db\u4e2a\u654c\u4eba&#8221;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0function fiveEnemys() {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0canvasBgtwo();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.create(32, 32, &#8216;enemy&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0loopMove(enemys.getChildAt(4), 3, 3);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0player.scale.setTo(0.4);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.getChildAt(0).scale.setTo(0.4, 0.4);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.getChildAt(1).scale.setTo(0.4, 0.4);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.getChildAt(2).scale.setTo(0.4, 0.4);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.getChildAt(3).scale.setTo(0.4, 0.4);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.getChildAt(4).scale.setTo(0.4, 0.4);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ player.y = 670;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0console.log(&#8220;\u7b2c\u4e94\u4e2a\u654c\u4eba&#8221;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0function sixEnemys() {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0canvasBgone();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.create(32, 32, &#8216;enemy&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0loopMove(enemys.getChildAt(5), 3, 3);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0player.scale.setTo(0.3);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.getChildAt(0).scale.setTo(0.3, 0.3);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.getChildAt(1).scale.setTo(0.3, 0.3);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.getChildAt(2).scale.setTo(0.3, 0.3);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.getChildAt(3).scale.setTo(0.3, 0.3);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.getChildAt(4).scale.setTo(0.3, 0.3);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.getChildAt(5).scale.setTo(0.3, 0.3);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ player.y = 675;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0console.log(&#8220;\u7b2c\u516d\u4e2a\u654c\u4eba&#8221;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0function sevenEnemys() {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0canvasBgone();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.create(32, 32, &#8216;enemy&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0loopMove(enemys.getChildAt(6), 3, 3);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0player.scale.setTo(0.2);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.getChildAt(0).scale.setTo(0.2, 0.2);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.getChildAt(1).scale.setTo(0.2, 0.2);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.getChildAt(2).scale.setTo(0.2, 0.2);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.getChildAt(3).scale.setTo(0.2, 0.2);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.getChildAt(4).scale.setTo(0.2, 0.2);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.getChildAt(5).scale.setTo(0.2, 0.2);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0enemys.getChildAt(6).scale.setTo(0.2, 0.2);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ player.y = 680;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0console.log(&#8220;\u7b2c\u4e03\u4e2a\u654c\u4eba&#8221;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.update = function () {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0cursors = game.input.keyboard.createCursorKeys(); \/\/\u952e\u76d8\u4e8b\u4ef6<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (player.alive) {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0player.body.velocity.x = 0; \/\/\u52a0\u901f\u5ea6\u9ed8\u8ba4\u503c0<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0player.body.velocity.y = 0;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (cursors.left.isDown) {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0player.body.velocity.x = -playerV;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0player.animations.play(&#8216;left&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0} else if (cursors.right.isDown) {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0player.body.velocity.x = +playerV;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0player.animations.play(&#8216;right&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0else if (cursors.up.isDown) {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0player.body.velocity.y = -playerV;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ player.animations.play(&#8216;right&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}else if (cursors.down.isDown) {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0player.body.velocity.y = +playerV;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ player.animations.play(&#8216;right&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0else {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0player.animations.stop();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0player.frame = 4; \/\/\u7b2c\u56db\u5e27<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.physics.arcade.overlap(player, around, function () {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.state.start(&#8216;theEnd&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ player.body.collideWorldBounds = true;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.physics.arcade.overlap(player, enemys, function () {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.state.start(&#8216;theEnd&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0};<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.render = function () {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ game.debug.text(&#8216;Time until event: &#8216; + timer.duration.toFixed(1), 350, 128,{fill:&#8217;#fff&#8217;,fontSize:&#8217;48px&#8217;});<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ game.debug.text(&#8216;\u5f53\u524d\u65f6\u95f4: &#8216; + total + &#8220;s&#8221;, 350, 128,{fill:&#8217;#fff&#8217;,fontSize:&#8217;48px&#8217;});<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (score &gt; 0) {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0score += 0.01;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0timeStr.text = score.toFixed(1);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0timeStrs.text = score.toFixed(1);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0ts = timeStrs.text;<\/div>\n<div>\/\/ \u4fee\u6539\u8ba1\u65f6\u5f97\u5206<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0timeStr.x = (game.world.width &#8211; timeStr.width) \/ 2 + 105;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0};<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0};<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/THEENDSTATE \u7ed3\u675f\u754c\u9762\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0var theEndState = function theEndState(game) {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0this.create = function () {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var scoreTimer = game.add.sprite(game.world.centerX \/ 1.9, 50, &#8216;scorePanel&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var styles = { font: &#8220;35px Arial&#8221;, fill: &#8220;#fff&#8221;, align: &#8220;center&#8221; };<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var text = game.add.text(0, game.world.height \/ 4 + 28, &#8221;, styles);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0text.text = ts;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0text.x = (game.world.width &#8211; text.width) \/ 2 + 95;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0var button = game.add.button(0, -200, &#8216;button&#8217;, function () {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0location.reload();<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0});<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0button.x = (game.world.width &#8211; button.width) \/ 2 + 20;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.add.tween(button).to({ y: game.world.centerY }, 2000, Phaser.Easing.Bounce.Out, true);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0};<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0};<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/PUBLIC\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0var game = new Phaser.Game(1024, 660, Phaser.AUTO, &#8216;container&#8217;, &#8221;, true);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0game.state.add(&#8216;boot&#8217;, bootState);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0game.state.add(&#8216;loader&#8217;, loaderState);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0game.state.add(&#8216;main&#8217;, mainState);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0game.state.add(&#8216;theEnd&#8217;, theEndState);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0game.state.start(&#8216;boot&#8217;);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/FUNCTION\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0function loopMove(obj, x, y) {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0game.time.events.loop(Phaser.Timer.SECOND \/ 70, function () {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (obj.x &lt;= 30) {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0x = -x;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (obj.y &lt;= 30) {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0y = -y;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/\u6709\u6548\u6d3b\u52a8\u8303\u56f4<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (obj.x &gt; game.world.width &#8211; 30 &#8211; obj.width) {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0x = -x;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0if (obj.y &gt; game.world.height &#8211; 30 &#8211; obj.height) {<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0y = -y;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/ obj.x = obj.x + x;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0obj.x = obj.x + x;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0obj.y = obj.y + y;<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}, this);<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0}<\/div>\n<div>};<\/div>\n<div>\u00a0\u00a0\u00a0\u00a0&lt;\/script&gt;<\/div>\n<div>&lt;\/body&gt;<\/div>\n<div>&lt;\/html&gt;<\/div>\n<\/div>\n<div>\u4eca\u5929\u53c8\u662f\u4ee3\u7801\u6162\u6162\u7684\u4e00\u5929\uff0c\u8001\u54e5\u4eec\u518d\u89c1\uff0c<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u53c8\u5230\u4e86\u5199\u535a\u5ba2\u7684\u65f6\u5019\uff0c\u4e0d\u514d\u53c8\u8ddf\u5404\u4f4d\u8001\u54e5\u7d6e\u53e8\u7d6e\u53e8\uff0c\u54c8\u54c8\uff0c\u4eca\u5929\u7ed9\u5927\u5bb6\u5e26\u6765\u7684\u662f\u4e00\u6b3e\u7528phaser \u5f00\u53d1\u7684\u8eb2\u907f\u5916\u661f\u4eba\u6e38\u620f [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":148,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[16],"_links":{"self":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/289"}],"collection":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=289"}],"version-history":[{"count":2,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/289\/revisions"}],"predecessor-version":[{"id":292,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/289\/revisions\/292"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/media\/148"}],"wp:attachment":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=289"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=289"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}