網頁
第一次製作
第二次製作
第三次製作
畢業專題(互動式繪本)
負責部分:網頁(與另一位組員共同負責)、外務、音效配樂
第三次製作的Prototype(Adobe XD製作)
特效呈現
HTML+CSS特效
按鈕篇
Click Me
按鈕變深
Click Me
按鈕變淺
Click Me
由左向右填滿
Click Me
由右向左填滿
Click Me
由左上向右下填滿
Click Me
由右下向左上填滿
Click Me
線條框
2D變形篇
Touch Me
X軸放大與縮小
Touch Me
Y軸放大與縮小
Touch Me
放大與縮小
Touch Me
旋轉180度
Touch Me
旋轉270度
Touch Me
旋轉900度
Touch Me
左上平移到右下
Touch Me
X軸平移
Touch Me
Y軸平移
Touch Me
X軸+Y軸傾斜
Touch Me
X軸傾斜
Touch Me
Y軸傾斜
Touch Me
左上原點變形
Touch Me
右下角原點變形放大
Touch Me
左上原點變形旋轉
3D變形篇
南方
北方
天
地
西方
東方
公雞行走圖
望花筒特效
持續旋轉360度特效
HTML+CSS+js特效
電子時鐘
00:
00:
00
AM
星期,
月
00日,
year年