原文:https://80.lv/articles/overwatch-technical-overview/

http://polycount.com/discussion/170394/technical-study-overwatch-image-heavy/p1

Timothy Bermanseder, co-founder of Cardboard Keep, studied the beta-version ofOverwatch and found some very interesting technical details. He gave his analysis of the special effects, materials, assets and visual design of Overwatch. Check out the details inside (this is an update of the forum post on Polycount with additional comments from the author).

Introduction

G’day, I’m Timothy Bermanseder, from Canberra, Australia. I am co-founder of Cardboard Keep, a small indie studio who just released our first game Warden: Melody of the Undergrowth on PC, Mac and Linux.

When I was young I used to make Doom maps with my dad, from there I went to play with map editors in any game that had them and after school attended the AIE (Academy of Interactive Entertainment) studying 3D art. It was here that I met fellow game devs who wished to start their own company and make their own games.

I lean mostly into technical art, but being part of an indie team means I wear many hats, we are a small team so ultimately I end up doing a lot of the art. Today as millions of players around the world are launching their Overwatch accounts I want to present my simple technical analysis of the game’s visuals.

Almost every gamer has heard of Overwatch and I got the chance to play in the open beta in the beginning of May 2016. I admit I was skeptical of the game, but from all the information I had seen it was quite beautiful aesthetically, so I gave it a whirl and had an absolute blast. As a 3D artist and often responsible for turning an artstyle into reality, I was intrigued by how they managed to get that awesome pixar look, and running silky smooth.This led me to start jotting down notes about things I noticed – eventually I had so many I figured I’d compile them and share them with the community. All of this was simply my own observation. I had no part in the creation of Overwatch.

Material Production

I believe (but don’t know for sure) that Overwatch was a testbed for moving into a PBR (Physically Based Rendering) workflow, using modern rendering technologies to reach for the film or Pixar look. Delving into the texture maps the game uses we can see plenty of maps that could very well be metalness or roughness maps.

Blizzard have a long history with engine tech and blending materials from Starcraft and WoW, and they made use of this knowledge here to milk the most out of their materials in Overwatch. They layer different materials together to create organic and natural surfaces – from puddles and dirt in the cobblestones, to sand catching in bricks and moss growing up rocks.

This use of blending is empowering to an environment artist who likely needs to work with tiling textures and a few static props yet cannot afford to let the scene feel stale.

Character Creation

I was initially most curious about their polycounts as it would give me a starting point for my own poly budget, were I to work on a similar project. Upon study of their character models, I discovered that their characters do not use blendshapes for facial animation, rather they use a bone method.

Almost every character had some kind of dynamic object attached to them, be it hair, little particles or a dangling keychain from their weapon. These little touches add secondary motion into the characters as they move, breathing more life into their animations.

The mesh flow of characters is wisely targeted to have the highest density in the most seen places; their hands, face and weapons are much denser than their legs or backs, for example.

For some characters, they would use rectangular textures 1024×2048 rather than square textures. This is likely whenever characters had long UV islands that they wanted to keep straight rather than deal with painting at an angle and dealing with aliasing.

Environment Production

Blizzard games are well known for their big readable art styles and Overwatch is no exception. The use of big baked-in bevels really stood out to me. It’s so Blizzard and they really make it work, helping give all the objects in the world a softer, rounder finish without needing to model actual bevels onto everything.

Likewise, they made use of corner pieces to both cover seams, break up repetition and give a chunkier more 3D world. The Overwatch team seems to have tried to avoid sharp 90 degree angles, using either a corner piece or an actual bevel to prevent a level feeling like a series of boxes.

Intersections

Looking at the mesh intersections I found in Overwatch was actually a huge relief. From having to build many game levels myself, it is so very easy to overlook a slightly stretched UV or a piece of geometry clipping into another object.

In fact, if one were to enforce no intersecting geometry you would find yourself building far too many unique assets, unable to kitbash pieces together.

What Blizzard have done is make sure all the intersections are smaller, minor objects often of the same material type. That is, stone stairs clip into a stone wall, etc.

This minimizes the players’ ability to notice or care about these things while allowing them to much more quickly build a large level.

Lighting

As mentioned above, the use of large painted bevels in the texture allow the objects in the world to appear softer and smoother, giving a dramatic rim light feeling for completely free. This lends itself to their art style which strives for a bigger than life comic book feel.

They also make good use of cubemap reflections, not just in their windows, giving a great sense of depth but also in the subtle reflections of puddles and even slightly metallic surfaces.

Another clever trick I observed with the lighting was the adding of moresubtle detail only in the specular or shiny parts of a material. This works to keep the material readable and simple at distance,  but closer up and with lighting, little details pop up out of the texture. This does a great job to break repetition in the tiling of textures.

VFX

In it’s comic book style, Overwatch makes great use of exaggerated explosions and muzzle flashes, yet balance them well enough to not be over the top and wash out all the action.

Overwatch’s Style

Polished, bright and colourful. These are hallmarks of Blizzard and they execute it really well in Overwatch.

What I love most about Overwatch is that it proves Pixar quality art is possible in both real time and during gameplay. The style reminds me of being a child reading comic books and what could be rather than the harsh reality of a video game full of polygons.though I admit through doing this analysis I can’t unsee the seams and intersections I discovered, Now I know how the sausage is made!

Regardless, I am excited by this shift in the AAA space for brighter more readable games rather than the drab greys of the past. It’s simply more fun and engaging.

Timothy Bermanseder, co-founder of Cardboard Keep

Technical and Visual Analysis of Overwatch相关推荐

  1. AVA(aesthetic visual analysis)数据集简介

    数据集共包含25w+张图,每张图包含语义标签.风格标签和美学打分.其中语义标签共66类,风格标签共14类,打分为1-10共10个分值.文件信息列表如下. |-- AVA.txt             ...

  2. D-Map: Visual Analysis of Ego-centric Information Diffusion Patterns in Social Media

    图1:系统界面:源微博表格视图(a),用于选择不同的源组微博; 来源微博分布图(b),包括文档视图(b1)和关键词视图(b2); D-Map视图(c),总结中心用户参与人员之间的社交互动; 社区雷达视 ...

  3. TargetVue: Visual Analysis of Anomalous User Behaviors in Online Communication System

    论文传送门 视频 作者 IBM T.J. Watson 研究中心 Nan Cao Conglei Shi Sabrina Lin Jie Lu Ching-Yung Lin 匹兹堡大学 Yu-Ru L ...

  4. aws fargate_使用AWS Fargate和AWS CDK在AWS上部署服务器端Swift蒸气应用程序

    aws fargate Have you ever thought about how to write your back-end applications using Swift without ...

  5. Hi-C data analysis tools and papers

    Hi-C data analysis tools and papers 全文链接如下: https://github.com/mdozmorov/HiC_tools Tools are sorted ...

  6. How to Review a Technical Paper

    2019独角兽企业重金招聘Python工程师标准>>> How to Review a Technical Paper(怎样审稿) Tag: 版权声明:转载时请以超链接形式标明文章原 ...

  7. 论文阅读 :A survey of visual analytics techniques for machine learning

    题目:A survey of visual analytics techniques for machine learning A survey of visual analytics techniq ...

  8. 计算机视觉,图像处理 经典代码paper整理(很全很强大!)

    转自:Jia-Bin Huang 同学收集了很多计算机视觉方面的代码 ,链接如下: https://netfiles.uiuc.edu/jbhuang1/www/resources/vision/in ...

  9. NLP预训练模型综述

    文章目录 文章 介绍 背景 2.1语言表示学习 非上下文词嵌 2.2 神经上下文编码器 2.2.1 序列模型s 2.2.2 非序列模型 2.2.3 分析 2.3 为什么预训练? 2.4 NLP的PTM ...

最新文章

  1. opencv配置(转)
  2. AutoCAD安装失败怎样卸载重新安装AutoCAD,解决AutoCAD安装失败的方法总结
  3. 动态删除nod linux_Linux文件操作实用笔记
  4. 奥巴马就职委员会选择微软Silverlight技术
  5. 突袭HTML5之SVG 2D入门1 - SVG综述
  6. 程序员面试题精选100题(29)-调整数组顺序使奇数位于偶数前面[算法]
  7. java 内存溢出 内存泄露_JVM——内存泄漏与内存溢出
  8. 分析ip流量的python脚本
  9. visual studio 2005中生成网站和发布网站区别
  10. 一位合格的博士生需要有哪些条件和素质?
  11. phpStrom编辑器常用功能教程
  12. 上海火灾暴露灾难教育缺失
  13. python比较文件每行长度_读取文件并查找所有行的长度是否相同
  14. linux摄像头流媒体开源项目,Github上最受欢迎的10大开源免费的RTSP流媒体项目
  15. 中坚力量:Isilon
  16. Java 发送消息模版内容换行(包含微信,企业微信)
  17. 计算机组装考核记录表,计算机组装与维护考核方案(必修).doc
  18. Esri中国虾神卢拜年贴
  19. PMP续证流程(PMI)
  20. JavaWeb Ajax二级联动Bootstrap的基本使用

热门文章

  1. 【C#调用本地打印机(使用 “Drawing“ 包)】
  2. 谐振腔matlab模式计算,激光谐振腔的模式计算研究
  3. linux增加中文字体,宋休
  4. 使用ICEM绘制非结构网格时,如何提高网格质量?【转载】
  5. 【CF538F】 A Heap of Heaps
  6. Rockchip(瑞芯微)平台高速上手指南
  7. 飞信 服务器位响应 2016,飞信新增短信回执功能 办公高效如虎添翼
  8. 全国高德POI矢量数据集shp|免费获取|30个G
  9. Sentinel面试 17 问
  10. 医美入校,医美乱象能否被净化?