##EasyReadMore##

2015年7月22日 星期三

Gamesalad學習2-Hello! Gamesalad


學任何電腦程式語言,難免不會來一段Hello .......,這樣的梗我也不知道從哪裡來。

所以我們不從Hello Gamesalad開始。


概念: 使用Gamesalad不用寫任何程式碼,也許可以說像MIT App Inventorscratch
,以Block方法堆積(組合)出功能。



介面: 主要分成三個區域,A-library,B-attribute,C-stage。
           最直覺想法:把要開發的專案想成是一個遊戲,遊戲裡面有很多關卡,
           一個關卡裡面有很多遊戲物件(人物、怪物、聲音......)。
所以由大而小為遊戲-關卡-物件,Gamesalad取名為Game-Scene-Actor。

Actor(演員)似乎有些奇怪,不過對應到C區的stage(舞臺),演員-舞台的命名又變得很合理。
C區是開發者的工作區域,用來擺放在一個遊戲場景中會出現的物件,
嚴格上來講stage就是scene!!



A區library:集合一個專案裡面所有元件(關卡-遊戲物件-素材)


B區是Game-Scene-Actor的"屬性"設定,譬如說大小外觀,遊戲畫面顯示大小.....。
-------------------------------------------------------------
廢話不多說,我們先來試試看一個簡單的遊戲示範。
首先在A區按下"+"號新增2個actor,
然後點擊actor1更改名稱,
接著把這兩個actor拖拉到stage中擺放,然後點選左下的B區中的actor,如此就可以更改這一個物件的屬性,先改改顏色試試看。
點選stage中的物件就可以更改了。


改完按下web preview(中間像超人符號S,其實那是一個5)


此時出現的就是HTML5的網頁格式遊戲。

按下左上的Back to editor就可以回到原來編輯的畫面。

接著我們加入一點程式碼(!?)讓畫面有一點不一樣變化。



1.點選目標物件
2.開啟backstage,用來放置程式碼
3.點選behaviors,往下直到move
4.把move拖拉到剛剛的backstage中,裡面數值稍後你可以再改改看。

接著跟剛才一樣按下web preview,紅色區塊是不是自己動了起來?

重要觀念:在Gamesalad中的程式碼被稱為behavior(行為),
               所有可以用到的   behavior(行為)都是放置在Library中的   behaviors    。


所有  behavior(行為)都可以在官網中找到說明



沒有留言:

張貼留言