Cocos Creator 元件 畫筆

2022-09-06 06:42:10 字數 1706 閱讀 2178

// 0. > 試用於cocoscreator1.x及以下版本

// > 會強制設定掛載該指令碼的節點的anchor為(0.5, 0.5),方便觸控位置轉換

// > 可以在該節點上新增cc.sprite元件當背景色,不加則為背景透明

// > 畫板尺寸和掛載該指令碼的節點size一致

// 1.setpen(event, param) 直接設定畫筆功能 (帶引數:原色畫筆功能 不帶引數:橡皮擦功能)

// 2.setpencolor(event, r, g, b, a) 畫筆顏色

// 傳值舉例: object, 2, 255, 0, 255 5個引數,後4個分別對應r,g,b,a

// object, "2,255,0,255" 2個引數,後1個字串對應「r,g,b,a」,用英式','分割的字串

// 注意:a對應的透明度alpha值為0時,為橡皮檫功能

// 3.setpenradius(event, r) 畫筆線粗(畫筆半徑)

cc.class(,

pencolor: ,

},// life-cycle callbacks:

// use this for initialization

// onload () ,

start ()

// 畫筆功能

else

//清除下drawnode,否則會使drawvert數目暴增

this.pendrawnode.clear();

// 上個位置到當前位置的線段

this.pendrawnode.drawsegment(

previouslocation, // 前一位置

currentlocation, // 當前位置

this.penradius, // 半徑

tempcolor // 顏色

);// 當前位置的點 (實際測試下來發現:這個點不用也行)

// this.pendrawnode.drawdot(

// currentlocation,

// this.penradius,

// tempcolor

// );

this.render.begin();

this.pendrawnode.visit();

this.render.end();

}, this);

},setpen(event, param) else

this.pencolor = new cc.color(255, 255, 255, 0);}},

setpencolor(event, r, g, b, a) else }}

if (newcolor)

},setpenradius(event, r)

}// update (dt) {},

});

拖到節點上之後效果是這樣子的:

執行出來是這樣子的,畫板範圍就是節點的size:

cocos creator 基本元件

效果 精靈最普通的模式,選擇該模式後,將縮放到指定的大小 tiled 平鋪模式,以平鋪的模式 slice 九宮格模式,指定拉伸區域 九宮格的邊角不會拉伸 filled 設定填充的方式 圓,矩形 可以使用比例來裁剪顯示 只顯示的比例 獲取按鈕元件 start function 觸發按鈕的響應事件,而不...

Cocos Creator 元件 動作Action

panel action.js var panel action type cc.enum var panel action cc.class action sequence action repeat action repeatforever action spawn action delayti...

CocosCreator元件屬性詳解(筆記)

motionstreak元件 屬性作用 position 位置座標 相對父親節點 rotation 旋轉角度 順時針旋轉 相對父親節點 scale 子節點的相對縮放,會影響所有子節點 anchor 錨點,位置和縮放的基準點 size 尺寸,修改父親節點的尺寸不會影響子節點 color 渲染顏色 op...