cocos creator是款功能強(qiáng)大的游戲開(kāi)發(fā)軟件；它是以?xún)?nèi)容的創(chuàng)作為核心，可以幫助用戶(hù)這進(jìn)行游戲編輯，設(shè)計(jì)、開(kāi)發(fā)的時(shí)候，了解游戲內(nèi)容主題，讓您的設(shè)計(jì)更加擁有魅力；也支持您使用該軟件進(jìn)行學(xué)習(xí)各種類(lèi)型的游戲、動(dòng)畫(huà)等，還可跨越各種平臺(tái)，使您在設(shè)計(jì)的時(shí)候不在擁有局限性，而且cocos creator(游戲制作)還在Cocos2d-x 基礎(chǔ)上輕松的即可實(shí)現(xiàn)基本化，數(shù)據(jù)驅(qū)動(dòng)、組件化等，需要的朋友趕快這河?xùn)|軟件園下載來(lái)使用試試吧！

軟件功能

　　腳本中可以輕松聲明可以在編輯器中隨時(shí)調(diào)整的數(shù)據(jù)屬性，對(duì)參數(shù)的調(diào)整可以由設(shè)計(jì)人員獨(dú)立完成。

　　支持智能畫(huà)布適配和免編程元素對(duì)齊的 UI 系統(tǒng)可以完美適配任意分辨率的設(shè)備屏幕。

　　專(zhuān)為 2D 游戲打造的動(dòng)畫(huà)系統(tǒng)，支持動(dòng)畫(huà)軌跡預(yù)覽和復(fù)雜曲線(xiàn)編輯功能。

　　動(dòng)態(tài)語(yǔ)言支持的腳本化開(kāi)發(fā)，使得動(dòng)態(tài)調(diào)試和移動(dòng)設(shè)備遠(yuǎn)程調(diào)試變得異常輕松。

　　借助 Cocos2d-x 引擎，在享受腳本化開(kāi)發(fā)的便捷同時(shí)，還能夠一鍵發(fā)布到各類(lèi)桌面和移動(dòng)端平臺(tái)，并保持原生級(jí)別的超高性能

　　腳本組件化和開(kāi)放式的插件系統(tǒng)為開(kāi)發(fā)者在不同深度上提供了定制工作流的方法，編輯器可以大尺度調(diào)教來(lái)適應(yīng)不同團(tuán)隊(duì)和項(xiàng)目的需要。

軟件特色

　　整合 box2d 物理引擎，請(qǐng)下載專(zhuān)用范例 Physics Example277 進(jìn)行測(cè)試

　　增加外部編譯命令，有三種工作流程

　　[VS Code] 主菜單里的 「開(kāi)發(fā)者->VS Code 工作流->添加編譯任務(wù)」，在 VS Code 里通過(guò)快速打開(kāi)輸入框輸入 task compile 即可觸發(fā)腳本導(dǎo)入和編譯（需要安裝 cURL）

　　Preview 網(wǎng)頁(yè)里增加了 Recompile 按鈕，按下之后就會(huì)導(dǎo)入和編譯腳本更新

　　使用其他腳本編輯工具的，請(qǐng)手動(dòng)添加任務(wù)，訪(fǎng)問(wèn) http://localhost:7456/update-db 即可觸發(fā)腳本導(dǎo)入和編譯

　　TypeScript 初步支持，請(qǐng)直接使用資源管理器的創(chuàng)建菜單創(chuàng)建 TS 文件模板，并參考模板中的裝飾器來(lái)聲明屬性

　　Camera 組件支持，Camera 組件可以添加在任意節(jié)點(diǎn)上，然后通過(guò)指定 target，來(lái)規(guī)定哪些節(jié)點(diǎn)將會(huì)通過(guò) Camera 來(lái)決定渲染位置。如果需要卷屏，只需要修改 camera 所在節(jié)點(diǎn)的世界坐標(biāo)位置。

安裝方法

　　1、下載文件找到"CocosCreator.exe"雙擊運(yùn)行，進(jìn)入軟件安裝向?qū)Ы缑妫?/p>

　　2、進(jìn)入軟件的安裝向?qū)Ы缑?，選擇您需要進(jìn)行使用的語(yǔ)言，點(diǎn)擊中文；

　　3、進(jìn)入軟件的登錄界面，如下圖；

使用方法

　　界面總覽

　　最近打開(kāi)項(xiàng)目

　　你可以通過(guò) 最近打開(kāi)項(xiàng)目 選項(xiàng)卡快速訪(fǎng)問(wèn)近期打開(kāi)過(guò)的項(xiàng)目。第一次運(yùn)行 Cocos Creator 時(shí)，這個(gè)列表是空的，在界面上會(huì)顯示 新建項(xiàng)目 的按鈕。你可以在創(chuàng)建 了一些項(xiàng)目后回來(lái)，并看到你新建的項(xiàng)目出現(xiàn)在列表里。

　　新建項(xiàng)目

　　你可以在 新建項(xiàng)目 選項(xiàng)卡里創(chuàng)建新的 Cocos Creator 項(xiàng)目。

　　在 新建項(xiàng)目 頁(yè)面，我們首先需要選擇一個(gè)項(xiàng)目模板，項(xiàng)目模板會(huì)包括各種不同類(lèi)型的游戲基本架構(gòu)，以及學(xué)習(xí)用的范例資源和腳本，來(lái)幫助你更快進(jìn)入到創(chuàng)造性的工作當(dāng)中。

　　注意： 早期的 Cocos Creator 版本中還沒(méi)有很多可選擇的項(xiàng)目模板，我們會(huì)隨著 Cocos Creator 功能逐漸完整持續(xù)添加更多模板為用戶(hù)提供方便。

　　點(diǎn)擊選擇一個(gè)模板，你可以在頁(yè)面下方看到該模板的描述。

　　幫助

　　你可以通過(guò) 幫助 頁(yè)面訪(fǎng)問(wèn) Cocos Creator 用戶(hù)手冊(cè)和其他幫助文檔。

　　打開(kāi)初始項(xiàng)目

　　如果您還不了解如何獲取和啟動(dòng) Cocos Creator，請(qǐng)閱讀安裝和啟動(dòng)一節(jié)。

　　我們首先啟動(dòng) Cocos Creator，然后選擇打開(kāi)其他項(xiàng)目

　　在彈出的文件夾選擇對(duì)話(huà)框中，選中我們剛下載并解壓完成的 start_project，點(diǎn)擊打開(kāi)按鈕

　　Cocos Creator 編輯器主窗口會(huì)打開(kāi)，我們將看到如下的項(xiàng)目狀態(tài)

　　檢查游戲資源

　　我們的初始項(xiàng)目中已經(jīng)包含了所有需要的游戲資源，因此您不需要再導(dǎo)入任何其他資源。如果希望了解導(dǎo)入資源的方法，可以閱讀資源工作流程的相關(guān)內(nèi)容。

　　下面我們先來(lái)了解一下項(xiàng)目中都有哪些資源，請(qǐng)關(guān)注名為資源管理器的面板，這里顯示的是項(xiàng)目中的所有資源樹(shù)狀結(jié)構(gòu)。

　　可以看到，項(xiàng)目資源的根目錄名叫assets，對(duì)應(yīng)我們解壓之后初始項(xiàng)目中的 assets 目錄，只有這個(gè)目錄下的資源才會(huì)被 Cocos Creator 導(dǎo)入項(xiàng)目并進(jìn)行管理。

　　資源管理器可以顯示任意層次的目錄結(jié)構(gòu)，我們可以看到

　　這樣的圖標(biāo)就代表一個(gè)文件夾，點(diǎn)擊文件夾左邊的三角圖標(biāo)可以展開(kāi)文件夾的內(nèi)容。將文件夾全部展開(kāi)后，資源管理器中就會(huì)呈現(xiàn)如下圖的狀態(tài)。

　　創(chuàng)建游戲場(chǎng)景

　　在 Cocos Creator 中，游戲場(chǎng)景（Scene）是開(kāi)發(fā)時(shí)組織游戲內(nèi)容的中心，也是呈現(xiàn)給玩家所有游戲內(nèi)容的載體。游戲場(chǎng)景中一般會(huì)包括以下內(nèi)容：

　　場(chǎng)景圖像和文字（Sprite，Label）

　　角色

　　以組件形式附加在場(chǎng)景節(jié)點(diǎn)上的游戲邏輯腳本

　　當(dāng)玩家運(yùn)行游戲時(shí)，就會(huì)載入游戲場(chǎng)景，游戲場(chǎng)景加載后就會(huì)自動(dòng)運(yùn)行所包含組件的游戲腳本，實(shí)現(xiàn)各種各樣開(kāi)發(fā)者設(shè)置的邏輯功能。所以除了資源以外，游戲場(chǎng)景是一切內(nèi)容創(chuàng)作的基礎(chǔ)，讓我們現(xiàn)在就新建一個(gè)場(chǎng)景。

　　在資源管理器中點(diǎn)擊選中assets目錄，確保我們的場(chǎng)景會(huì)被創(chuàng)建在這個(gè)目錄下

　　點(diǎn)擊資源管理器左上角的加號(hào)按鈕，在彈出的菜單中選擇Scene

　　我們創(chuàng)建了一個(gè)名叫New Scene的場(chǎng)景文件，右鍵點(diǎn)擊它并選擇重命名，將它改名為game。

　　雙擊game，就會(huì)在場(chǎng)景編輯器和層級(jí)編輯器中打開(kāi)這個(gè)場(chǎng)景。

　　設(shè)置場(chǎng)景圖像

　　添加背景

　　首先在資源管理器里按照assets/textures/background的路徑找到我們的背景圖像資源，點(diǎn)擊并拖拽這個(gè)資源到層級(jí)編輯器中的Canvas節(jié)點(diǎn)上，直到Canvas節(jié)點(diǎn)顯示橙色高亮，表示將會(huì)添加一個(gè)以background為貼圖資源的子節(jié)點(diǎn)。

　　這時(shí)就可以松開(kāi)鼠標(biāo)按鍵，可以看到Canvas下面添加了一個(gè)名叫background的節(jié)點(diǎn)。當(dāng)我們使用拖拽資源的方式添加節(jié)點(diǎn)時(shí)，節(jié)點(diǎn)會(huì)自動(dòng)以貼圖資源的文件名來(lái)命名。

　　我們?cè)趯?duì)場(chǎng)景進(jìn)行編輯修改時(shí)，可以通過(guò)主菜單文件->保存場(chǎng)景來(lái)及時(shí)保存我們的修改。也可以使用快捷鍵Ctrl+S（Windows）或Cmd + S（Mac）來(lái)保存。

　　修改背景尺寸

　　在 場(chǎng)景編輯器 中，可以看到我們剛剛添加的背景圖像，下面我們將修改背景圖像的尺寸，來(lái)讓他覆蓋整個(gè)屏幕。

　　首先選中background節(jié)點(diǎn)，然后點(diǎn)擊主窗口左上角工具欄第四個(gè) 矩形變換工具：

　　使用這個(gè)工具我們可以方便的修改圖像節(jié)點(diǎn)的尺寸，將鼠標(biāo)移動(dòng)到 場(chǎng)景編輯器 中 background 的左邊，按住并向左拖拽直到 background 的左邊超出表示設(shè)計(jì)分辨率的藍(lán)色線(xiàn)框。然后再用同樣的方法將 background 的右邊向右拖拽。

　　之后需要拖拽上下兩邊，使背景圖的大小能夠填滿(mǎn)設(shè)計(jì)分辨率的線(xiàn)框。

　　在使用 矩形變換工具 修改背景圖尺寸時(shí)，可以在 屬性檢查器 中看到 Node （節(jié)點(diǎn)）中的 Size 屬性也在隨之變化，完成后我們的背景圖尺寸大概是 (1360, 760)。您也可以直接在 Size 屬性的輸入框中輸入數(shù)值，和使用矩形變換工具 可以達(dá)到同樣效果。這樣大小的背景圖在市面流行的手機(jī)上都可以覆蓋整個(gè)屏幕，不會(huì)出現(xiàn)穿幫情況。

常見(jiàn)問(wèn)題

　　Q: Cocos Creator 是游戲引擎嗎？

　　A: 它是一個(gè)完整的游戲開(kāi)發(fā)解決方案，包括了 cocos2d-x 引擎的 JavaScript 實(shí)現(xiàn)（不需要學(xué)習(xí)一個(gè)新的引擎），以及能讓你更快速開(kāi)發(fā)游戲所需要的各種圖形界面工具

　　Q: Cocos Creator 的編輯器是什么樣的？

　　A: 完全為引擎定制打造，包含從設(shè)計(jì)、開(kāi)發(fā)、預(yù)覽、調(diào)試到發(fā)布的整個(gè)工作流所需的全功能一體化編輯器

　　Q: 我不會(huì)寫(xiě)程序，也能使用 Cocos Creator 嗎？

　　A: 當(dāng)然！Cocos Creator 編輯器提供面向設(shè)計(jì)和開(kāi)發(fā)的兩種工作流，提供簡(jiǎn)單順暢的分工合作方式。

　　Q: 我使用 Cocos Creator 能開(kāi)發(fā)面向哪些平臺(tái)的游戲？

　　A: Cocos Creator 目前支持發(fā)布游戲到 Web、Android 和 iOS，以及點(diǎn)開(kāi)即玩原生性能的 Cocos Play 手機(jī)頁(yè)游平臺(tái)，真正實(shí)現(xiàn)一次開(kāi)發(fā)，全平臺(tái)運(yùn)行。

更新日志

　　[ProjectSetting] 項(xiàng)目設(shè)置里添加 Canvas 默認(rèn)分辨率和自適應(yīng) policy 設(shè)置

　　[ProjectSetting] 增加按照項(xiàng)目設(shè)置模擬器分辨率的選項(xiàng)

　　[ProjectSetting] 修復(fù)了項(xiàng)目設(shè)置中 預(yù)覽運(yùn)行 面板無(wú)法顯示的問(wèn)題，修復(fù)了引擎模塊設(shè)置無(wú)法正確保存的問(wèn)題

　　[Properties] 優(yōu)化 slider 控件的步長(zhǎng)設(shè)置， type 是 integer 的時(shí)候設(shè)置 precision = 0

　　[Properties] 修復(fù)點(diǎn)擊組件標(biāo)題欄右邊的功能按鈕（齒輪）時(shí)也會(huì)折疊屬性的問(wèn)題。

　　[Properties] 屬性檢查器增加 cc.Rect 類(lèi)型控件支持

　　[Simulator] 模擬器菜單添加選項(xiàng)設(shè)置是否顯示 FPS

　　[Sourcemap] 修復(fù)使用 Chrome 調(diào)試腳本時(shí) sourcemap 源碼內(nèi)容錯(cuò)誤的問(wèn)題

　　[CodeEditor] 修復(fù)內(nèi)置代碼編輯器中按 Ctrl+Z，主窗口也會(huì)接收撤銷(xiāo)事件的問(wèn)題

　　[Console] 編譯失敗時(shí)，顯示包括報(bào)錯(cuò)列的更詳細(xì)的報(bào)錯(cuò)信息

　　[Editor] 在使用的自定義引擎版本和當(dāng)前編輯器不兼容時(shí)，增加彈窗提示

　　[Editor] 更新控件庫(kù)圖標(biāo)

　　[Editor] 修復(fù)從場(chǎng)景中刪除某組件后，從項(xiàng)目中刪除對(duì)應(yīng)腳本仍然會(huì)報(bào)錯(cuò)的問(wèn)題

　　[Editor] 修復(fù)了圖片路徑中包含中文時(shí)，可能會(huì)導(dǎo)致導(dǎo)入失敗的問(wèn)題

　　[Editor] 修復(fù) UMD 腳本導(dǎo)入為插件后在編輯器中加載會(huì)報(bào)錯(cuò)的問(wèn)題

　　[Editor] 修復(fù)在偏好設(shè)置內(nèi)設(shè)置 「步進(jìn)數(shù)值」無(wú)效的問(wèn)題