幕后揭秘:Dovion为什么像吉卜力电影?
我们经常被问到这个问题:「这是什么画风?」Dovion的画面——那片粉彩色的大海、柔和的岛屿、地图中央那团奶白色迷雾——让很多玩家联想到吉卜力动画电影。这不是巧合:这是我们明确的灵感来源。更让人意外的是这一切是怎么做到的。所以我们打开幕后,带你看看。
秘密:没有任何图片
这是我们最引以为傲的技术特点:Dovion的世界不下载任何图片文件。没有岛屿纹理贴图,没有树木精灵图,没有JPEG格式的海洋背景。所有视觉效果都是由代码在你的浏览器里实时生成:每座岛屿、每片森林、每座火山,都是数学函数画出来的。
这就是所谓的程序化渲染。它对你来说有两个巨大的好处:
- 游戏加载快。 没有大量图片文件要下载:你在几秒钟内就能出海,即使网络一般。这也是为什么游戏在低配置机器上也能流畅运行——我们在低配置运行Dovion里讲了这件事。
- 所有人看到的世界完全一样。 生成过程是确定性的:给定同一个「种子」,代码永远生成同样的岛屿,精确到像素。你和你的对手看到的是完全相同的群岛——这对一款多人游戏来说是必须的,因为躲在岛屿后面本来就是战术的一部分。
为什么偏偏是吉卜力风格?
因为.io游戏通常在视觉上……很实用。圆形、网格、刺眼的颜色。够用,但我们想要别的:一片让人想要驻留的大海。吉卜力的电影有这种罕见的气质——自然是一个角色,有柔和的色彩、温暖的光线、即使在动作场面里也有一种宁静感。
具体落实到我们这里,就是一套柔化色调的调色板:一层校色处理把整个世界的颜色——海洋、岛屿、船只、生物——全部柔化,形成那种特有的奶油色光晕。生物群系做了其余的工作:森林、冰原、火山,还有雾气弥漫的中央泻湖。每个区域有自己的氛围,地图网格帮你找到自己喜欢的角落——参见Dovion地图与各区域。
迷雾与灯塔:WebGL部分
有些效果用传统方式绘制的代价太高。对于中心的体积迷雾、穿透雾气的灯塔光线和粒子效果,我们使用WebGL:这些效果由你设备的显卡计算,即使画面复杂也能流畅呈现。
如果你的设备不支持WebGL呢?游戏会自动退回到更简单的2D渲染。你会少一点迷雾里的诗意,但玩的是完全相同的游戏,不需要安装或配置任何东西。这是我们的原则:任何视觉效果都不能阻止任何人游玩。
一个来自局限的选择
说实话:这个艺术方向也源于我们的限制。我们是一支小团队,没有全职插画师。手绘几百座岛屿超出了我们的能力范围;教代码去画它们,是可行的。这种限制变成了我们的标志——今天,我们绝对不会回头。而且这种「自制」的精神远不止于视觉:我们的服务器也是手工打造的,就像我们在无依赖游戏服务器幕后里讲的那样。
最简单的评判方式,就是来亲眼看泻湖上的迷雾散开:免费畅玩Dovion。