《The Last Night》美术分析
E3中最惊艳的美术风格当属The Last Night的立体像素风。预告片中的3D摄像机穿梭于这个由像素组成的赛博朋克城市中，真实的光效和雨水营造出有戏剧效果的氛围。最令人惊讶的是每个人物都能够和环境光源发生互动，根本不像是普通的像素图（2D Sprite），而是像3D模型一样受光影响。再加上片尾的飞行汽车的刻意塑造的锯齿状边缘，让人怀疑这一切都是3D元素进行了像素化的处理。而没有像素游戏用过这种方式。
以往的像素游戏的人物都是2D Sprite，上面的光照阴影也都是画在每一帧里的。一般都会默认光是从上往下照的。如果在游戏中游戏角色的脚下发生了爆炸，你会发现角色的光照不会有任何变化，除非有针对脚下爆炸专门制作2D序列帧，但那样工作量和资源占用都会变多。而在The Last Night中，主人公以及街道上的所有人都会受到头顶灯光的影响，以及偶尔的闪电会将所有人的边缘打亮，这又是如何做到的呢？
最初我和很多同事都觉得The Last Night用了特殊的着色器（Shader）将3D模型实时的翻译为2D像素，尤其是最后的黄色出租车表现出了明显的3D卡通渲染（Cel Shading），更让人觉得整个游戏的角色都是3D模型，然后通过像素化让玩家误以为是平面。但是问题也在于每个像素的方格是完全平行的，所以不可能是直接让UV贴图直接像素化（否则像素方块会因为模型体积的变化而发生扭曲）。有一种方法是通过摄像机投影（Camera Projection）来根据摄像机来重设贴图，类似于《返老还童》的纽扣片头。这样就保证不管3D模型体积和动作如何，它正对着摄像机的贴图一定是平面的。但这样计算量就会很大，而且UV包裹会出现问题。因为在游戏里，角色的像素都很完美的和人物边缘协调，不会出现有半个像素的情况。如果每一个不同的3D模型都能准确的渲染成完美的2D像素效果，那这个算法一定非常智能，来探测边缘和优化像素分布。
这也太黑科技了。没有人确定这是The Last Night的实现方法。但是如果不是3D模型，又如何做出带有法线的2D Sprite呢。
在惊叹和发愁之余，我将The Last Night的预告片逐帧反复观看了数十遍之后，终于得出了答案。其实没有黑科技，就是比较聪明。
3D和2D的混合
游戏中的箱子是3D模型上贴了像素化的贴图，就像Minecraft里那样。但本身是3D元件，也会受各种光源影响，即使倾斜，边缘也不会是锯齿状。
当然，同时是3D模型的还有街道上的一些垃圾箱，顶棚，和杂物。他们仅仅是拥有像素贴图。而这给人了一种误导，会以为“既然连箱子都是3D的了，那人和武器一定也都是。” 然而并非如此。
2D人物
人物是2D Sprite，就是一个纸片。当聚光灯打到人的身上的时候，你能明显看到柔和的边缘掠过人的身体，如果是3D渲染成2D像素，那么它会把光的信息翻译成像素的颜色，呈现出一个实心的色块。而非有渐变的柔光。这就是一个聚光灯打到一个纸片上的效果。
那闪电和灯光照耀时角色的头顶边缘光又如何解释呢？答案是那只是额外的一层“顶光”贴图。无论是任何角色，他们只有顶光和正面光两种情况，而且顶光所照亮的像素一模一样。比如一个前行的戴帽子的女士，无论她在灯前面还是走过灯，她帽子的顶光永远是那几个像素，只是明度上有变化。所以每个角色的sprite都有一个顶光图层，通过二手交易调节这个顶光图层的亮度来模拟出受路灯和闪电的影响。这依旧需要一定的工作，但是比之前的黑科技要可行很多。
没错，人物的动作都是一帧一帧做的，顶光图层也是，这些都是这个工作室最驾轻就熟的2D像素流程，从他们之前的Flash版The Last Night就能看出来。而且里面的路人角色也并不多，工作量很取巧。而最后的那辆飞车，则极有可能是3D预渲染，这一点国外Retronator Magazine网站也做出了判断。
镜头效果
强烈的景深效果，铺天盖地的体积光，真实的水面反射和雨滴流淌，都让这个游戏即使不用2D像素角色，也可以成为一个电影级别的3A游戏。
总结
因为The Last Night在本次E3上只放出了预告片，没有Demo可玩。所以现在所有的判断都是基于预告片。从中可以分析出整体的立体像素风格是由带有多层Pass的人物Sprite，在3D环境中摆放的2D纸片，和带有像素贴图的3D模型一起共同完成的。它们互相融入协调，和谐的共同作用让整个游戏拥有一个统一的令人惊叹的艺术风格。
《The Last Night》美术分析相关推荐
- UE风格化Day16-风格化云雾材质/风格化的探讨
今天学一下云雾的创建:虽然UE自带也有云雾生成的功能,效果并不理想,风格化的效果可能还是要自己做 教程: (油管)游戏中云雾实现的几种方式 :虽然没有具体的做法教程,但是从原理上分析了生成 在虚幻商城 ...
- 综合实践活动信息技术小学版第三册电子课本_人教版小学美术16年级电子课本图片+教材分析...
扫码查看下载 全部资源 人教版一年级美术上册电子课本 人教版一年级美术下册电子课本 人教版二年级美术上册电子课本 人教版二年级美术下册电子课本 人教版三年级美术上册电子课本 人教版三年级美术下册电子课 ...
- 计算机美术基础学情分析,《计算机美术基础》课教学计划
<计算机美术基础>教学计划 课程内容:计算机美术基础 面向人群:职业高中学生 授课时间:36课时 编写人:路丽颖 学时分配建议表 第一周 1.透视与形态 2.基本光影关系 第十周 1.信纸 ...
- 计算机美术基础学情分析,二年级美术学情分析
出国留学网小编为大家整理了二年级美术教学计划,欢迎大家阅读.更多相关内容请关注出国留学网工作计划栏目. 二年级美术教学计划[一] 一.学生情况分析 经过以前一年多的学习,已掌握了一些简单的基本绘画知识 ...
- 计算机美术基础学情分析,绘画教学计划（通用3篇）
绘画教学计划(通用3篇) 时间过得真快,总在不经意间流逝,我们将带着新的期许奔赴下一个挑战,做好教学计划,让自己成为更有竞争力的人吧.但是教学计划要写什么内容才能让人眼前一亮呢?以下是小编帮大家整理的 ...
- [美术制作流程]魔兽世界角色换装分析
基于WowModelView的代码分析魔兽的换装流程,给程序包括美术提示avatar换装思路. 魔兽角色系统设计原则: 1.一套模型多套纹理贴图 2.某一角色只有一个模型, 该模型包含了各种服装搭配所 ...
- 2D手游美术实现方案分析
文 / 网易 菊哥(美术) 关于2d手游选择美术实现方案的拆分汇总:不同项目中,会根据不同的需求选择不同的美术表现方案,这里会对不同的表现方案类型,做出一些分析和意见. 1.纯序列帧动画 使用游戏: ...
- 五大要点分析手游美术设计：如何在前5分钟抓住玩家眼球
当问及高画质是否关系游戏成败时,游戏开发商的回答各异,有的认为画面效果至关重要,而有的则认为画面效果作用不大.但是,数据显示现在一款Facebook游戏开发消费的20%到30%投入在艺术画面效果上.再 ...
- 【手游】梦幻西游手游 美术资源加密分析
最近研究了一下梦幻西游手游版的资源打包方式其中就用到了Hash表索引 0x00 先看看梦幻西游手游的资源目录 ┌─HashRes ┊ ├─00 ┊ ├─000 ...
最新文章
- windows监控——再见zmq
- 《每日一题》290. Word Pattern
- cookie放在请求头_Web安全：你必须知道的“Cookie安全”
- Codeforces Round #686 (Div. 3) F. Array Partition 二分 + 线段树
- skywalking 引起 spring-cloud-gateway 的内存溢出 skywalking的bug
- 计算机网络之物理层：3、奈式准则和香农公式
- mysql带唯一主建任然发生gap,mysql – 使用主键分块从大表中删除时仍然看到锁等待超时...
- Openlaye：学习笔记之事件
- 51c语言编程基础,51单片机c语言编程入门(详讲版)
- 大学什么专业学c语言和机械制图,机械设计工程师大学时应该学什么
- SolidWorks二次开发经验总结
- 家庭亲戚关系计算器微信小程序源码
- 前端框架Vue（11）——Vue+表单验证 VeeValidate 实践
- LoRa 数据速率，码片速率，符号速率
- 他励直流电动机的调速
- ffmpeg实例，colorkey，chromakey抠图的使用
- maven 搭建ssm多模块项目（web+service）
- Java基础之购物清单
- 用python获取的一季报优秀的股票！
- Win11 + Ubuntu18.04 双系统踩坑日记