溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

CocoStudio使用筆記2:cocos2dx3.9使用CocoStudio制作的進度條LoadingBar

發(fā)布時間:2020-07-29 10:47:43 來源:網(wǎng)絡(luò) 閱讀:593 作者:frankxzb 欄目:開發(fā)技術(shù)

    作為菜鳥曾一直使用手寫cocos2dx界面,最近一直在研究cocostudio這個工具。嘗試著使用工具來快速的開發(fā)游戲,折騰了一個多星期了,每天不停的搜索資料。

記錄下本人試用cocostudio制作的啟動界面所遇到的問題和經(jīng)驗,方便以后查閱。

首先設(shè)置編輯器的分辨率為480*800安卓分辨率的大小。

添加一個sprite精靈使用大小為480*800的圖片(background.png)作為背景,然后添加sprite精靈作為游戲logo(logo.png),繼續(xù)添加sprite作為進度條的背景(loading_bj.png),然后在進度條背景上面添加進度條控件(LoadingBar.png),設(shè)置進度條進度為1%,進度條方向類型為從左到右,最后在進度條控件上方添加一個text文本標簽用來顯示進度條進度值。

CocoStudio使用筆記2:cocos2dx3.9使用CocoStudio制作的進度條LoadingBar

在cocostudio中編輯好場景后,我們通過項目菜單中的發(fā)布與打包進行csb文件的發(fā)布。

最后我們在cocos2dx中來讀取csb文件,通過交互來使用控件。

本博客主要目標:1、加載cocostudio發(fā)布的csb文件。2、自動改變進度條的進度值和標簽文本顯示值。


1、在cocos2dx中加載csb文件

參照上一篇博客講到的

CocoStudio使用筆記1:cocos2dx3.4加載CocoStudio導(dǎo)出的csb文件

http://www.byjth.com/tools/41.html


2、自動改變進度條改變狀態(tài)值和標簽顯示值

參照以前的一篇博客,

Cocos2dx學(xué)習(xí)筆記12:cocos2dx進度條(ProgressTimer)

http://www.byjth.com/biji/32.html


下面我把本次的實現(xiàn)代碼貼出來。

CocoStudio使用筆記2:cocos2dx3.9使用CocoStudio制作的進度條LoadingBar

CocoStudio使用筆記2:cocos2dx3.9使用CocoStudio制作的進度條LoadingBar

通過簡單的代碼我們就可以獲得一個非常精美的Loading場景,當然畫面的精致程度還是和美術(shù)有很大的關(guān)系。

這里我的xcode模擬器設(shè)置為480*800的。啟動模擬器來預(yù)覽下最后的效果。

CocoStudio使用筆記2:cocos2dx3.9使用CocoStudio制作的進度條LoadingBar

到現(xiàn)在為止我嗎使用簡單的幾句代碼就可以創(chuàng)建一個精美的場景,當然本圖中為使用了粒子特效。因為不需要交互,這里不做解釋,有時間我們再來介紹下進度條加載完成后自動切換下一個場景的應(yīng)用。


CocoStudio使用筆記2:cocos2dx3.9使用CocoStudio制作的進度條LoadingBar

http://www.byjth.com/tools/43.html


向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI