{"id":525,"date":"2019-03-03T11:52:22","date_gmt":"2019-03-03T03:52:22","guid":{"rendered":"http:\/\/blog.xrhoujie.com\/?p=525"},"modified":"2019-08-15T11:08:01","modified_gmt":"2019-08-15T03:08:01","slug":"creator-typescript-%e5%85%a5%e9%97%a8%e6%a1%88%e4%be%8b","status":"publish","type":"post","link":"http:\/\/blog.xrhoujie.com\/?p=525","title":{"rendered":"Creator-Typescript \u5165\u95e8\u6848\u4f8b"},"content":{"rendered":"<p>\u7528typescript \u505a\u4e86\u4e00\u4e2a\u70b9\u51fb\u6548\u679c \u8ddf \u62d6\u62fd\u6548\u679c \uff0c<\/p>\n<p>\u5e9f\u8bdd\u4e0d\u903c\u903c \u8bf7\u770b\u7075\u9b42\u4f5c\u8005\u7684demo\u89c6\u9891<\/p>\n<div style=\"width: 960px;\" class=\"wp-video\"><!--[if lt IE 9]><script>document.createElement('video');<\/script><![endif]-->\n<video class=\"wp-video-shortcode\" id=\"video-525-1\" width=\"960\" height=\"464\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"http:\/\/blog.xrhoujie.com\/wp-content\/uploads\/2019\/02\/1549002981030738.mp4?_=1\" \/><a href=\"http:\/\/blog.xrhoujie.com\/wp-content\/uploads\/2019\/02\/1549002981030738.mp4\">http:\/\/blog.xrhoujie.com\/wp-content\/uploads\/2019\/02\/1549002981030738.mp4<\/a><\/video><\/div>\n<p>\u76f4\u63a5\u4e0a\u4ee3\u7801<br \/>\n<code>const { ccclass, property } = cc._decorator;<\/code><br \/>\n<code><br \/>\n@ccclass<br \/>\nexport default class Main extends cc.Component {<\/code><\/p>\n<p>\/\/\u58f0\u660e\u7c7b\u578b<br \/>\n@property(cc.Label)<br \/>\nlabel: cc.Label = null;<\/p>\n<p>\/\/\u58f0\u660e\u7ec4\u4ef6<br \/>\n@property<br \/>\ntext: string = &#8216;hello&#8217;;<\/p>\n<p>\/\/\u58f0\u660e\u7c7b\u578b<br \/>\n@property(cc.Node)<br \/>\ncocos: cc.Node = null;<\/p>\n<p>\/\/\u58f0\u660e\u7c7b\u578b<br \/>\n@property(cc.Node)<br \/>\nprefabsJs: cc.Node = null;<\/p>\n<p>start() {<br \/>\nthis.label.string = this.text;<br \/>\nthis.loadStartGameBtn(this.touchText)<br \/>\nthis.movePic()<br \/>\n}<br \/>\n<code><br \/>\n\/\/\u58f0\u660e\u53d8\u91cf<br \/>\nprivate count: number = 0;<br \/>\npublic textNode: cc.Node<br \/>\n\/\/\u70b9\u51fb\u6587\u672c\u7d2f\u52a0<br \/>\nprivate touchText(): void {<br \/>\nthis.textNode = this.label.node;<br \/>\nthis.label.node.on(cc.Node.EventType.TOUCH_START, (event: TouchEvent) =&gt; {<\/code><\/p>\n<p>this.count++<br \/>\nthis.prefabsJs.getComponent(&#8216;PrefabsJs&#8217;).playStar(this.textNode)<\/p>\n<p>console.log(event.type + &#8216;\u5206\u5272\u7ebf&#8217; + this.count, &#8220;\u5206\u5272&#8221; + this.textNode);<\/p>\n<p>}, this);<br \/>\n}<br \/>\n\/\/\u56fe\u7247\u62d6\u62fd\u529f\u80fd<br \/>\nprivate movePic(): void {<br \/>\nthis.cocos.on(&#8216;touchmove&#8217;, (ev) =&gt; {<br \/>\n\/\/ console.log(this.count);<br \/>\nvar move = ev.touch.getDelta();<br \/>\nthis.cocos.x += move.x;<br \/>\nthis.cocos.y += move.y;<br \/>\n})<br \/>\n}<br \/>\n\/\/\u6e38\u620f\u9884\u52a0\u8f7d\u9875\u9762<br \/>\npublic loadStartGameBtn(func) {<br \/>\nconst splash = window.document.getElementById(&#8216;splash&#8217;);<br \/>\nconst startBtn = window.document.getElementById(&#8220;start-btn&#8221;) \/\/\u5f00\u59cb\u6309\u94ae<br \/>\nstartBtn.style.display = &#8216;inline-block&#8217;;<br \/>\nstartBtn.onclick = () =&gt; {<br \/>\nsplash.style.display = &#8216;none&#8217;<br \/>\nif (func) {<br \/>\nfunc.bind(this)()<br \/>\n}<br \/>\n}<br \/>\n}<br \/>\n}<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u7528typescript \u505a\u4e86\u4e00\u4e2a\u70b9\u51fb\u6548\u679c \u8ddf \u62d6\u62fd\u6548\u679c \uff0c \u5e9f\u8bdd\u4e0d\u903c\u903c \u8bf7\u770b\u7075\u9b42\u4f5c\u8005\u7684demo\u89c6\u9891 \u76f4\u63a5\u4e0a\u4ee3\u7801 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":307,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[30,8],"tags":[32],"_links":{"self":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/525"}],"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=525"}],"version-history":[{"count":3,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/525\/revisions"}],"predecessor-version":[{"id":529,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/525\/revisions\/529"}],"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=525"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=525"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}