Accupass University

  • 文章與目錄
  • 活動列表

作品資訊

作品分類:活動網站
製作時間:2015.06
工作內容:網站製作
參考網址:Accupass University

作品描述

Accupass University 活動網站

製作過程感想

這案子用了不少前端技術,AWD(mobile view將動畫部分的DOM拿掉)、RWD、有用到HTML5 Canvas sprite animation技術,所以可以看到校園的小人走來走去的; CSS3 animation - 鴿子,白天黑夜與日月交替都是這樣做出來的喔! 然後覺得只是做一個content site實在有點無聊,所以也就提議做個彩蛋吧。所以只要輸入祕技,小門就會從畫面跳出,並且給你一張學生證,這邊有用到Canvas的合成圖片功能已方便使用者可以分享出去。 雖然幾句話就把做的功能講完了,但是其實中間也花不少時間在調校跟debug,只為了有更好的體驗。一開始還因為動畫太多,導致電腦效能不太好就會開始停格的問題,這些東西真的只有碰到才會知道呢! 更棒的事,這些效果都是跟團隊一起討論出來的,大家都想做一些不一樣的東西,很感謝PM跟設計的全力支持,才能夠有這麼可愛的作品^^