{"id":500,"date":"2018-10-07T16:39:18","date_gmt":"2018-10-07T08:39:18","guid":{"rendered":"http:\/\/blog.xrhoujie.com\/?p=500"},"modified":"2018-11-05T17:01:03","modified_gmt":"2018-11-05T09:01:03","slug":"creator-%e4%b8%80%e7%ac%94%e7%94%bb%e6%95%88%e6%9e%9c%e8%a7%a3%e6%9e%90","status":"publish","type":"post","link":"http:\/\/blog.xrhoujie.com\/?p=500","title":{"rendered":"Creator \u4e00\u7b14\u753b\u6548\u679c\u89e3\u6790"},"content":{"rendered":"

\u770b\u6587\u7ae0\u524d\u8bf7\u5148\u719f\u8bfbgraphics\u7ec4\u4ef6\uff0c<\/p>\n

\u70b9\u6211\u8fdb\u5165<\/a><\/p>\n

\u5e9f\u8bdd\u4e0d\u903c\u903c\uff0c\u76f4\u63a5\u4e0a\u7075\u9b42\u753b\u5bb6\u7684demo\u6548\u679c<\/p>\n

\nhttp:\/\/blog.xrhoujie.com\/wp-content\/uploads\/2018\/11\/1541407162020129.mp4<\/a><\/video><\/div>\n

 <\/p>\n

\u753b\u7b14\u6548\u679c \u8fd9\u91cc\u4e3b\u8981\u662f\u5e94\u7528graphics\u7ec4\u4ef6\uff0c<\/p>\n

\u4e0a\u4ee3\u7801\uff1a
\n
\ncc.Class({
\nextends: cc.Component,<\/code><\/p>\n

properties: {
\npink: cc.Node, \/\/\u8272\u57571
\nyellow: cc.Node, \/\/\u8272\u57572
\npurple: cc.Node, \/\/\u8272\u57573
\nareaNode: cc.Node, \/\/mask\u7236\u8282\u70b9
\n},
\nonLoad: function () {
\n\/\/\u83b7\u53d6\u753b\u7b14\u7ec4\u4ef6
\nthis.ctx = this.getComponent(cc.Graphics);
\n},
\nstart() {
\n\/\/\u89e6\u5c4f
\nthis.areaNode.on(cc.Node.EventType.TOUCH_START, (touch) => {
\nthis.onTouchBegan(touch);
\n}, this);
\n\/\/\u79fb\u52a8
\nthis.areaNode.on(cc.Node.EventType.TOUCH_MOVE, (touch) => {
\nthis.onTouchMoved(touch);
\n}, this);
\n\/\/\u5728\u533a\u57df\u5185\u79fb\u52a8\u7ed3\u675f
\nthis.areaNode.on(cc.Node.EventType.TOUCH_END, () => {
\nthis.onTouchEnded();
\n}, this);
\n\/\/\u5728\u533a\u57df\u5916\u79fb\u52a8\u7ed3\u675f
\nthis.areaNode.on(cc.Node.EventType.TOUCH_CANCEL, () => {
\n\/\/\u6e05\u7406\u7b14\u5237
\nthis.ctx.clear();
\n}, this);<\/p>\n

},
\n\/\/\u70b9\u51fb\u903b\u8f91
\nonTouchBegan(touch) {
\nvar touchLoc = touch.getLocation();
\ntouchLoc = this.node.parent.convertToNodeSpaceAR(touchLoc);
\nthis.points = [touchLoc];
\nreturn true;
\n},
\n\/\/\u79fb\u52a8\u903b\u8f91
\nonTouchMoved(touch) {
\nvar touchLoc = touch.getLocation();
\ntouchLoc = this.node.parent.convertToNodeSpaceAR(touchLoc);<\/p>\n

this.points.push(touchLoc);<\/p>\n

this.ctx.clear(); \/\/\u6e05\u7406\u5c4f\u5e55<\/p>\n

for (let i = 0, l = this.points.length; i < l; i++) {
\nlet p = this.points[i];
\nif (i === 0) {
\nthis.ctx.moveTo(p.x, p.y);
\n} else {
\nthis.ctx.lineTo(p.x, p.y);
\n}
\n}
\nthis.ctx.stroke();
\n\/\/ console.log(‘move’);
\n},
\n\/\/ \u624b\u52bf\u62ac\u8d77\u903b\u8f91
\nonTouchEnded() {
\n\/\/ this.ctx.clear(); \/\/\u624b\u52bf\u62ac\u8d77\u6e05\u7406\u753b\u5e03
\n},
\nupdate: function (dt) {
\nthis.pink.on(‘touchstart’, () => {
\n\/\/\u70b9\u51fb\u8272\u5757\u5207\u6362\u753b\u7b14\u7b14\u89e6\u989c\u8272
\nlet color = this.pink.children[0].getComponent(cc.Label).string;
\nthis.ctx.strokeColor.fromHEX(color)
\n})
\nthis.yellow.on(‘touchstart’, () => {
\n\/\/\u70b9\u51fb\u8272\u5757\u5207\u6362\u753b\u7b14\u7b14\u89e6\u989c\u8272
\nlet color = this.yellow.children[0].getComponent(cc.Label).string;
\nthis.ctx.strokeColor.fromHEX(color)
\n})
\nthis.purple.on(‘touchstart’, () => {
\n\/\/\u70b9\u51fb\u8272\u5757\u5207\u6362\u753b\u7b14\u7b14\u89e6\u989c\u8272
\nlet color = this.purple.children[0].getComponent(cc.Label).string;
\nthis.ctx.strokeColor.fromHEX(color)
\n})
\n},
\n});<\/p>\n

\u6b22\u8fcemark\uff0c\u8fdb\u884c\u8865\u5145\u5185\u5bb9<\/p>\n","protected":false},"excerpt":{"rendered":"

\u770b\u6587\u7ae0\u524d\u8bf7\u5148\u719f\u8bfbgraphics\u7ec4\u4ef6\uff0c \u70b9\u6211\u8fdb\u5165 \u5e9f\u8bdd\u4e0d\u903c\u903c\uff0c\u76f4\u63a5\u4e0a\u7075\u9b42\u753b\u5bb6\u7684demo\u6548\u679c   \u753b\u7b14 […]<\/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\/500"}],"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=500"}],"version-history":[{"count":1,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/500\/revisions"}],"predecessor-version":[{"id":502,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/500\/revisions\/502"}],"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=500"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=500"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}