#54 用 slider 移動元件 & 播放動畫
Published in
10 min readAug 14, 2018
張小嫻說過
世界上最遙遠的距離
不是生與死的距離
不是天各一方
而是，我就站在你面前
你卻不知道我愛你用 slider 移動元件
請找兩個喜愛的角色，比方小王子和玫瑰花，彼得潘和 Wendy，利用 slider & button 拉近它們之間的距離，讓它們有情人終成眷屬 ~
圖片來源
基本題:
1 水平移動，彼此喜歡對方的程度一樣，所以向對方移動速度也一樣。
(1) 利用 slider 移動。
(2) 點選 button 移動。
提示: 修改元件位置的方法。
2 利用 alpha 調整透明度，距離愈遠時愈透明，愈近時看得愈清楚。
3 也可以改變圖片的大小，比方距離愈遠時愈小，距離愈近時愈大。
4 水平移動，移動的速度有一些變化。
(1）比方小王子比較愛玫瑰花，所以他向玫瑰花靠近的速度比較快，玫瑰花移動的速度比較慢。
(2) 當距離愈近時吸引力愈強，移動地愈快。
5 讓 slider 的數值變成固定數量的整數，相關說明如下。
進階題:
特別形狀的移動，比方在三角形或半圓形的地球上移動。
用 slider 播放動畫
將 gif 動畫分解成多張圖片，然後滑動 slider 控制顯示的圖片。
範例
Jube 可愛的跳繩龍貓。
