{"id":508,"date":"2018-12-13T11:51:42","date_gmt":"2018-12-13T03:51:42","guid":{"rendered":"http:\/\/blog.xrhoujie.com\/?p=508"},"modified":"2019-01-17T17:00:48","modified_gmt":"2019-01-17T09:00:48","slug":"creator-%e6%8a%93%e5%a8%83%e5%a8%83%e6%91%87%e6%9d%86%e7%af%87","status":"publish","type":"post","link":"http:\/\/blog.xrhoujie.com\/?p=508","title":{"rendered":"creator \u6293\u5a03\u5a03(\u6447\u6746\u7bc7)"},"content":{"rendered":"

\u5e9f\u8bdd\u4e0d\u903c\u903c\u76f4\u63a5\u4e0a\u4ee3\u7801<\/p>\n

Main.js
\n
\ncc.Class({
\nextends: cc.Component,<\/code>
\n
\nproperties: {
\nsceneScript: true,
\nrightWallLimit: {
\ndefault: 268,
\ntooltip: \"\u53f3\u4fa7\u5899\u4f53\u9650\u5236\",
\n},
\nleftWallLimit: {
\ndefault: -275,
\ntooltip: \"\u5de6\u4fa7\u5899\u4f53\u9650\u5236\",
\n},
\nposInit: {
\ndefault: 0,
\ntooltip: \"\u5750\u6807\u521d\u59cb\u5316\",
\n},
\nrocker: cc.Node,
\nclip: cc.Node,
\nrockerAudio: {
\nurl: cc.AudioClip,
\ndefault: null
\n},
\n},
\nonLoad() {<\/code><\/p>\n

},
\nstart() {
\nthis.loadStartGameBtn();
\nthis.moveRocker(this.rocker)
\n},
\nmoveRocker(n) {
\nn.on('touchstart', () => {
\n\/\/\u64ad\u653e\u6447\u6746\u97f3\u9891
\ncc.audioEngine.play(this.rockerAudio, false, 1);
\n})
\nn.on('touchmove', (ev) => {
\n\/\/\u5c06\u4e00\u4e2a\u70b9\u8f6c\u6362\u5230\u8282\u70b9 (\u5c40\u90e8) \u7a7a\u95f4\u5750\u6807\u7cfb\uff0c\u8fd9\u4e2a\u5750\u6807\u7cfb\u4ee5\u951a\u70b9\u4e3a\u539f\u70b9\u3002
\nvar a = n.parent.convertToNodeSpaceAR(ev.touch.getLocation());
\n\/\/\u89e6\u6478\u7684\u70b9\uff0c\u62d6\u62fd\u79fb\u52a8\u7684\u70b9
\nvar angle = this.getAngle(a, n) - 90
\n\/\/ console.log(angle)
\n\/\/\u533a\u57df\u5de6\u4fa7
\nif (angle >= -180 && angle < 0) {
\n\/\/\u5de6\u534a\u5706\u4e0a
\nif (angle > -45 && angle < 0) {
\nn.rotation = angle
\n} \/\/\u5de6\u534a\u5706\u4e0b
\nelse {
\nn.rotation = -45
\n} \/\/\u6447\u6746\u5de6\u4fa7\u5f00\u5173 \u5f00\u542f
\nthis.directionLeft = true;
\nthis.directionRight = false;
\n} else
\n{ \/\/\u53f3\u8fb9\u534a\u5706\u4e0a
\nif (angle > 0 && angle < 45) {
\nn.rotation = angle } else { n.rotation = 45 }
\nthis.directionRight = true;
\nthis.directionLeft = false; }
\n})
\nn.on(\"touchend\", () => {
\nn.runAction(cc.rotateTo(0.3, 0))
\nthis.rockerInit();
\n})
\nn.on(\"touchcancel\", () => {
\nn.runAction(cc.rotateTo(0.3, 0))
\nthis.rockerInit();
\n})
\n},
\nrockerInit() {
\nthis.directionRight = this.posInit;
\nthis.directionLeft = this.posInit;
\n},
\nupdate: function (dt) {
\nif (this.directionLeft) {
\n\/\/\u6447\u6746\u5de6\u8fb9\u5f00\u542f
\nthis.clip.x -= 1;
\n\/\/\u9650\u5236\u722a\u5b50\u5de6\u533a\u57df
\nif (this.clip.x < this.leftWallLimit)
\n{
\nthis.clip.x = this.leftWallLimit; this.rockerInit();
\n}
\n}
\n\/\/\u6447\u6746\u53f3\u8fb9\u5f00\u542f
\nif (this.directionRight) {
\nthis.clip.x += 1; \/\/\u9650\u5236\u722a\u5b50\u53f3\u533a\u57df
\nif (this.clip.x > this.rightWallLimit) {
\nthis.clip.x = this.rightWallLimit;
\nthis.rockerInit();
\n}
\n}
\n},
\n});<\/code><\/p>\n

 <\/p>\n

<\/code><\/p>\n

\/\/\u8ba1\u7b97\u89d2\u5ea6
\ngetAngle(p1, p2) {
\n\/\/\u4e24\u70b9\u7684x\u3001y\u503c
\nvar x = p2.x – p1.x;
\nvar y = p2.y – p1.y;
\nvar hypotenuse = Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));
\n\/\/\u659c\u8fb9\u957f\u5ea6
\nvar cos = x \/ hypotenuse;
\nvar radian = Math.acos(cos);
\n\/\/\u6c42\u51fa\u5f27\u5ea6
\nvar angle = 180 \/ (Math.PI \/ radian);
\n\/\/\u7528\u5f27\u5ea6\u7b97\u51fa\u89d2\u5ea6
\nif (y > 0) {
\nangle = -angle
\n}
\nreturn a
\n
\n\/\/loading\u9875\u9762
\nloadStartGameBtn(func) {
\nconst splash = window.document.getElementById('splash');
\nconst startBtn = window.document.getElementById(\"start-btn\") \/\/\u5f00\u59cb\u6309\u94ae
\nstartBtn.style.display = 'inline-block';
\nstartBtn.onclick = () => {
\nsplash.style.display = 'none'
\nif (func) {
\nfunc.bind(this)()
\n}
\n}
\n}<\/code>
\n
\n<\/code><\/p>\n

 <\/p>\n

demo\u5730\u5740\uff1a<\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

\u5e9f\u8bdd\u4e0d\u903c\u903c\u76f4\u63a5\u4e0a\u4ee3\u7801 Main.js cc.Class({ extends: cc.Component, pr […]<\/p>\n","protected":false},"author":1,"featured_media":307,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[30],"tags":[32],"_links":{"self":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/508"}],"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=508"}],"version-history":[{"count":6,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/508\/revisions"}],"predecessor-version":[{"id":523,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/508\/revisions\/523"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/media\/307"}],"wp:attachment":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=508"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=508"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=508"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}