Cocos Creator:創建棋盤

Cocos Creator:創建棋盤

  • 創建地圖三部曲:
    • 1. 創建layout組件
    • 2. 創建預制體Prefab,做好精靈貼圖:
    • 3. 創建腳本LayoutSprite.ts
    • 收尾工作:

創建地圖三部曲:

1. 創建layout組件

使用layout進行布局,定義好Grid網格模式,做以下設置:
在這里插入圖片描述

2. 創建預制體Prefab,做好精靈貼圖:

在這里插入圖片描述

3. 創建腳本LayoutSprite.ts

import { _decorator, Component, Node, instantiate, Prefab} from 'cc';
const { ccclass, property } = _decorator;@ccclass('LayoutSprite')
export class LayoutSprite extends Component {@property({ type: Prefab })private gridItemPrefab = null;private myuuid = [];start() {//實例化一個gridItemPrefabfor (let i = 0; i < 64; i++) {let gridCell = instantiate(this.gridItemPrefab);this.node.addChild(gridCell);this.myuuid.push(gridCell.uuid);console.log(gridCell.uuid);}// console.log(this.myuuid[0]);// console.log(this.node.getChildByUuid(this.myuuid[0]));}}

收尾工作:

掛載腳本LayoutSprite.ts到layout組件上(拖上去),掛載預制體prefab到腳本的gridItemPrefab屬性上。大功告成!
在這里插入圖片描述

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/211801.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/211801.shtml
英文地址,請注明出處:http://en.pswp.cn/news/211801.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

優化瑞芯微rk3566 tf卡速度uhs SDR104

環境 開發板&#xff1a;orangepi3B CPU:rk3566 TF卡速度標識&#xff1a;C10&#xff0c;U3&#xff0c;V30 起因 對于tf卡啟動的系統來說&#xff0c;io會成為一個很關鍵的瓶頸&#xff0c;所以總希望系統能跑得快一點。我手頭用的是一張金士頓的高性能tf卡&#xff0c;開…

四十三、Redis基礎

目錄 一、認識NoSql 1、定義&#xff1a; 2、常見語法 3、與關系型數據庫&#xff08;SQL&#xff09;的區別&#xff1a; 二、認識Redis 1、定義&#xff1a; 2、特征&#xff1a; 3、Key的結構&#xff1a; 三、安裝Redis 四、Redis常見命令 1、數據結構介紹 2、…

關于DNS服務器地址總是127.0.0.1且無法解析域名地址

問題 筆者嘗試nslookup解釋域名時&#xff0c;出現服務器變成本地環回口地址&#xff0c;導致無法解析域名 C:\Users\Zsy>nslookup www.baidu.com 服務器: UnKnown Address: 127.0.0.1*** UnKnown 找不到 www.baidu.com: Server failed排查思路 嘗試關閉虛擬網卡&#…

CSS的邏輯組合偽類

CSS 的邏輯組合偽類有 4 種&#xff0c;分別是&#xff1a;:not()、:is()、:where()和&#xff1a;has()。 否定偽類:not() :not 偽類選擇器用來匹配不符合一組選擇器的元素。由于它的作用是防止特定的元素被選中&#xff0c;它也被稱為反選偽類&#xff08;negation pseudo-…

Torch2TRT編譯和使用踩坑

前言 Torch2TRT是英偉達提供的開源Pytorch到TensorRT模型的轉化工具。相對于其他Pytorch模型轉TensorRT的方式&#xff0c;我認為這是最簡單和容易上手的方式。但是該工具并不成熟&#xff0c;在安裝和使用過程中有一些坑。 遇到的問題 1. fatal error: xxxxxx.h: No such f…

自動化測試框架 —— pytest框架入門篇

今天就給大家說一說pytest框架。 今天這篇文章呢&#xff0c;會從以下幾個方面來介紹&#xff1a; 01、pytest框架介紹 pytest 是 python 的第三方單元測試框架&#xff0c;比自帶 unittest 更簡潔和高效&#xff0c;支持非常豐富的插件&#xff0c;同時兼容 unittest 框架。…

【C++】:AVL樹

朋友們、伙計們&#xff0c;我們又見面了&#xff0c;本期來給大家解讀一下有關多態的知識點&#xff0c;如果看完之后對你有一定的啟發&#xff0c;那么請留下你的三連&#xff0c;祝大家心想事成&#xff01; C 語 言 專 欄&#xff1a;C語言&#xff1a;從入門到精通 數據結…

用python 網絡自動化統計交換機有多少端口UP

用python統計交換機有多少端口UP 用python統計交換機有多少端口UP&#xff0c;可以間接的反饋有多少個用戶在線。我們使用上次的腳本將可達的網絡設備ip統計到reachable_ip.txt中&#xff0c;這次我們使用reachable_ip.txt來登陸設備來統計多少端口是UP的 云配置 拓撲 交換機…

使用fcl庫做碰撞檢測

fcl庫是真難用&#xff0c;導入自己的項目的時候遇到各種坑。 第一個坑就是git clone并build fcl庫后生成的fcl-config.cmake里面有問題&#xff0c;需要在這里進行相應修改 set_and_check(FCL_INCLUDE_DIRS "/home/xxxx/fcl/build/include") set(FCL_LIBRARIES fc…

【Cisco Packet Tracer】VLAN通信 多臂/單臂路由/三層交換機

在進行本文的實驗之前&#xff0c;請確保掌握以下內容&#xff1a; 【Cisco Packet Tracer】交換機 學習/更新/泛洪/VLAN實驗 【Cisco Packet Tracer】路由器實驗 靜態路由/RIP/OSPF/BGP 【Cisco Packet Tracer】路由器 NAT實驗 本文介紹VLAN間的通信方法&#xff0c; 包括…

FreeRTOS的任務優先級、Tick以及狀態講解(尊敬的嵌入式工程師,不妨進來喝杯茶)

任務優先級和Tick 在FreeRTOS中&#xff0c;任務的優先級和Tick是兩個關鍵的概念&#xff0c;它們直接影響任務的調度和執行。 任務優先級 每個任務都被分配一個優先級&#xff0c;用于決定任務在系統中的調度順序。 優先級是一個無符號整數&#xff0c;通常從0開始&#xff0…

Mysql- 流程函數-(If, CASE WHEN)的使用及練習

目錄 4.1 If函數語法格式 4.2 CASE WHEN 條件表達式格式 4.3 update與 case when 4.4 練習題1 4.5 練習題2 4.6 練習題3-行轉列 4.7 牛客練習題 4.8 LeetCode練習題 4.1 If函數語法格式 IF(expr1,expr2,expr3) 解釋&#xff1a; 如果表達式expr1true(expr1 <>…

力扣第 119 場雙周賽(Java)

文章目錄 T1 找到兩個數組中的公共元素代碼解釋 T2 消除相鄰近似相等字符代碼解釋 T3 最多 K 個重復元素的最長子數組代碼解釋 T4 關閉分部的可行集合數目代碼解釋 鏈接&#xff1a;第 119 場雙周賽 - 力扣&#xff08;LeetCode&#xff09; T1 找到兩個數組中的公共元素 給你…

Xcode doesn’t support iOS 16.6

xocde版本低&#xff0c;手動放入16.6的依賴文件 https://gitee.com/qiu1993/iOSDeviceSupport/blob/master/iOS16/16.6.zip 路徑 /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneOS.platform/DeviceSupport

JAVA全棧開發 day21_JDBC與反射結合、設計模式

一、總結 一階段 day01 java 發展&#xff0c;java 環境( path, java_home, class_path)&#xff0c;java 原理&#xff0c; java 執行 &#xff0c; jvm , jre , jdk day02 變量 標識符命名規則 數據類型 數據類型的轉換 運算符 day03 選擇結構 if , switch day04 循環結…

分割回文串

分割回文串 描述 : 給你一個字符串 s&#xff0c;請你將 s 分割成一些子串&#xff0c;使每個子串都是 回文串 。返回 s 所有可能的分割方案。 回文串 是正著讀和反著讀都一樣的字符串。 題目 : LeetCode 131.分割回文串 : 131. 分割回文串 分析 : 字符串如何判斷回文本…

20 Redis進階 - 運維監控

1、理解Redis監控 Redis運維和監控的意義不言而喻&#xff0c;可以以下三個方面入手 1.首先是Redis自身提供了哪些狀態信息&#xff0c;以及有哪些常見的命令可以獲取Redis的監控信息; 2.一些常見的UI工具可以可視化的監控Redis; 3.理解Redis的監控體系;2、Redis自身狀態及命…

Vue3-02-ref() 響應式詳解

ref() 是什么 ref() 是一個函數&#xff1b; ref() 函數用來聲明響應式的狀態&#xff08;就是來聲明變量的&#xff09; ref() 函數聲明的變量&#xff0c;是響應式的&#xff0c;變量的值改變之后&#xff0c;頁面中會自動重新渲染。ref() 有什么特點 1.ref() 可以聲明基礎…

VUE語法--toRefs與toRef用法

1、功能概述 ref和reactive能夠定義響應式的數據&#xff0c;當我們通過reactive定義了一個對象或者數組數據的時候&#xff0c;如果我們只希望這個對象或者數組中指定的數據響應&#xff0c;其他的不響應。這個時候我們就可以使用toRefs和toRef實現局部數據的響應。 toRefs是…

算一算并輸出2到正整數n中每個數的質因子(for循環)

計算并輸出2到正整數n之間每個數的質因子&#xff0c;并以乘法形式輸出。 輸入格式: 輸入只有1個正整數即n。 輸出格式: 把2到正整數n間的每一個數分解成它的質因子&#xff0c;并以乘法的形式輸出。例如&#xff0c;輸入的正整數n值為10&#xff0c;則應輸出如下&#xff…