腾讯游戏DNF：8年期待·更近所爱

2016-09-08 H5案例分享 H5案例分享

案例：8年期待·更近所爱

出品：腾讯游戏DNF

亮点：

策划上，图文+视频，腾讯游戏地下城与勇士IP发布会的宣传推广，打开首先是开场视频，DNF小说的作者在阐述小说情节，按照提示滑屏翻页，引入一段切换视频，然后模拟游戏界面，作者穿越到游戏中，游戏中的人物分别表达要对他说的话：魔法师：“你确实是无耻界最后的希望了”、魔枪士：“智障…”、男枪手、女格斗等，点击ENTER按钮进行翻页，然后一个视频穿越到了教室里，最后一屏介绍了发布会信息
设计上，大部分页面采用DNF游戏界面风格，让用户感受游戏的气氛
技术上，视频使用的video标签，模拟游戏人物对话部分使用canvas

技术实现： Zepto + createjs + canvas

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

识别图中二维码

8年期待·更近所爱-查阅二维码

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

标签