⇢⇢ 技能確認: CssSpecialty / 稱號:「畫面的大賢者」...獲取成功 ✨
⇢⇢ 技能確認: CanvasSkill / 稱號:「資料的捕食者」...獲取成功 ✨
⇢⇢ 技能確認: ThreeJsSpeciality / 稱號: 「空間的支配者」...獲取成功 ✨

什麼？眼睛張開來，發現我居然身在網頁工程這個遼闊的世界。
| --------------- |
技能面板
生命值：0
魔力值：0
技能數量：0
| --------------- |
等等，我的角色設定好像有點太慘...
看來為了要在這個世界生存下去，就讓我來好好學習專有的生存技能吧！！

前言

先來自我介紹一下，我的大學就讀專業科系是 數位媒體設計學系，主要專攻動畫設計以及影片特效。

因緣際會之下，目前正在學習成為一名網頁工程師，聽聞了在 it 邦每年都會舉辦 鐵人賽，思考了一下鐵人賽主題，不如就結合過往學習的專業技術，趁著這次機會好好研究一下不做不會怎樣，但做了很不一樣的網頁動畫吧～

系列文章簡介

本系列文章的閱讀順序：

• 基礎動畫法則、介紹網頁動畫概論：
  簡單介紹一下基礎動畫法則，讓你動畫能夠更加有趣生動，並介紹網頁動畫技術的歷史。
• CSS3 動畫效果輕鬆入門：
  在從 CSS 開始介紹有關於 CSS3 的動畫相關語法，讓大家能夠一步一步構築畫面並且添加有趣的動畫效果。
• JS - Canvas：
  一起來研究如何透過 Canvas 讓元素渲染出有趣的小動畫。
• Three.js：
  簡單介紹一下 Three.js 的基本元素在網頁上畫出 3D 場景與物體效果，讓你的網頁瞬間高尚大！
• even 事件操作、動畫與遊戲的差異：
  師父領進門，修行在個人。想研究網頁遊戲，歡迎左轉出門～

那麼各位勇者們，讓我們一起遊歷網頁動畫 30 天吧！