Re: [作品] 示意圖

[etrexetrex (moonet)]

※ 引述《etrexetrex (moonet)》之銘言：
: 作報告卻又不想用PPT的時候，就這樣作吧
: http://web.ntust.edu.tw/~B9409041/link/MIS/MIS1.html
: 大部分都是手工
: 製作方法：
:   把按鈕層都作成元件，按紐層包含一個按鈕，和延伸連結
:   按鈕層變大和縮小的部分是由影格的漸變動畫達成
:   按鈕層定位是由 Tween 和 Tween.yoyo 來完成
: 缺點：
:   元件太多，其實可以作出一個通用元件，透過AS來改變按鈕上的字
:   亂按有時候會看到延伸連結按鈕沒有消失，那是因為他的depth變成正的了 0.0
:   延伸連結的按鈕也是手工，造成無法放置出A->B->C->A的連結效果
:   上述缺點可用attachMovie動態產生延伸連結來解決
: 實用性：
:   未知，要看老師和同學的反應

有人說不曉得那些圖就是按鈕 0.0
所以我要強調一下所有方塊都是可以點的

通用元件完成
讀取XML完成
動態產生延伸連結完成

ButtonLayer元件完成

範例swf：http://web.ntust.edu.tw/~B9409041/link/ButtonLayer/ButtonLayer.html
範例xml：http://web.ntust.edu.tw/~B9409041/link/ButtonLayer/misData.xml
成品fla：http://web.ntust.edu.tw/~B9409041/link/ButtonLayer/ButtonLayer.fla

某種程度上來說，他是碎形動畫的演變(程式結構類似)
碎形動畫：http://etrex.blogspot.com/2007/12/blog-post_13.html


新功能：1.可以透過link產生無窮的link迴圈
          在範例中點任意的一個箭頭迴圈就能了解
        2.只需修改XML以及版面就能產生完全新的檔案(不用新增元件)


使用方法：1.fla中的第一層元件name必須與xml的data name相符才會讀取資料
          2.xml中的data link name必須與xml的data name相符才會讀取資料
          3.xml的data可以只出現在延伸連結中(不需要把每一個data都放在第一層)
          4.元件中可以更換的是：回到上一層按鈕的位置
                                XY的偏移量
                                背景 (就是底，底換成有質感一點的圖效果會更好)

新增材質範例：
範例fla：http://web.ntust.edu.tw/~B9409041/link/ButtonLayer/ButtonLayerBG.fla
範例1：http://web.ntust.edu.tw/~B9409041/link/ButtonLayer/ButtonLayerBG1.html
    2：http://web.ntust.edu.tw/~B9409041/link/ButtonLayer/ButtonLayerBG2.html
    3：http://web.ntust.edu.tw/~B9409041/link/ButtonLayer/ButtonLayerBG3.html
    4：http://web.ntust.edu.tw/~B9409041/link/ButtonLayer/ButtonLayerBG4.html
    5：http://web.ntust.edu.tw/~B9409041/link/ButtonLayer/ButtonLayerBG5.html

感謝版友Jerrynet提供我最想要的背景，作成範例1了


XML資料格式：<data name = "這邊放標題">
                 <text>這邊放內文</text>
                 <link>這邊放標題</text>
             </data>

             link數量不限制(不過大於4個就可能會超出頁面)


話說我這樣一搞，其他組的報告同學都哭哭了

大家也來玩玩看吧:)

--
http://etrex.blogspot.com/

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.112.226.160
※ 編輯: etrexetrex      來自: 59.112.226.160       (03/30 12:24)
※ 編輯: etrexetrex      來自: 59.112.226.160       (03/30 12:42)
※ 編輯: etrexetrex      來自: 59.112.226.160       (03/31 00:22)
※ 編輯: etrexetrex      來自: 59.112.226.160       (03/31 00:22)
→ etrexetrex:新增JPG背景圖替換
推 iweilun:選單動畫的創意是不錯　如果只用一個影格的話會更好
→ iweilun:程式如果不寫在元件上　會更方便使用
→ iweilun:xml 寫法如果用另一種的話　程式效率會更好
→ cjcat2266:          ↑另一種?可以舉個例子嗎?好奇~XD
→ etrexetrex:之所以跟元件作結合，就是為了能在主畫面上拖拉
→ etrexetrex:這樣排版才容易 0.0
→ etrexetrex:很多時間軸的動作我不知道怎麼寫成AS會比較好
→ etrexetrex:所以可視覺化的部分我盡量放在時間軸上
→ etrexetrex:我也好奇另一種XML寫法 XD