cocos creator从零开发五子棋(04)-棋子预设
资源导入
新建textures
目录并把资源导入。
预设制作
拖动textures/black
到Canvas
节点下并重命名为chess
,Size
设置为45x45
。chess
节点下新建Sprite (单色)
节点,Size
设置为10x10
,Color
设置为#FF0000
。
预设脚本
新建scripts/Chess.ts
,内容如下,把它挂载到chess
节点上。先在frames
属性上输入2
后敲击回车键,再拖拽textures/black
和textures/white
资源到frames
属性上。
const { ccclass, property } = cc._decorator
@ccclass
export default class Chess extends cc.Component {
@property([cc.SpriteFrame])
private frames: cc.SpriteFrame[] = []
private _chessName: string
public get chessName(): string { return this._chessName }
public init(chessName: string) {
this._chessName = chessName
this.node.getComponent(cc.Sprite).spriteFrame = this.frames.find(item => item.name == chessName)
this.redHide()
}
public redShow() {
this.node.children[0].active = true
}
public redHide() {
this.node.children[0].active = false
}
}
新建prefabs
目录,拖拽chess
节点到prefabs
目录下再删除chess
节点。
本作品采用《CC 协议》,转载必须注明作者和本文链接