construc遊戲之avg

一、創建畫布

1.起初,把view中網格線grid的兩個選項勾選,並改爲16,16。
2.然後,添加layout層數至3層,爲方便,把layout 0, layout 1, layout 2依次改名爲bg(background), game, ui(user interface)。
3.點擊project, 把windous size改爲800,600。再點擊project下方的layout1,把layout size也改爲800,600.
4.添加背景圖片,選中bg層,然後雙擊中間的空白頁面,會彈出一些選項。你需要勾選tiled background, 然後會出現一個類似ps的彈窗,你可以把事先在網上下載一些資源圖片插入bg層,通過伸展圖片。然後點擊bg層左邊的鎖的圖樣,鎖上bg,防止bg層遭到不必要的改動。需要改動時,再點擊一次即可解鎖。

二、添加對象

插入畫面對象,點擊game層,然後打開文件圖片,把人物圖像拽到遊戲中即可添加啦。
做完上述步驟後,大概的樣子如下:這裏寫圖片描述
給大家一個還不錯的圖片素材網址

二、圖片翻轉

注:以下操作均在game層。
如果人物圖片要反過來,可以進行如下操作,點擊事件表event sheet, 然後add event,點選system, 點選on start of layout添加了一個觸發條件,即:對於遊戲系統,開始展現layout時,即進行操作。
那麼進行的操作是將人反過來,點選add action, 選擇要反過來的人物圖片,點選set mirrored,即產生鏡像效果哦!set flip也是類似,不過是豎直翻轉。如圖這裏寫圖片描述

這兩種翻轉也可以通過修改圖片參數來達到,點選人物圖片,把size改成對應的負值,就可以啦!

三、可視化設置

角色人物沒那麼快出現,要把她藏起來怎麼辦呢?這時候就可以通過設置visible對人物的可視化進行操作啦。
在event sheet右邊點選add action, 點選人物,然後點選set visible, 然後呢,選visible是可見,invisible是不可見。

四、對話框設置

對話框需要用9patch來添加,以保證其清晰度。雙擊畫面,選9patch,然後插入對話框的圖片。9patch的邊框可以微調,點擊它,只需要調整以下四個參數即可這裏寫圖片描述
然後調整邊框的透明度,左邊的參數opacity就是透明度,可通過修改它達到透明效果。因爲對話框圖片與背景不能完全接合,所以會出現類似於小框的線條。如圖這裏寫圖片描述
此時就要調整左邊屬性欄中的seams,將overlap改爲exact,就圓滿解決了這個問題啦!

五、添加文本

雙擊畫面,選擇text,形成的文本框放到layout外面。修改字體(font), 大小(size), 顏色(color), wrapping改爲character字母,便於中文換行.

注意:文本框大小以及字數要合適,因爲多出來的字將不再顯示!

六、變量——貯存信息

點擊event sheet, 再點擊屏幕左上角的event,添加變量——add variable. 然後會彈出一些設置項,依次爲命名(name),類型type(text與number兩種類型),初始值(initial value)以及描述(相當於註釋,不用管)。變量語句放在事件上方爲全局變量,放在事件裏面則爲局部變量,這一點類似於編程。如圖這裏寫圖片描述
1. number類型:將變量輸入到text,可以add action,然後選擇text, 選擇set text, 即可輸入變量值。如果你加雙引號,默認爲字符串,比如你寫入“Variable”,那麼僵直接顯示Variable,而不是它的值0.
同樣的,如果你輸入的是兩個變量的加減乘除取模(+ - * / %),也只會顯示運算後的數字。
2. text類型:與number類型相似,比如定義variable3的初始值爲abc,variable4的初始值爲def,那麼寫入variable3&variable4(&爲字符的相加),將輸出,abcdef。換行,寫入variable3&newline&variable4,則表示輸出variable3的值之後換行,然後輸出variable4的值。

寫到這裏,似乎扯了太多東西,而遊戲還沒製作完,非常抱歉了。上一則博客pong的遊戲也是這樣的情況,不過這只是新手教程啦,知道大概設計思路就好,現在補充一下上一則博客pong的內容。
上一則博客講到pong遊戲,有一個缺點就是球從上下方會飛出畫面。所以就要添加一個擋板。雙擊畫面,添加sprite,設計出一條長擋板,然後添加到畫面上。點擊behavior,添加屬性solid,保證小球觸固反彈。以同樣方式添加令一條長擋板,如圖這裏寫圖片描述
球板後方添加一個類似於“紅燈”的東西,當做是一個觸發條件。雙擊畫面,選擇sprite,添加一塊紅燈板addA。同樣添加另一塊紅燈板addB。再添加計分板使小球撞到紅燈板時能計分。此時雙擊畫面添加text,命名爲scoreA,表示A的分數。再加一個scoreB。如圖這裏寫圖片描述
添加兩個全局變量,a,b,表示a,b的分數,然後對事件表進行操作使得最後呈現如下畫面這裏寫圖片描述
ball destroy表示小球撞上紅燈區後自滅。choose(0,180)表示下一個球發出的角度在0,180兩個方向上隨機選擇。every tick就是每一局。

感謝閱讀,歡迎修正!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章