腾讯游戏H5:DNF 13年勇士战斗记忆高能回顾!

举报 2021-06

首图.gif


《地下城与勇士》( Dungeon & Fighter )这一超人气格斗网游已持续运营13年了,与玩家们共同拥有很多珍贵的美好回忆。在十三周年庆这一非常有意义的节点,一个情怀向的回顾H5,用插画还原游戏中的经典场景,以新颖的交互联结玩家情感的记忆事件,让每个玩家瞬间回想起自己DNF 13年的点点滴滴~!

1.png


PROCEDURE 1:更贴合游戏的插画风( Visual Concept )

视觉风格上,我们选定了以色块为主的偏美式插画风,辅以渐变、材质来提升画面质感,更好地体现游戏的氛围场景感。在符合游戏风格的重量感之上,配色着力体现DNF和玩家们一起走过重重困难后对未来的期许,更梦幻也稍显明亮一些。

222222222222222.png


PROCEDURE 2:六大经典游戏场景( Scene Setting )

从无数个铭记在玩家心中的记忆出发,进入首页,提炼最具有辨识度的天帷巨兽、天空之塔、格林之森三角树等构图场景,一瞬回到玩家们最熟悉的阿拉德大陆。

进入第一次踏上的赫顿玛尔,看到最受欢迎的六大角色( 鬼剑士、格斗家、神枪手、圣职者、魔法师 ),玩家们一直奋力守卫的天空之塔,并肩作战的百级副本希洛克。

还有黑鸦之境奥兹玛的复苏,用丰富的构图和真实的数据描摹出玩家们最深刻的一幕幕记忆。


3333333333333.png3.png


PROCEDURE 3:场景插画动态解析( Experimental Principle & Tools )

为了将插画分层做动态效果,我们写了一个PS的脚本+一个Blender的脚本,可以直接把插画师的PSD图层转换到Blender里,自动创建平面、材质和贴图,以及初始化深度。

动图1.gif

基于noise贴图+shader代码,在用户滑动切换不同的场景之间,以燃烧碎片消逝的方式,营造特别的转场效果,带领用户一层层地回顾DNF 13周年的专属记忆碎片。

动图2.gif

RESULTS 4:点亮你的意志记忆( Interactive Setting )

开启记忆,绑定角色,回顾玩家与DNF相遇的点点记忆,然后可选择点亮个人的意志记忆,设计师在这里提取运用了魔法阵这一元素,将10个第一次的意志记忆分布在魔法阵上,转动魔法阵可查看记忆并点亮其中印象最深的3个,最终生成勇士战斗记忆,可领取更多周年庆活动福利哦~!


02.png

02.png

6.png


腾讯游戏

坏打印机 Studio

 
数英评分
10
我的评分
谢谢
数英评分
10
我的评分

    专业评分

    专业评分已截止

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    参与评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    全部评论(1条)