登峰造极者，殊途亦同归。

前言 纹理最初的目的就是使用一张图片来控制模型的外观。 在美术人员建模的时候，通常会在建模软件中利用纹理展开技术，把纹理映射坐标存储在每个顶点上。纹理映射坐标定义了该顶点在纹理中对应的2D坐标。 通常这些坐标使用一个二维变量(u,v)来表示，其中u是横向坐标，而v是纵向坐标，因此纹理映射坐标也被称为UV坐标。 但顶点UV坐标的范围通常都被归一化到[0,1]范围内。纹理采样时使用的纹理坐标不一定是在[0,1]范围内。实际上，这种不在[0,1]范围内的纹理坐标又是会非常有用，与之关系紧密的是纹理的平铺模式，它将决定渲染引擎在遇到不在[0,1]范围内的纹理坐标时如何进行纹理采样。 单张纹理 我们通常会使用一张纹理来代替物体的漫反射颜色。 实践 我们使用Blinn-Phong光照模型来计算光照。 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787...

一个最简单的顶点/片元着色器 顶点/片元着色器的基本结构 123456789101112131415161718192021222324252627282930// Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)'shader "Unity Shader Book/Chapter 5/Simple Shader"{ SubShader { Pass { CGPROGRAM //表示vert函数是顶点着色器代码 #pragma vertex vert //表示fragment函数是片元着色器代码 #pragma fragment frag float4 vert(float4 v : PO...

前言 尽管游戏渲染一般是以照相写实主义作为主要目标，但也有一些游戏使用了非真实感渲染（Non-Photorealistic Rendering，NPR）,例如卡通，水彩风格等。 卡通风格的渲染 要实现卡通渲染有很多方法，其中之一就是使用基于色调的着色技术。 在卡通风格中，模型高光往往是一块块分界明显的纯色区域。 渲染轮廓线 在《Real Time Rendering, third edition》一书中，作者把这些方法分成5种类型。 基于观察角度和表面法线的轮廓线渲染，这种方法使用视角方向和表面法线的点乘结果来得到轮廓线的信息，可以在一个Pass中就得到渲染结果，但局限性很大，效果也不尽如人意。 过程式集合轮廓线渲染，使用两个Pass渲染，第一个Pass渲染背面的面片，并使用某些技术让它轮廓可见，第二个Pass再正常渲染正面的面片，这种方法快速有效，并且适用于绝大多数表面平滑的模型，缺点是不适合类似于立方体这样平整的模型。 基于图像处理的轮廓线渲染，适应面较广，缺点是一些深度和法线变换很小的轮廓无法被检测出来，例如桌子上的纸张。 基于轮廓边检测的轮廓线渲染，前几个方法最大问题...

消融效果 常见于游戏中角色死亡，地图烧毁等效果，这些效果中，消融往往从不同区域开始，并向看似随机的方向扩张，最后整个物体消失不见。 下面是来自《英魂之刃口袋版》的一个击杀特效： 原理非常简单，就是噪声纹理+透明度测试。我们使用对噪声纹理采样的结果和某个控制消融程度的阈值比较，如果小于阈值，就是用clip函数把它对应的像素裁剪掉，也就是被“烧毁的部分”，镂空区域边缘的烧焦效果则是将两种颜色混合，再用pow函数处理后，与原纹理颜色混合后的结果。 12345678910111213141516171819202122232425262728293031323334353637383940414243using UnityEngine;using System.Collections;/// <summary>/// 控制消融动画的辅助脚本/// </summary>public class BurnHelper : MonoBehaviour{ public Material material; [Range(0.01f, 1.0f)] ...

前言 在进行边缘检测时，直接利用颜色信息会使检测到的边缘信息受物体纹理和光照等外部因素影响，得到很多我们不需要的边缘点。 我们可以在深度纹理和法线纹理上进行边缘检测，这些图像不会受光照和纹理的影响，仅仅保存了当前渲染物体的模型信息，通过这样的方式检测出来的边缘更加可靠。 获取深度和法线纹理 背后的原理 深度纹理实际就是一张渲染纹理，里面存储的像素值是高精度的深度值，由于被存储在一张纹理中，深度纹理中深度值范围为[0,1]，通常是非线性分布的。 这些深度值来自于顶点变换后得到的归一化的设备坐标（NDC）。 看下面一组透视相机投影变换的过程图（使用的变换矩阵是非线性的），最左边是投影变换前（观察空间下视锥体的结构及相应的顶点位置），中间是应用透视裁剪矩阵后的变换结果（顶点着色器阶段输出的顶点变换结果），最右边是底层硬件进行了透视除法后得到的归一化的设备坐标。 看下面一组正交相机投影变换的过程图（使用的变换矩阵是线性的） 在得到NDC后，深度纹理中的像素值就可以很方便的计算得到了，这些深度值就对应了NDC中顶点坐标的z分量的值，由于NDC中z分量的范围在[-1,1]，为了让这些值能...

前言 为了准备老师的课设作业，我决定做一个RPG小游戏，在处理寻路的时候遇到了点小麻烦。 首先是解决方案的选取，Unity自带的Navgation Mesh挺强大的（至少在客户端是这样，hh），我之前一直用的A*，但是不知道为什么老版本的A*在Unity 2019.3的InspectorGUI是坏掉的。。。又没钱买正版。。。 emmm，勉为其难的选择Navgation Mesh吧。 但是Navgation Mesh好像只有带有加速度的移动方式，这就有点蛋疼，说实话我个人挺不喜欢那种手感的，所以查了查官方文档，发现了NavMeshPath这么个东西，用它就可以得到我们一次寻路过程中所有的转折点，从而自己处理寻路，那么，我们开始吧。 思路 通过调用NavMeshAgent的CalculatePath来得到NavMeshPath，并使用NavMeshPath的corners数组（记录了每一处拐点的位置）和Transform.Translate做匀速运动，人物方向的改变需要自己处理。 代码 重要部分已注释，核心就是RunToTarget函数 12345678910111213141516...

本博客持续更新。欢迎大家和我交流讨论。所有美术素材均来自网络，如有侵权，联系我删除。 视频介绍 相关视频介绍 游戏作品 Space Shooter Tutorial For Android（紧张刺激的太空飞机大战） 源码链接： LinkUp（经典连连看游戏，集成死局判定功能） 源码链接： Battle City Based On GF (经典的坦克大战,微创新) 源码链接： NKG Moba Based On ET（基于ET的Moba游戏，开发中。。。） 源码链接： 框架相关 NKGFramework(基于C#的客户端，服务端，热更新完整框架) 源码链接： 工具相关 可视化结点技能编辑器（数据向） 源码链接： 目标导向的AI系统——GOAP（多线程，JobSystem） 源码链接： GitHub优秀开源项目镜像 Duke的ET版本，整合FGUI和可热更双端行为树 源码链接： Node_Editor_Framework，可视化结点编辑器，非常强大的可视化结点编辑器，可以根据项目深度定制 源码链接： xAsset，轻便的Unity资源管理框架 源码链接： ET框架，纯C...

前言 想必大家在整理学习一个项目架构时会用到类似UML这样的类图来表述各个模块之间的关系，但是当一个系统很庞大时，我们的UML也会很大，如果项目架构变动或者自己哪里搞错了，基本上就是一场连连看灾难，今天就给大家安利一下Graphiz，用它来程序化生成我们想要的UML图。 我第一次接触这个插件是在一个AI开源库里，使用了Graphiz输出AI决策图，就像这样 甚至这样 很难想象如果人为的去画这些图是怎样的一副光景。 当然了，上面那两个例子可能并不是很中肯，因为我们平时剖析的架构往往没有这么井井有条，他可能会是这样 不过这都没有关系，在Graphiz中，我们只需要写好代码，这些图都会自动生成啦。 正文 Graphiz简介 图形化是一种将结构信息表示为抽象图形和网络图的方式。自动图形绘制在软件工程，数据库和Web设计，网络以及许多其他领域的可视界面中具有许多重要的应用。 Graphviz是开源的图形可视化软件，用户只需要编写dot语言然后让Graphviz读取，即可生成自己想要的UML图。官网：http://www.graphviz.org/about/ Graphiz下载与环...

命运的齿轮开始转动 当你粗糙的大手抓住我时，你我的人生就注定纠缠不休了了吧。 最后的Sunny Day 啊，想必当时的我们没人知道这会是我们三人最后一次心无杂质的在一起了吧。 转折点 雪菜的告白我不知道该如何拒绝，可是，明明，明明是你先来的，你为什么不叫醒我呢？你不说，我怎么会知道！ 她是害怕我们三人会分离，还是真的喜欢我？还是两者都有？不过都已经不重要了，那一次的我们，错过了彼此。 须臾冬至 “好想一直这样下去呢” “嗯” 你答应着，有些落寞，又有些悲哀，因为你自己知道，我们三个不再可能在一起了。 形同陌路的心与心 我们开始为各自的未来考虑，我和雪菜的未来有你，但你的未来，没有我们。 蓦然雪化 且静候 飞雪再临之时 你从小缺少家人的关怀，有些许性格缺陷，所以才会对我们三个人的感情如此敏感吧。 “率先离开的人是你吧！” “擅自跑到我难以企及的地方的人是你才对吧！” “明明让我无法企及。。。却还要我一直待在你的近旁” “想出这种酷刑的的人也是你吧。。。” “可是 为什么我现在还非得被你们苛责不可” “每一天 每一天 出现在我面前” “让我不断地心如刀割” “难道这一切全...

这是一段人与吸血鬼之间相互救赎，相濡以血的故事 动画制作组非常用心，画面表现手法非常独特，从下面的截图也可以看出来，还有一些旁白插入的制作手法也非常有感觉 《伤物语》是一个集魔幻，友情，爱情，搞笑，悲伤，战斗，热血于一体的艺术品 主人公的内心变化也非常多，从彷徨，懦弱到坚定，勇敢 总之是一个很推荐大家去观看的动漫 我们从《伤物语》始，也从《伤物语》终 伤痕累累的我们，相互慰藉 你若明日死，那我的生命也将止于明日 你若活过今日，那我也将陪你活过今日 我们的伤物语，就此开始 这是一段血之物语，濡血而赤，血涸而黑 它讲述着我们宝贵的，永世不愈之伤 这段物语，我将不会向任何人提起