?在B站找到的系統性cocos視頻教程,純2D開發入門,鏈接如下:
zzehz黑馬程序員6天實戰游戲開發微信小程序(Cocos2d的升級版 CocosCreator + JavaScript)_嗶哩嗶哩_bilibili黑馬程序員6天實戰游戲開發微信小程序(Cocos2d的升級版 CocosCreator + JavaScript)共計139條視頻,包括:01_什么是游戲編程、02_整體課程安排概述、03_開發前的編程語言準備等,UP主更多精彩視頻,請關注UP賬號。https://www.bilibili.com/video/BV1Uy4y1m7fx/隨著時間的流逝,這個視頻的內容也需要更新,這里記錄一下3.8版本下與視頻內不一致的地方
腳本編程部分
顏色
import { _decorator, Component, Node, Sprite,Label, UIOpacity, Color } from 'cc';
let node1 = this.node.getComponent(Label)
node1.color = Color.BLACK;
node1.color = new Color(255, 0, 0, 255); // r,g,b,a(透明度) 所有參數[0-255]
不透明度 文檔鏈接
import { _decorator, Component, Node, Sprite,Label, UIOpacity, Color } from 'cc';
const opacityComp = this.getComponent(UIOpacity);
opacityComp.opacity = 157;
角度
this.node.angle = -45
屬性裝飾器 官方文檔
@property // JavaScript 原始類型,根據默認值自動識別為 Creator 的浮點數類型。
index = 0;@property(Node) // 聲明屬性 cc 類型為 Node。當屬性參數只有 type 時可這么寫,等價于 @property({type: Node})
targetNode: Node | null = null; // 等價于 targetNode: Node = null!;// 聲明屬性 children 的 cc 類型為 Node 數組
@property({type: [Node]
})
children: Node[] = [];
添加組件
// this.node.addComponent(類名);
this.node.addComponent(SayHello);
cocos2的動作系統在cocos3中替換為緩動系統 官方鏈接 文檔里面示例最多,這里有一個例子
tween().target(this.node).to(1.0, { position: new Vec3(0, 10, 0) }).by(1.0, { position: new Vec3(0, -10, 0) }).delay(1.0).by(1.0, { position: new Vec3(0, -10, 0) }).start()
問了一下Ai, 如何區分什么時候使用緩動系統還是動畫系統:
-
如果動畫邏輯簡單且需要動態調整,優先使用緩動系統。
-
如果動畫復雜且需要精確控制,優先使用動畫系統。
精靈組件之九宮格
九宮格的類型修改和視頻中不一樣,具體方法參考官網鏈接
其他內容或多或少也有些變動,但都和原來的相似,這里不重復記錄.