You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1.0 KiB
42 lines
1.0 KiB
1 week ago
|
import { Color, Sprite } from 'cc';
|
||
|
|
import { Material } from 'cc';
|
||
|
|
import { _decorator, Component, Node } from 'cc';
|
||
|
|
const { ccclass, property } = _decorator;
|
||
|
|
|
||
|
|
@ccclass('SetOutline')
|
||
|
|
export class SetOutline extends Component {
|
||
|
|
|
||
|
|
@property({ type: Material })
|
||
|
|
mt: Material = null;
|
||
|
|
|
||
|
|
@property
|
||
|
|
width: number = 1;
|
||
|
|
|
||
|
|
@property({ type: Color })
|
||
|
|
color: Color = new Color(230, 205, 23, 255);
|
||
|
|
|
||
|
|
oldmt: Material = null;
|
||
|
|
|
||
|
|
protected onLoad(): void {
|
||
|
|
this.oldmt = this.node.getComponent(Sprite).material;
|
||
|
|
this.node.on(Node.EventType.TOUCH_START, this.click, this);
|
||
|
|
}
|
||
|
|
|
||
|
|
show(show = true, width = 0, color = null) {
|
||
|
|
this.isShow = show;
|
||
|
|
if (width > 0) this.width = width;
|
||
|
|
if (color) this.color = color;
|
||
|
|
this.node.getComponent(Sprite).material = this.isShow ? this.mt : this.oldmt;
|
||
|
|
this.mt.setProperty("_LineWidth", this.width);
|
||
|
|
this.mt.setProperty("_LineColor", this.color);
|
||
|
|
}
|
||
|
|
|
||
|
|
isShow = false;
|
||
|
|
|
||
|
|
click() {
|
||
|
|
this.show(!this.isShow);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|