網頁




第一次製作


第二次製作


第三次製作


畢業專題(互動式繪本)

負責部分:網頁(與另一位組員共同負責)、外務、音效配樂




第三次製作的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