第五章:整理我們團隊產出的一些優(yōu)秀項目案例滨巴,教大家如何將這些知識運用到實戰(zhàn)中及如何解決遇到的問題。
5.1 UP+2014邀請函
先給傳送門俺叭,查看該網頁:http://up.qq.com/2014/invitation/main.html (該網頁在手機上查看是沒有問題的恭取,在PC端的話會自動跳轉,需要手動修改鏈接地址才行)
有用到以下技術點:
- 單屏滑動
- 分辨率適配
- CSS3動畫的應用
-
SVG的應用
具體內容和代碼參考 P222-P231
5.2 TGA城市拉力賽
先給傳送門熄守,查看該網頁:城市拉力賽
有用到以下技術點:
- 地理位置的使用
-
音頻的使用
具體內容參考 P232-P234
5.3 全面突擊明星隊長
先給傳送門蜈垮,查看該網頁:http://wefire.qq.com/act/a20150826kris/pc/(該網頁在手機上查看和在PC端查看是有卻別的)
有用到以下技術點:
- 如何將新聞頁的明星視頻偽裝成圖片
- 如何不經過用戶操作連續(xù)播放兩個視頻
- 微信視頻播放支持判斷
-
iPhone-inLine-Video組件
具體內容參考 P235-P241
5.4 全民超神明星皮膚
先給傳送門,查看該網頁:全民超神明星皮膚
有用到以下技術點:
- 多部手機之間的視頻同步
- 視頻緩沖
- 循環(huán)播放
- 無法初始化視頻尺寸
- 各種詭異的初始化問題
-
視頻控件變灰
具體內容參考 P242-P247
5.5 龍之谷手游WebVR項目
先給傳送門裕照,查看該網頁:龍之谷手游
有用到以下技術點:
- 程序與用戶共同控制攝像頭
- 多重蒙版貼圖 (給出了完整代碼)
- 自適應長度文字提示(給出了完整代碼)
- Unity地形導出
- 3ds Max動畫導出問題
-
視頻控件變灰
具體內容參考 P248-P256
完攒发。