長按/掃描下方二維碼
我昨天失眠了
完整欣賞此案例大約需要1分30秒
<想免費推廣H5可以試試>
H5投稿小助手
案例:我昨天失眠了
出品:人人貸
技術實現: pixi.js
亮點:
1. 創意策劃上,講述每一個努力的人,以「我昨天失眠了」引出,從凌晨3點到晚上11點。當凌晨3點醒來,發現原來每日送奶的人,是這麼早就來送奶;做煎餅的張氏夫妻,早4點起床,6點出攤,全年無休;開公交車的劉師傅;公司白領Tina,9點上班,從不遲到,年度全勤員工;送餐員小王;搞衛生的陳姐;追求音樂夢想的街頭藝人趙哥;就像H5案例中敘述的,還要有多少的努力,才能完整我們這「平凡的一天」。
2. 設計上,唯美顆粒度畫風,每一屏都可以做明信片。
3. 技術上,動畫基於pixi.js實現,調用PIXI.Application生成一個舞臺對象,而後把用戶滑動屏幕的事件touchstart、touchmove、touchend綁定到舞臺對象,獲取用戶滑動屏幕縱軸Y方向的距離。根據Y方向的數值,加載動畫效果和播放對應的音頻文件。
4. 體驗上,充滿正能量的H5,通過普通的一天,因為失眠,了解到從凌晨3點到晚上11點,每一個努力的平凡人。原來我們的生活中,每一個平凡人都在做著不平凡的事兒。
【案例截屏】
長按/掃描下方二維碼
我昨天失眠了
完整欣賞此案例大約需要1分30秒
<想免費推廣H5可以試試>
H5投稿小助手
以上為【H5案例分享】團隊原創文章!
轉載請務必註明出處!
【長圖】H5案例推薦
H5案例分享官宣:長圖類H5匯總(超級幹的乾貨)
【學H5】就進H5課堂
(PC+微信小程序)
h5ketang.com
找創意H5案例:h5anli.com
小五堅持分享優質H5,喜歡嗎?