(2)基本工作流(制作場景與UI)


1、認識cocos編輯器主界面。

  2、制作新場景:

  1)打開我們新建的HelloCocos項目,新建場景名稱為“Scene”,如下圖:

  2)點擊新建,場景就被創建出來了,如下圖:

  3)右鍵“資源面板”,選擇“導入資源。。”,選擇要導入的資源,如下圖:

  4)導入了Common、LevelSelecttion資源文件夾,如下圖:

  5)做一個設計分辨率為 640 960的場景,現在默認是 960640,點擊切換分辨率切換按鈕“image”,改變效果如下圖:

  6)從對象面板的“基礎對象”欄,先左鍵按住拖精靈控件到畫布面板,然后從資源區拖LS10.png給精靈控件,圖片資源賦值,並改變坐標,從而鋪滿640*960,如下圖:

  Cocos Studio拼接場景、UI、動畫都是延續這個思路,先導入資源,然后創建控件,再給控件賦資源,改變控件的屬性,達到效果,這一點要記清楚。

  3、制作新UI:

  1)新建圖層,命名為“Layer”,如下圖:

  2)拖一個Button到畫布面板,然后給Button賦值,並把它放到靠底部的中間位置,如下圖:

  3)這個基本的UI界面就做好了,我們現在把這個界面放到場景里面,在資源面板雙擊”Scene.csd”,打開Scene.csd后,拖動Layer.csd到渲染區,Layer.csd就被添加到Scene.csd里面了,這樣就完成了UI界面與場景文件的結合,如下圖:

  4)點擊工具欄”預覽image”按鈕,看一下場景在游戲里面的樣子,如下圖:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM