【網頁設計】電流急急棒遊戲 
Wednesday, November 30, 2016, 12:38 PM - 教師相關   (同類別文章列表)
Posted by Administrator
簡易電流急急棒

電流急急棒(附音效)
==
設計思考:

所需物件:

1.急救包

2.血條指示

3.通電障礙物


物件功能需求:

1.急救包:(a)碰觸後、恢復滿血狀態,(故需與血條互動),(b)碰觸後、需消失

2.血條指示:(a)觸電時、需將血條減少一格(或變得更為焦黑),(b)最終則顯示失敗畫面

3.通電障礙物:(a)需有電流通過動畫、(b)需有電流音效、(c)碰觸後、發出女人尖叫音效、(d)碰觸後、通電障礙物出現染血狀態,不碰觸後則恢復

物件設計方法:

1.急救包:畫一急救包物件並取名(Heal),設定(Heal)事件有兩件:
(a)滑鼠mouseover時,設定時間軸為gotoAndPause、對象為血條指示(Blood)、時間標籤為"begin"
(b)滑鼠mouseover時,CSS設定樣式、對象為Heal、設定屬性Visibility為"Hidden"

2.血條指示:畫一白色之人物形狀並將其設定為群組"Blood",之後:
(a)進入"Blood"群組,複製此形狀並貼於原處,重覆3次,此時群組中、共有四個相同人物位於同一位置
(b)依時間軸之上下順序,由上至下將四個相同人物的顏色設定為愈來愈黑
(c)第一個人物在0、1秒設關鍵影格,第二個人物在1、2秒,第三個人物在2、3秒,第四個人物在3、4秒
(d)設定第一個人物第1秒的關鍵影格透明度等級為0,第二個人物第2秒的關鍵影格透明度等級為0,第三個人物第3秒的關鍵影格透明度等級為0


發表回應 ( 共計501閱讀人次 )   |  permalink   |  $star_image$star_image$star_image$star_image$star_image ( 2.9 / 421 )

<<第一頁 <前一頁 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 下一頁> 最後>>