腾讯动漫X凤凰娱乐：金庸作品漫画化，重燃武侠魂

2017-10-31 H5案例分享 H5案例分享

案例：金庸作品漫画化，重燃武侠魂

出品：腾讯动漫X凤凰娱乐

亮点：

策划上，视频类的h5。这是由腾讯动漫宣传金庸作品的漫画所打造的一款宣传h5。① 首屏，随风摇曳的桃花缓缓而落，点缀着水墨渲染的“湖面”，用户点击开始进入到视频展示阶段。② 在视频展示阶段中，以“侠义”、“抉择”、“命运”等主题，将热血的文案与炫酷的人物动作共同演绎着金庸作品中的经典画面。勾起了每位用户心中的中国武侠风。③ 尾屏，图文搭配，借前面的渲染铺垫一举打出自己的宣传目的“金庸作品，尽在腾讯动漫APP”。
设计上，黑白漫画类。① 人物与背景之间黑白两色的转换，起到了一种炫酷的效果。② 浓浓的水墨画风格，充斥着满满的中国风。③ 浅红色的桃花不经意的飘过水墨画，渲染一种“猛虎轻嗅蔷薇”的既视感。
技术上，首屏随风摇曳的桃花运用Canvas和Three.js技术进行实现，并且采用html5中的Video标签技术进行视频内容的实现。

技术实现： Video + Three.js + Canvas

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

识别图中二维码

金庸作品漫画化，重燃武侠魂-查阅二维码

完整欣赏此案例大约需要1分钟40秒

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

标签