{"id":102,"date":"2016-05-19T14:16:41","date_gmt":"2016-05-19T06:16:41","guid":{"rendered":"http:\/\/blog.xrhoujie.com\/?p=102"},"modified":"2017-07-31T17:11:51","modified_gmt":"2017-07-31T09:11:51","slug":"phaser-js%e5%bc%80%e5%8f%91-%e6%84%a4%e6%80%92%e7%9a%84%e5%b0%8f%e9%b8%9f%e4%b8%8b","status":"publish","type":"post","link":"http:\/\/blog.xrhoujie.com\/?p=102","title":{"rendered":"Phaser.js\u5f00\u53d1-\u6124\u6012\u7684\u5c0f\u9e1f(\u4e0b)"},"content":{"rendered":"<div class=\"blog-abstract\">\u6458\u8981: \u53c8\u5230\u4e86\u6bcf\u5468\u7684\u8fd9\u4e2a\u65f6\u95f4\uff0c\u4eca\u5929\u7ee7\u7eed\u8ddf\u5927\u5bb6\u5206\u4eab&#8221;Phaser.js-\u6124\u6012\u7684\u5c0f\u9e1f&#8221;\uff0c\u63a5\u7740\u4e0a\u7bc7\u7684\u5185\u5bb9\u7ee7\u7eed\u5b66\u4e60\u4e0b\u7bc7<\/div>\n<div id=\"blogBody\" class=\"blog-body\">\n<div class=\"BlogContent\">\n<p>\u901a\u8fc7\u4e0a\u7bc7\u6587\u7ae0\u7684\u5b66\u4e60\uff0c\u6211\u4eec\u5df2\u7ecf\u80fd\u901a\u8fc7\u952e\u76d8\u6765\u63a7\u5236\u5c0f\u9e1f\uff0c\u5305\u62ec\u5c0f\u9e1f\u78b0\u649e\u662f\u5426\u8d85\u51fa\u7a97\u53e3\uff0c\u4ee5\u53ca\u7ba1\u9053\u5faa\u73af\uff0c\u8fd8\u6709\u5206\u6570\u9762\u677f\u7684\u68c0\u6d4b\uff0c\u63a5\u4e0b\u6765\u6211\u4eec\u7ee7\u7eed\u5f80\u4e0b\u8fdb\u884c\u3002<\/p>\n<pre class=\"hljs kotlin\"><code class=\"language-javascript hljs\">update: <span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span>() <\/span>{\r\n        <span class=\"hljs-comment\">\/\/\u5982\u679c\u5c0f\u9e1f\u8d85\u51fa\u7a97\u53e3\uff0c\u91cd\u7f6e\u6e38\u620f<\/span>\r\n        <span class=\"hljs-keyword\">if<\/span> (<span class=\"hljs-keyword\">this<\/span>.bird.inWorld == <span class=\"hljs-literal\">false<\/span>)\r\n            <span class=\"hljs-keyword\">this<\/span>.restart_game(); \r\n\r\n        <span class=\"hljs-comment\">\/\/ \u78b0\u649e\u4e0e\u63a5\u89e6\u611f\u5e94\u7269\u7406\u5f15\u64ce\uff0c\u5c0f\u9e1f\u8ddf\u7ba1\u9053 \uff0c\u91cd\u7f6e\u6e38\u620f<\/span>\r\n        <span class=\"hljs-keyword\">this<\/span>.game.physics.overlap(<span class=\"hljs-keyword\">this<\/span>.bird, <span class=\"hljs-keyword\">this<\/span>.pipes, <span class=\"hljs-keyword\">this<\/span>.restart_game, <span class=\"hljs-literal\">null<\/span>, <span class=\"hljs-keyword\">this<\/span>);      \r\n    },<\/code><\/pre>\n<p>\u8fd9\u91cc\u9762\u7684overlap\u662f\u6307\uff0c\u4ec5\u4ec5\u68c0\u6d4b\u662f\u5426\u78b0\u649e\uff0c\u5e76\u4e14\u5206\u522b\u7ed9\u5b9a\u4e86\u4e09\u4e2a\u5bf9\u8c61\u3002<\/p>\n<p>\u5728\u8fd9\u4e2a\u6e38\u620f\u91cc\u9762\u6211\u4eec\u662f\u7528\u952e\u76d8\u4e8b\u4ef6\u63a7\u5236\u5c0f\u9e1f\uff0c\u6240\u4ee5\u6211\u4eec\u8981\u68c0\u6d4b\u6bcf\u6b21\u6309\u7a7a\u683c\u65f6\uff0c\u8c03\u7528\u7684\u51fd\u6570\uff0c\u4ece\u800c\u83b7\u5f97\u5c0f\u9e1f\u7684\u78b0\u649e\u611f\u5e94\uff0c<\/p>\n<pre class=\"hljs actionscript\"><code class=\"language-javascript hljs\">jump: <span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span><span class=\"hljs-params\">(<\/span><span class=\"hljs-params\">)<\/span> <\/span>{\r\n        <span class=\"hljs-comment\">\/\/ \u68c0\u6d4b\u5c0f\u9e1f\u78b0\u649e \u83b7\u53d6\u4e0b\u964d\u9ad8\u5ea6 \u544a\u8bc9\u4f60\u649e\u7ba1\u5b50\u4e86<\/span>\r\n        <span class=\"hljs-keyword\">this<\/span>.bird.body.velocity.y = <span class=\"hljs-number\">-350<\/span>;\r\n    },<\/code><\/pre>\n<p>\u5c31\u60f3\u63cf\u8ff0\u4e00\u6837\uff0c\u5f53\u5c0f\u9e1f\u649e\u51fb\u7684\u65f6\u5019\uff0c\u9ad8\u5ea6\u76f4\u63a5\u4e3a-350\uff0c\u5f80\u4e0b\u6765\uff0c\u5982\u679c\u649e\u51fb\u4e86=game over\uff0c\u8fd9\u4e2a\u662f\u5fc5\u7136\u4e8b\u4ef6\u3002\u54c8\u54c8\uff0c\u6240\u4ee5\u6211\u4eec\u5f80\u4e0b\u6765\u770b\u770b<\/p>\n<pre class=\"hljs actionscript\"><code class=\"language-javascript hljs\"> <span class=\"hljs-comment\">\/\/ \u6e38\u620f\u4ece\u65b0\u5f00\u59cb\uff0c<\/span>\r\n    restart_game: <span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span><span class=\"hljs-params\">(<\/span><span class=\"hljs-params\">)<\/span> <\/span>{\r\n        <span class=\"hljs-comment\">\/\/\u79fb\u9664\u5bf9\u8c61<\/span>\r\n        <span class=\"hljs-keyword\">this<\/span>.game.time.events.remove(<span class=\"hljs-keyword\">this<\/span>.timer);\r\n\r\n       <span class=\"hljs-comment\">\/\/\u4ece\u65b0\u5f00\u59cb\u6e38\u620f<\/span>\r\n        <span class=\"hljs-keyword\">this<\/span>.game.state.start(<span class=\"hljs-string\">'main'<\/span>);\r\n    },<\/code><\/pre>\n<p>\u8fd9\u91cc\u9762\u7684\u79fb\u9664\u5bf9\u8c61\uff0c\u79fb\u9664\u7684\u662f\u4e0a\u9762\u7684\u65f6\u949f\u5bf9\u8c61(\u5faa\u73af\u5236\u9020\u7ba1\u9053)\uff0c\u5c31\u662f\u4e0d\u8ba9\u4ed6\u7ee7\u7eed\u6e38\u620f\u4e86\uff01<\/p>\n<p>\u4e4b\u540e\u4ece\u65b0\u5f00\u59cb\u6e38\u620f\uff0c<\/p>\n<p>\u4ece\u73b0\u5728\u5f00\u59cb\u6211\u4eec\u5c06\u7ed9\u7ba1\u9053\u8fdb\u884c\u6dfb\u52a0\uff0cPS(\u521a\u521a\u4e00\u76f4\u5728\u5faa\u73af\u7ba1\u9053\uff0c\u4f46\u662f\u7ba1\u9053\u7684\u5177\u4f53\u4f4d\u7f6e\u5e76\u6ca1\u6709\u63d0\u5230)<\/p>\n<pre class=\"hljs actionscript\"><code class=\"language-javascript hljs\"><span class=\"hljs-comment\">\/\/ \u6dfb\u52a0\u7ba1\u9053\u7684\u5faa\u73af<\/span>\r\n    add_one_pipe: <span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span><span class=\"hljs-params\">(<\/span><span class=\"hljs-params\">x, y<\/span><span class=\"hljs-params\">)<\/span> <\/span>{\r\n        <span class=\"hljs-comment\">\/\/ \u83b7\u53d6\u7b2c\u4e00\u7ec4\u7ba1\u9053<\/span>\r\n        <span class=\"hljs-keyword\">var<\/span> pipe = <span class=\"hljs-keyword\">this<\/span>.pipes.getFirstDead();\r\n\r\n        <span class=\"hljs-comment\">\/\/ \u8bbe\u7f6e\u7ba1\u9053\u7684X Y\u4f4d\u7f6e<\/span>\r\n        pipe.reset(x, y);\r\n\r\n         <span class=\"hljs-comment\">\/\/ \u6dfb\u52a0\u7ba1\u9053\u7684X\u8f74\u901f\u5ea6\u7cbe\u7075<\/span>\r\n        pipe.body.velocity.x = <span class=\"hljs-number\">-200<\/span>; \r\n               \r\n        <span class=\"hljs-comment\">\/\/ \u8bbe\u7f6e\u5176\u4f59\u7ba1\u9053\u7684\u4e0d\u53ef\u89c1<\/span>\r\n        pipe.outOfBoundsKill = <span class=\"hljs-literal\">true<\/span>;\r\n    },<\/code><\/pre>\n<p>\u4e0a\u9762\u7684\u4ee3\u7801\u5b9e\u8bf4\uff0c\u6211\u7b2c\u4e00\u7ec4\u7ba1\u9053\u7684\u5236\u4f5c\u65b9\u6cd5\uff0c\u4ee5\u53ca\u7ba1\u9053\u901f\u5ea6\uff0c\u5144\u5f1f\u7ba1\u9053(\u5176\u4f59\u7684\u7ba1\u9053)\u4e0d\u53ef\u4ee5\u770b\u5230<\/p>\n<pre class=\"hljs javascript\"><code class=\"language-javascript hljs\"><span class=\"hljs-comment\">\/\/ \u6dfb\u52a0\u968f\u673a\u4e0a\u4e0b\u7ba1\u9053<\/span>\r\n    add_row_of_pipes: <span class=\"hljs-function\"><span class=\"hljs-keyword\">function<\/span>() <\/span>{\r\n        <span class=\"hljs-keyword\">var<\/span> hole = <span class=\"hljs-built_in\">Math<\/span>.floor(<span class=\"hljs-built_in\">Math<\/span>.random()*<span class=\"hljs-number\">5<\/span>)+<span class=\"hljs-number\">1<\/span>;\r\n        <span class=\"hljs-comment\">\/\/<\/span>\r\n        <span class=\"hljs-keyword\">for<\/span> (<span class=\"hljs-keyword\">var<\/span> i = <span class=\"hljs-number\">0<\/span>; i &lt; <span class=\"hljs-number\">8<\/span>; i++)\r\n            <span class=\"hljs-keyword\">if<\/span> (i != hole &amp;&amp; i != hole +<span class=\"hljs-number\">1<\/span>) \r\n                <span class=\"hljs-keyword\">this<\/span>.add_one_pipe(<span class=\"hljs-number\">400<\/span>, i*<span class=\"hljs-number\">60<\/span>+<span class=\"hljs-number\">10<\/span>);   \r\n    \r\n        <span class=\"hljs-keyword\">this<\/span>.score += <span class=\"hljs-number\">1<\/span>;\r\n\t\t<span class=\"hljs-comment\">\/\/\u5206\u6570\u66f4\u65b0\u7edf\u8ba1<\/span>\r\n        <span class=\"hljs-keyword\">this<\/span>.label_score.content = <span class=\"hljs-keyword\">this<\/span>.score;  \r\n\t\t<span class=\"hljs-comment\">\/\/\u5206\u6570\u7ed3\u679c\uff0c\u7ed3\u675f<\/span>\r\n    },\r\n};\r\n\r\n<span class=\"hljs-comment\">\/\/\u6dfb\u52a0\u6e38\u620f\u753b\u5e03\uff0c\u6e38\u620f\u5f00\u59cb<\/span>\r\ngame.state.add(<span class=\"hljs-string\">'main'<\/span>, game_state.main);  \r\ngame.state.start(<span class=\"hljs-string\">'main'<\/span>); <\/code><\/pre>\n<p>\u8fd9\u662f\u672c\u6587\u7ae0\u6700\u540e\u7684\u7ed3\u5c3e\uff0c\u7136\u800c\u8fd9\u4ec5\u4ec5\u53ea\u662fPhaser.js\u7684\u4e00\u5c0f\u90e8\u5206\uff0c\u60f3\u66f4\u591a\u7684\u4e86\u89e3 \u53ef\u4ee5\u8ba9\u6211\u4eec\u4e00\u8d77\u6c9f\u901a\uff0c\u5b66\u4e60\u8fdb\u6b65<\/p>\n<p>\u6700\u540e\u63d0\u4f9b\u7ed9\u5927\u5bb6\u8fd9\u4e2a\u6e38\u620f\u4e0b\u8f7d\u7684\u5730\u5740 \uff1a <a href=\"http:\/\/git.oschina.net\/8946a\/bird_-jumping\" rel=\"nofollow\">http:\/\/git.oschina.net\/8946a\/bird_-jumping\u00a0<\/a><\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u6458\u8981: \u53c8\u5230\u4e86\u6bcf\u5468\u7684\u8fd9\u4e2a\u65f6\u95f4\uff0c\u4eca\u5929\u7ee7\u7eed\u8ddf\u5927\u5bb6\u5206\u4eab&#8221;Phaser.js-\u6124\u6012\u7684\u5c0f\u9e1f&#8221;\uff0c\u63a5 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":47,"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\/102"}],"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=102"}],"version-history":[{"count":3,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/102\/revisions"}],"predecessor-version":[{"id":231,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/102\/revisions\/231"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/media\/47"}],"wp:attachment":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=102"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=102"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}