央视新闻移动网：砺剑

2017-08-14 H5案例分享 H5案例分享

案例：砺剑

出品：央视新闻移动网

亮点：

策划上，一镜到底类，用一镜到底的方式展现我国装备武器的发展，① 从小米加步枪到飞机坦克，再到航母潜艇，其间还穿插视频，里面的武器按照陆军空军海军排列方式一一呈现；彰显了我国军事力量越来越强大，也侧面体现了我国国力越来越强盛；② 最后引导用户下载客户端，关注我国新闻时事。
设计上，整体来看，设计风格比较偏怀旧风，里面的各种武器旁，几乎都有对该武器的简介，使用户能对各式武器有很好的了解。
技术上，一镜到底的实现方式主要采用的是ThreeJs + Canvas；中间穿插的视频主要是以带有x-webkit-airplay，playsinline，webkit-playsinline，airplay，x5-video-player-type等属性的Video来实现的。

技术实现： jQuery + ThreeJs + CreateJs

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

砺剑-查阅二维码

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签