3.項目正式開工(一):學(xué)會簡單的組件應(yīng)用

本節(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ù)覽咱們親手制作的熱乎乎的場景啦~


下一篇:4.項目正式開工(二):學(xué)會簡單的動畫制作

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市唱蒸,隨后出現(xiàn)的幾起案子邦鲫,更是在濱河造成了極大的恐慌,老刑警劉巖神汹,帶你破解...
    沈念sama閱讀 217,657評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件庆捺,死亡現(xiàn)場離奇詭異,居然都是意外死亡屁魏,警方通過查閱死者的電腦和手機(jī)滔以,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來氓拼,“玉大人你画,你說我怎么就攤上這事√已” “怎么了坏匪?”我有些...
    開封第一講書人閱讀 164,057評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長撬统。 經(jīng)常有香客問我适滓,道長,這世上最難降的妖魔是什么恋追? 我笑而不...
    開封第一講書人閱讀 58,509評論 1 293
  • 正文 為了忘掉前任粒竖,我火速辦了婚禮,結(jié)果婚禮上几于,老公的妹妹穿的比我還像新娘蕊苗。我一直安慰自己,他們只是感情好沿彭,可當(dāng)我...
    茶點故事閱讀 67,562評論 6 392
  • 文/花漫 我一把揭開白布朽砰。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪瞧柔。 梳的紋絲不亂的頭發(fā)上漆弄,一...
    開封第一講書人閱讀 51,443評論 1 302
  • 那天,我揣著相機(jī)與錄音造锅,去河邊找鬼撼唾。 笑死,一個胖子當(dāng)著我的面吹牛哥蔚,可吹牛的內(nèi)容都是我干的倒谷。 我是一名探鬼主播,決...
    沈念sama閱讀 40,251評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼糙箍,長吁一口氣:“原來是場噩夢啊……” “哼渤愁!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起深夯,我...
    開封第一講書人閱讀 39,129評論 0 276
  • 序言:老撾萬榮一對情侶失蹤抖格,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后咕晋,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體雹拄,經(jīng)...
    沈念sama閱讀 45,561評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,779評論 3 335
  • 正文 我和宋清朗相戀三年掌呜,在試婚紗的時候發(fā)現(xiàn)自己被綠了滓玖。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,902評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡站辉,死狀恐怖呢撞,靈堂內(nèi)的尸體忽然破棺而出损姜,到底是詐尸還是另有隱情饰剥,我是刑警寧澤,帶...
    沈念sama閱讀 35,621評論 5 345
  • 正文 年R本政府宣布摧阅,位于F島的核電站汰蓉,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏棒卷。R本人自食惡果不足惜顾孽,卻給世界環(huán)境...
    茶點故事閱讀 41,220評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望比规。 院中可真熱鬧若厚,春花似錦、人聲如沸蜒什。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,838評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至霎冯,卻和暖如春铃拇,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背沈撞。 一陣腳步聲響...
    開封第一講書人閱讀 32,971評論 1 269
  • 我被黑心中介騙來泰國打工慷荔, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人缠俺。 一個月前我還...
    沈念sama閱讀 48,025評論 2 370
  • 正文 我出身青樓显晶,卻偏偏與公主長得像,于是被迫代替她去往敵國和親晋修。 傳聞我的和親對象是個殘疾皇子吧碾,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,843評論 2 354

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,116評論 25 707
  • 用兩張圖告訴你,為什么你的 App 會卡頓? - Android - 掘金 Cover 有什么料墓卦? 從這篇文章中你...
    hw1212閱讀 12,723評論 2 59
  • 一倦春、Unity簡介 1. Unity界面 Shift + Space : 放大界面 Scene界面按鈕渲染模式2D...
    MYves閱讀 8,207評論 0 22
  • 時間過得真快,感覺上春節(jié)的歡樂氣氛還彌漫著上空落剪,又迎來了五月粽子飄香的家鄉(xiāng)美味睁本。事不宜遲,趕緊籌備過五月...
    大蓮子閱讀 1,698評論 0 2
  • 今天介紹下web開發(fā)中常用的兩種表單驗證忠怖,form提交和ajax提交 form提交 表單是通過form提交時呢堰,用戶...
    Eugene1024閱讀 1,408評論 0 0