close

往前走出隧道

需要圖層:2-X
基本上1層就可以,但為了管理方便,一個元件放一個圖層,
因此最少是兩層,最多則是無限,看要做到多細緻。

需要元件:2-X
至少要2個,最多無上限,看個人需求

需要動畫:無

需要指令:無

這一個範例運用的主要是按鈕的特性來偵測滑鼠移動位置。
搭配圓形的邊至中心點的距離都一樣,來做到滑鼠由邊往中心移動時,
而無須使用任何的指令動作跟動畫。
白色圓形色塊也會跟著改變,如果滑鼠指標改成一個人的形狀,
就像是一個人從隧道裡面走出來,最後看到日光的效果。

中心概念:
按鈕有四個影格,其中第四個影格是用來偵測滑鼠用的,
滑鼠若移動到範圍裡,按鈕就會呈現出在第二個影格所放置的內容物。
所以如果我們在不同的範圍區塊裡放置了呈現不同內容的按鈕,
那麼當滑鼠移動到這些不同範圍裡面並被底下的按鈕偵測到時就會呈現出該有的內容。

1.
建立一個按鈕,在第二個影格放入一個超過整個畫面的白色圓形色塊,
第四個影格則放入一個小小的圓形色塊,顏色隨意,因為只是要利用按鈕偵測的特性,
所以第一和第三個影格都不要放任何內容。

2.
將這個按鈕放到場景裡面去,然後再將此按鈕再製成另外一個新的按鈕,
請注意,這裡的動作是再製,而非複製貼上的複製,弄錯就會失敗。

3.
將再製的新按鈕拉到場景裡,一樣置中,然後原地修改,
將第二個影格裡的白色圓形色塊縮小約95%,第二個影格裡的小圓放大約110%。
(實際放大縮小比例依個人需求不同,愈小自然就愈逼真,但是就得多作幾個,反之亦然)

4.
圖層放置的位置,基本上全不同一個圖層是不影響結果的,但為了你日後修改和管理方便,
建議你還是多用一些圖層來區別會比較好,依此類推,直到你覺得你快受不了了就結束吧。

範例:

 

arrow
arrow
    全站熱搜

    ALVIN 發表在 痞客邦 留言(0) 人氣()