本節(jié)效果圖:
1.新建場景
點擊Scene文件夾贾漏,再點擊鼠標(biāo)右鍵岖常,依次選擇Create→Scene顿膨,創(chuàng)建一個場景。大家隨意取名敛苇,注意還是英文字母并且沒有中文沒有特殊符號沒有空格妆绞。
2.預(yù)覽場景
雙擊打開場景》闩剩可以看到摆碉,NodeTree窗口下,有一個被系統(tǒng)自動創(chuàng)建的Canvas節(jié)點脓豪。點擊Canvas節(jié)點巷帝,可以看到它的Properties也就是屬性欄。將DesignResolution的Width設(shè)置為720扫夜,Height設(shè)置為1280楞泼。
隨手保存:Ctrl+S。
這時笤闯,咱們已經(jīng)可以點擊上方小三角運(yùn)行咱們剛剛創(chuàng)建的場景了(注意左邊那個要選Browser也就是瀏覽器堕阔。我一般用google瀏覽器)
點擊后,自動彈出瀏覽器颗味,現(xiàn)在所看到的就是咱們場景的內(nèi)容超陆。提示我們,這里啥都沒有,讓我們加一點東西到場景里面时呀。
3.添加一個黑色背景
好张漂,那咱們現(xiàn)在來往場景里加?xùn)|西。首先加一個黑色的背景吧
在NodeLibrary里面谨娜,鼠標(biāo)左鍵點住組件不放航攒,可以把組件拖入場景。你可以拖入Scene趴梢,也可以拖入NodeTree漠畜。
拖入后,點擊選中l(wèi)ayout坞靶,改變尺寸為720*1280憔狞,顏色選為黑色。
4.將邊框?qū)雸鼍?/h4>
把咱們的Frame邊框拖進(jìn)來彰阴。默認(rèn)應(yīng)該是正確的位置瘾敢。如果你們的Properties里面的Positon啊Anchor啊之類的數(shù)值與我的不同,那你們要檢查一下是不是把Frame拖進(jìn)了Canvas的里面硝枉。
5.將其它資源導(dǎo)入場景
現(xiàn)在把其它資源也拖進(jìn)來吧。并且調(diào)整好位置或大小之類倦微。
****Position可以改變所選節(jié)點的位置(快捷鍵是W)妻味,Rotation可以改變角度(快捷鍵是E),Scale可以改變縮放比(快捷鍵是R)欣福。
****Anchor咱們現(xiàn)在先不講责球,都先設(shè)置為(0.5,0.5)拓劝。
****Size可以改變尺寸
****Color可以改變顏色
****Opacity可以改變透明度
****在NodeTree窗口下雏逾,節(jié)點位置越靠上,這個節(jié)點就越位于下層郑临;位置越靠下就越位于上層栖博。以下圖為例,咱們的layout是放在最上面的厢洞,這樣咱們的背景圖位于最下層仇让,其它素材才能被展示出來。
6.導(dǎo)入Label組件
拖一個Label組件進(jìn)去躺翻,取名Label1丧叽。并編輯好文字內(nèi)容、放好位置公你。
****String可以編輯文字內(nèi)容踊淳。可以手動打字也可以復(fù)制粘貼進(jìn)去陕靠。
****FontSize可以設(shè)置字體大小迂尝。
再添加2個label并取名Label2脱茉、Label3。字號設(shè)置為30雹舀。
文字內(nèi)容大家可以自己寫芦劣。也可以直接復(fù)制我的~
灆色の魔力ぁ
╰+當(dāng)亱募降臨dеㄖ寸鯸,
孤韣禾ó寂寞湧仩訫頭说榆。メo
╱ ★゜ 尒 詠 逺 Sんī 硪 德 蕞 噯虚吟,
⑧ 菅 āì 妳 侑 哆 難,莪 啲 惢 芷 想 屬 於 伱签财。︶ㄣ
7.預(yù)覽場景
點擊小三角預(yù)覽〈浚現(xiàn)在大家可以預(yù)覽咱們親手制作的熱乎乎的場景啦~