正交基和标准正交基首先来看定义Let S = {v1, v2, ... , vk} be a set of vectors in Rn, then S is called an orthogonal if         vi . vj=0for all i not equal to j. An orthogonal set of vectors is called orthonormal if all vectors in S are unit vectors.咳咳，翻译一下对于 Rn中的一个向量集合 S={v1, v2, ... , vk} ， 如果存在vi . vj = 0  (i != j)那么它们就是一组正交基，如果它们都是单位向量，则它们还是标准正交基。定理1.给定一组正交基S = {v1, v2, ... , vk}，那么他们是线性相关的。2.对于 Rn中的一个正交基 S={v1, v2, ... , vk},则& ...继续阅读 (47)

Separating Axis Theorem(分离轴理论)在学习Ray-Box检测之前，首先来学习一些这个分离轴理论!先说二维情况，一句话Two convex polygons do not intersect if and only if there exists a line such that the projections of the two polygons onto the line do not intersect.咳咳，翻译一下两个凸包多边形，当且仅当存在一条线，这两个多边形在这条线上的投影不相交，则这两个多边形也不相交， 如下图所示将多边形换成多面体，线变成面，就变成了三维空间中的分离轴了。对于矩形，假设出现碰撞的情况，则存在分离轴平行矩形的一条边。（这个后面会证明）Ray - Rect检测在到三维之前，还是来看二维的情况,也就是Ray-Rect检测。假定Rect的中心为原点，所以就是下面这样首先要面对的一个问题就是射线的原点是否在矩形的内部，这里就用到了分离轴的定理。将矩形投影到对应的轴上，如果没有和射线原点的投影重合，那么就不在矩形里面。接下来判断是否相交，这里提到了一个简单 slab method，简单说来，首先将矩形的四条边无限延伸，那么整个平面就被矩形分割成了几个部分，用这个”井字“去切割射线，如果得得到的线段在矩形内，那么就相交 ...继续阅读 (42)

提要最近要开一个物理相关的系列，首先整理总结一下去年写的一些东西，然后看能不能撸一个物理引擎出来。射线检测在之前写光线追踪的时候有写过一些，但当时写得都比较简单，恰好最近工作上又要用到这些，所以就好好来写写。今天写Ray sphere 的碰撞检测。环境：Unity5.2.3 Windows10 64bit开工定义一个类来记录相交的信息public class RaycastHitInfo { public Vector3 point; public Vector3 normal; public float distance; }首先是交点，还有交点的法线，最后是射线射出的距离。定义基础的形状public enum GeometryType { Sphere, Box, Capsule, Plane, Cylinder, Cone, } public class NGeometry { [HideInInspector] public GeometryType type; public NGeometry(GeometryType _type) ...继续阅读 (70)

简单继承最简单的三个类public class Animal { public Animal() { Debug.Log("Construct Animal!"); } }public class Mammal : Animal { public Mammal() { Debug.Log("Construct Mamal!"); } }public class Sheep : Mammal { public Sheep() { Debug.Log("Construct Sheep!"); } }在main里面Sheep sheep = new Sheep();子类的构造函数会依次执行基类的构造函数，没有异议。需要注意的是，没有特别声明，子类都会自动去找父类中没有参数的构造函数，如果基类中没有，则需要在子类的构造函数中调用，比如：public class Animal{ int age; public Animal(int _age) { age = _age; Debug.Log("Construct Animal!"); ...继续阅读 (21)

提要四元素是游戏开发中常用的用于处理旋转的数学工具，下面就用C++来实现一个四元素类。参考Unity中四元素的接口。如果没有看之前的 彻底搞懂四元数， 建议先看一下。代码清单Quaternion.h#pragma once #include "Vector3.h" #include "Mathf.h" class Quaternion { public: Quaternion(float x, float y, float z, float w); Quaternion(float yaw, float pitch, float roll); ~Quaternion(); static Quaternion identity; static float Dot(const Quaternion &lhs, const Quaternion &rhs); static Quaternion Lerp(const Quaternion &a, const Quaternion &b, float t); static Quaternion Slerp(const Quaternion &a, const Quaternion &b, float t); static fl ...继续阅读 (54)

提要本文主要介绍了如何在Unity中接入Xbox360的手柄。当我们调Input.GetAxis("Horizontal")，我们调了什么Unity中所有关于输入的设置都在Edit -> Project Setting -> Input里面，点开之后，Inspector面板中就会显示当前的输入设置。几个重要选项的含义有:GravityHow fast will the input recenter. Only used when the Type is key / mouse button.DeadAny positive or negative values that are less than this number will register as zero. Useful for joysticks.SensitivityFor keyboard input, a larger value will result in faster response time. A lower value will be more smooth. For Mouse delta the value will scale the actual mouse delta.SnapIf enabled, the axis value w ...继续阅读 (194)

提要最近在写一些C++的图形代码，在调试和测试过程中都会需要在终端打印一些信息出来。之前的做法是直接用std::cout<<"Some Word"<<std::endl;这样做其实非常的麻烦，每次都要打很多的字母还有特殊符号，除去我要打印的内容，还需要按下28下键盘，简直不能忍！参考Unity里面的打log的方式Debug.Log("Some Word");或者Qt中的处理方式qDebug() << "Some Word";这两种都方便太多。今天要实现的Log系统需要满足的特性有：1.很方便地在终端打印各种类型数据信息；2.可以区分Log等级；3.打印信息的同时能够提供打印语句的文件，函数名，行号类说明简单地画了下UML，主要分为下面几个类简单说一下类的作用MessageLogContext记录Log的上下文，也就是Log处在的文件，函数名，行号。MessageLogger主要的Log类，提供了上次调用的一些接口，注意一下这个宏比较有意思qDebug MessageLogger(__FILE__, __FUNCTION__, __LINE__).debug这样当使用qDebug()的时候，宏替换就直接转换成了MessageLogger的构造函数MessageLogger(__FILE__ ...继续阅读 (31)

原文链接 ：Secrets to Creating Low Poly Illustrations in Blender近年来，Low Poly 风格的插画越来越流行，不管是在书本，漫画，音乐剧，应用等等。今天你将学会如何使用Blender创建一个Low Poly的插画。这篇教程将会专注于如何到达这种风格，而不是教一些插画理论或者如何建模之类的。我们将要创建一个范例的插画，一步步来达到我们想要的效果。1.Low Poly 的秘密Flat Shaded 模型要达到这种效果的一个必要条件就是模型的渲染模式必须是 flat shading，这样会给我们一种块状的显示效果，如果用smooth shading就大不到这种效果。低面数的模型另一个必要的条件就是模型的面数一定要少(当然是这样啊！)。模型的形式必须接近基本的几何形状。对于一些复杂的模型，如果你觉得很难用较少的三角面来建模出来，不要着急，你可以用你原来的方法来建模，然后用Blender自带的Decimate Modifier来减面。你也可以导入现有的模型，然后用Decimate Modifier来将其转换成Low Poly Model。三角形为了更好的表达效果，通常需要将mesh三角形化。在我们建模的时候，我们为了将所有面处理成四边形，我们很可能会刻意地避免使用三角形。但是没有问题，所有的四边形都是由两个三角形组成，所以我们不需要在建 ...继续阅读 (109)

提要第三人称相机有非常多种，今天要实现的一个第三人称射击游戏的相机。如果对相机控制不是很了解，建议看一下上一篇博文 FPS相机。控制思路鼠标控制yaw和pitch，添加一个distance变量来记录角色和相机之间的距离。通过yaw和pitch来得到相机的position。最后添加一个向右的位移和向上的位移量，将角色放在屏幕偏左边的位置。transform.localEulerAngles = new Vector3(-rotationY, rotationX, 0); characterModel.transform.forward = new Vector3(transform.forward.x, characterModel.transform.forward.y, transform.forward.z); target.forward = new Vector3(transform.forward.x, 0, transform.forward.z); float yaw = rotationX; float pitch = rotationY; float yawRed = Mathf.Deg2Rad * (yaw - 90f); float pitchRed = Mathf.Deg2Rad * pitch; Vector3 direction = new ...继续阅读 (16)

提要FPS常用于FPS游戏中，Minecraft默认的视角也是第一人称的。在网上找了半天也没有找到比较好的现成的，还是自己写好了。相机建模不管是FPS相机还是TPS的相机，都包含了相机的两个操作，Yaw和PitchRoll在一些特殊情况下才会出现，比如角色死亡。理论上只要只要Camera的position，yaw，pitch， roll，fov，就可以确定一个Viewport了。角色结构角色的层次结构应该是这样的：最外层的Player，上面用来挂脚本。里面有Model，就是角色的模型。再有里面一个Capsule，用来处理移动和碰撞。相机上有一个virtualPos，是相机的子物体，用来表示Model应该在的位置。相机有一个Target变量，设为Capsule，还有一个offset表示和target之间的一个位移。游戏的更新逻辑是这样的：Input -> Capsule移动->更新Camera位置->更新Model位置。代码片段通过鼠标输入rotationX = transform.localEulerAngles.y + Input.GetAxis("Mouse X") * sensitivityX; rotationY += Input.GetAxis("Mouse Y") * sensitivityY; rotation ...继续阅读 (13)

一句话提要好的开始等于成功了一半。创建目录结构工程文件夹下最好分为下面几个目录Docs - 开发文档，设计文档Assets - 角色，动作，模型和音效等Source - 代码，工程文件或者makefile也放在这里，如果有引用第三方的lib，在里面建立一个3rdParty的目录，放在里面。Temp - 用于防止编译生成的文件Lib - 放置编译好的lib文件，将source编译成lib能够更好地保护源代码。Game - 用于放置release buid，里面有游戏的可执行文件，还有所需的资源文件，拷贝到任何电脑上都能直接运行Test(不是必须) - 放置测试文件建议使用#pragma comment (lib,“x.lib”)来引入lib，不要把库的依赖放到工程设置里，这样你就不必每个lib都针对各个编译选项设置一遍。Visual Studio中配置工程版本VS2013VS项目配置下常用的几个宏$(IntDir)- 为中间文件指定的相对于项目目录的目录路径。它解析为“中间目录”属性的值。$(ProjectDir) - 项目的目录（定义形式：驱动器 + 路径）；包括尾部的反斜杠“\”。$(ProjectPath) - 项目的绝对路径名（定义形式：驱动器 + 路径 + 基本名称 + 文件扩展名）。$(ProjectName) - 项目的基本名称。$(OutDir) - 输出文件目录的路 ...继续阅读 (33)

提要Marching squares 主要是用于从一个地图（用二维数组表示）生成轮廓的算法。Marching cubes则对应的是在空间生成网格的方法。最常见的应用就是天气预报中气压图的生成，还常用于随机地形的生成。Marching squares 先说算法步骤。(1) 输入是一个Scalar grid，它是一张二维的表。这张表可以从一张二维图像生成，也可以从高度图生成等等。每个顶点对应一个Scalar值。(2) 接下来要做的就是将顶点值和与一个标准值 σ 相减，得到一张 +/- grid。这里令 σ = 5，得到的表如下：其中被标黑的点叫做Positive点，没有被标黑的叫做Negative点。(3)接下来是轮廓生成。grid中相邻的四个顶点就是一个cell，对于每一个cell，根据顶点的positive和negative，一共有2^4 = 16种情况。这16中情况对应于轮廓线的绘制也有16中情况。这里在每个cell的每条边都插入了Midpoint。通过连接cell的中点，就可以绘制轮廓了。将第二步生成的 +/- grid生成轮廓线得到结果如下(4) 通过插值修正轮廓这里要做的修正主要是通过线性差值将轮廓线绘制得更加精确一些。现在的轮廓线经过的都是cell的midpoint，实际上要经过的是 σ 所在的位置，这个位置通过线性差值就可以取得。最终得到的结果如下算法的流程归纳如下算 ...继续阅读 (18)

CellularAutomation(细胞自动机)细胞自动机（英语：Cellular automaton），又称格状自动机、元胞自动机，是一种离散模型，在可算性理论、数学及理论生物学都有相关研究。它是由无限个有规律、坚硬的方格组成，每格均处于一种有限状态。整个格网可以是任何有限维的。同时也是离散的。每格于t时的态由 t-1时的一集有限格（这集叫那格的邻域）的态决定。 每一格的“邻居”都是已被固定的。（一格可以是自己的邻居。）每次演进时，每格均遵从同一规矩一齐演进。就形式而言，细胞自动机有三个特征：平行计算（parallel computation）：每一个细胞个体都同时同步的改变局部的（local）：细胞的状态变化只受周遭细胞的影响。一致性的（homogeneous）：所有细胞均受同样的规则所支配生命游戏生命游戏中，对于任意细胞，规则如下：每个细胞有两种状态-存活或死亡，每个细胞与以自身为中心的周围八格细胞产生互动。（如图，黑色为存活，白色为死亡）当前细胞为存活状态时，当周围低于2个（不包含2个）存活细胞时， 该细胞变成死亡状态。（模拟生命数量稀少）当前细胞为存活状态时，当周围有2个或3个存活细胞时， 该细胞保持原样。当前细胞为存活状态时，当周围有3个以上的存活细胞时，该细胞变成死亡状态。（模拟生命数量过多）当前细胞为死亡状态时，当周围有3个存活细胞时，该细胞变成存活状态。 （模拟 ...继续阅读 (41)

提要前几天很简单地跑了一个DirectX 9 程序，以为DirectX就那么绘制，事实证明有点Naive了。之前的那个程序最多也就是个固定流水线的东西。但是今天要用DirectX11来写一个小的框架。龙书就不要看了，看Introduction to 3D GAME PROGRAMMING WITH DIRECTX®11几个重要的类ID3D11Device : 一个虚拟适配器；它被用于运行渲染和创建资源。ID3D11DeviceContext: represents a device context which generates rendering commands.ID3D11RenderTargetView: identifies the render-target subresources that can be accessed during rendering.ID3D11InputLayout: An input-layout interface holds a definition of how to feed vertex data that is laid out in memory into the input-assembler stage of the graphics pipeline.渲染流水线（翻译自微软文档）DirectX编程流水线是为了 ...继续阅读 (135)

环境配置以及背景知识环境Windows 8.1 64bitVS2013Microsoft DirectX SDK (June 2010)NVDIA Geforce GT755环境的配置参考VS2008整合DirectX9.0开发环境一些背景知识 DirectX的和应用层与硬件层的关系如下REF设备允许开发人员测试那些Direct3D提供了但未被图形设备所实现的功能。COM（Component Object Model）是一项可使DirectX独立于编程语言，并具备向下兼容的技术。基本思想是将大而复杂的应用软件分为一系列的可现行实现，易于开发，理解复用和调整的软件单元。COM组件是遵循COM规范编写，以Win32动态链接库（dll）或者可执行文件形式发布的可执行二进制代码（exe）。COM的优点：与开发语言无关通过接口有效保证了组件的复用性组件运行效率高，便于使用和管理下面可以正式开始今天的学习了。绘制一个三角形用到的DxUtility类在VS2008整合DirectX9.0开发环境已经实现了，可以直接去看。主要修改一下渲染的几个函数。#include "dxutility.h"#include#include//// Globals//IDirect3DDevice9* Device =0; D3DXMATRIX World; IDirect3DVertexBuffer9 * VB ...继续阅读 (48)

Stencil buffer 模版缓冲（stencil buffer）或印模缓冲，是在OpenGL三维绘图等计算机图像硬件中常见的除颜色缓冲、像素缓冲、深度缓冲之外另一种数据缓冲。词源模版（stencil）是指一种印刷技术，通常以蜡纸或者钢板印刷文字或图形；区别于模板（template），用木板为外形修剪的依据来复制形状；模版（stencil）是指印模，而模板（template）主要是指形模。模版缓冲是以像素为单位的，整数数值的缓冲，通常给每个像素分配一个字节长度的数值。深度缓冲与模版缓冲经常在图形硬件的随机存取内存（RAM）中分享相同的区域。模板缓冲所在的是整个流水线的最后一个阶段，这个阶段的流水线如下最简单的情况，模版缓冲被用于限制渲染的区域。更多高级应用会利用深度缓冲与模版缓冲的在图形渲染流水线中的强关联关系。例如，模版的数值可以按每个像素是否通过深度测试来自动增加或减少。简单组合使用深度测试与模版修饰符可以使得大量的本来需要多次渲染过程的效果（例如阴影、外形的绘制或复合几何图元(Geometric primitive)的交叉部分的高光处理）可以简单实现，因此减轻了图形硬件的负担。最典型的应用是给三维图像加阴影。也用于平面反射。其它渲染的技术，例如，视口渲染(portal rendering)，利用模版缓冲作其它用途。例如，它可以被用于查找被视口遮蔽的屏幕区域然后重新正确渲染 ...继续阅读 (49)

知识预备光亮度是物体表面某方向单位投影区域单位立体角的光流量沿着某条光线的光亮度是常数，但光通量随距离增大而衰减（实际是二次衰减，但在计算机图形学中采用线性衰减效果比较好）光强度是单位立体角的辐射能量辐射度是单位面积流出的光通量辐照度是单位面积流入的光通量它们的关系：光强度=光亮度*单位面积*入射角余弦辐照度=光亮度*入射角余弦*单位立体角辐射度=光亮度*入射角余弦*单位立体角（但方向不同）BRDF（Bi-directional Reflection Distribution Function）的含义光和物体相交，会产生三种情况产生，反射，被吸收，折射， 即是light incident at surface = light reflected + light absorbed + light transmitted对于理想固体来说，折射不会产生，就只剩下前两项。BRDF就是用于描述光与物体相交，光是如何反射的。BRDF通常用一个数学表达式来表示，来看下它和哪些变量有关。首先是光的波长 λ ，不同的光产生的反射不同。其次对于物体的材质，如果不是均一分布的话，BRDF也不同，记材质坐标为u，v。最后，还和入射光线与出射光线的角度有关。这里角度用球坐标来表示，分别记为和则有：已知上面的变量，就可以求出BRDF了在实际计算中， λ ，u，v通常省略，这样参数就只剩下四个，最后计算的结果是 ...继续阅读 (92)

提要在Per Vertex shader中处理着色计算的情况计算出的是每个顶点上shading的结果，通常模型都是由三角面来构成，面上的颜色如何处理，就是今天要探讨的。常用的三种方法是Flat Shading， Gouraud Shading， Phong Shading，对于渲染一个小球，结果对比如下，从左到右依次是Flat Shading， Gouraud Shading， Phong Shading。Flat Shading这个最简单，整个面片的颜色都是一致的，没有平滑，只有很硬的边缘，面的颜色由面片的第一顶点或者最后一个顶点的颜色决定。OpenGL中相关的语句是glShadeModel(GL_FLAT); glProvokingVertex(GL_FIRST_VERTEX_CONVENTION); glProvokingVertex(GL_LAST_VERTEX_CONVENTION);在一些为了节省时间的渲染，比如CG动画的草稿等，可能会用到这种Shading技术。Gouraud ShadingGouraud Shading 中，首先要计算的是每个顶点的法线，这里的法线求法是通过包含该顶点的面的法线取平局求得，求得法线之后，就可以通过局部光照模型求得该顶点的颜色。对于一个四边形面片，顶点颜色信息已经求出，当一条扫描线要对这个面片进行着色的时候，首先可以求出的是扫描线和四面 ...继续阅读 (38)

提要重心座标插值在图形学领域有着很重要的应用，比如Ray Tracing算法的ray - triangle intersection 检测，比如有限元模拟中的模型简化等。一维情况从最简单的开始，一个线段：如何表示p点的值？可以这样想，p总是在x1和x2之间徘徊，不知道如何选择，蓝色线段的长度t表示p对x2的喜爱程度，红色线段（1-t）表示对x1的喜爱程度。那么P点的值就可以表示为.二维情况二维情况下就是三角形了。求点p的值。二维情况下就应该联想到面积。想法类似，如下图：蓝色三角形面积A3表示p喜爱蓝色点的程度，绿色三角形和红色三角形同理。那么p点的座标就可以表示为：令 u = A1/A ，v = A2/A, w = A3/A则式子可以化为ux1 + vx2 + wx3.其中 u+v+w=1.求三角形面积已知三角形三个顶点的座标值，求三角形面积。如下图首先求平行四边形的面试，用到的是向量的点乘。Parallelogramarea=||(B−A)×(C−A)||Trianglearea=Parallelogramarea2Parallelogramarea=||(B−A)×(C−A)||Trianglearea=Parallelogramarea2Parallelogramarea=||(B−A)×(C−A)||Trianglearea=Parallelogramarea2Parall ...继续阅读 (24)

Android Studio 简介Android Studio 是Google近年来推荐的Android开发IDE，相对于Eclipse，它针对Android开发做了各种走心的优化，并提供了一系列方便的小工具。下面来体验一下。环境：Windows 8.1 64bitGiONEE C605下载&调教下载完双击一路下一步就可以了。调教方面主要是主题和字体设置。相关的设置都在 File->settings 里面UI字体设置为雅黑14，编辑器字体设置为Consolas 16.真机测试首先建议给电脑装上手机的驱动，最简单的方法就是用企鹅的应用宝连一下，驱动就自动安装好了。创建一个测试工程，插上手机，run。看一下目录结构，和Eclipse的项目还是有点小区别的，最好切换到Project模式（左上角那里），目录挨个说说顶层的目录1. App应用相关文件存放的位置，源码，资源等。2. .idea一些meta数据存放的地方，比如Eclipse中的project.properties文件。3. build这里指的最外层的build，是gradle脚本执行生成的文件。4. gradlegradle构建脚本存放的地方app下的详细的目录1. build和eclipse里面的build目录类似，大部分是由java生成的字节码文件。2. libs和eclipse里面的build目录类似，存放需要引用的.j ...继续阅读 (19)

提要常见的光照模型一般包括四个部分ambient, diffuse, specular, 和emitted light. 即：vertex color = ambient + diffuse + specular + emitted light当有多个光源的时候，最后的颜色就是多个结果的叠加。Ambient light：环境光，通常定义在光源的中，注意每个光源的衰减量。Diffuse：漫反射部分，光照找到物体的表面，由于物体的表面凹凸不平而反射到各个方向的光。Specular ：相比于漫反射，一道入射光通过镜面反射只产生一个方向的Specular，遵循反射法则，即入射角和出射角相同。Diffuse和Specular的区别可以参考下面的图。Emittion：物体的自发光。Lambert光照模型Lambert光照模型用于纯粹的漫反射表面的物体，比如磨砂的玻璃表面，观察者的所看到的反射光和观察的角度无关，这样的表面称为Lambertian。高端一点的说法就是他表面的亮度是各向同性的，亮度的计算遵循 Lambert's cosine 法则，何为 Lambert's cosine 法则， 看下图：具体描述如下：一束光照在理想漫反射的物体表面，光照强度的变化由入射光线和物体表面法线的夹角决定。在具体计算的时候，用到的公式是Kd表示物体表面漫反射属性，Id表时入射光强。N表示入射点单位法向量，L ...继续阅读 (282)

让VS支持Shaderlab语法VS2013中并没有Shaderlab的语法高亮，好在网上已经有个插件来支持语法的高亮和拼写提示，从这里下载插件，双击安装就好了。ShaderlabVS - https://github.com/wudixiaop/ShaderlabVS/releases不过由于VS配色的关系，还需要微调一下，按下面步骤1. 打开 VS -> 工具 -> 选项 -> 环境 -> 字体和颜色,2. 显示其设置 下拉列表中选择 文本编辑器 （如果没改过，这就是默认的）。3. 在 显示项(D) 文字下面的列表框中选择以 “Shaderlab-” 开头的项，然后改变前景色4. 改完后确定就可以了SubShader 和 Pass一个Shader有多个SubShader。一个SubShader可理解为一个Shader的一个渲染方案。即SubShader是为了针对不同的显卡而编写的。每个Shader至少1个SubShader、理论可以无限多个，但往往两三个就足够。SubShader和显卡的兼容性判断，和SubShader的标签、Pass的标签和显卡支持的“Unity渲染路径”有关。显卡会自动选择一个最适合它自身性能的SubShader去执行。在一个SubShader中我们可以定义多个Pass,而Pass与SubShader不同,你写的每一个Pass都会按照顺序全部执行一遍.我们要 ...继续阅读 (321)

提要所谓post effects，就是后处理，在渲染的流水线中属于最后的阶段，处理的对象是由场景生成的一张图片。常见的后处理效果有HDR，Motion Blur等，通过对屏幕空间的后处理，可以很方便的调整游戏整体的风格。下面是要用到的场景。Unity的ShaderLab内建变量为了编程方便，Shaderlab中内建了一些变量，可以在Shader中直接引用。这里要用到的 _SinTime - 时间的的正弦函数。更多的内置变量可以参考这里ShaderLab built-in values基本步骤主要思路就是首先1）将摄像机的RenderTexture传递到Shder里面，Shader在GPU中进行计算，然后2）再将处理后的图片传递回来。第一步需要用C#脚本来处理，第二步要自己创建Shader。灰度创建脚本TestRenderImage.csusing UnityEngine; using System.Collections; [ExecuteInEditMode] public class TestRenderImage : MonoBehaviour { #region Variables public Shader curShader; public float grayScaleAmout = 1.0f; private Material curMaterial; ...继续阅读 (350)

IEnumerator/ IEnumerablepublic interface IEnumerable { IEnumerator GetEnumerator(); } public interface IEnumerator { bool MoveNext(); void Reset(); Object Current { get; } }在两者的使用上，有下面几点需要注意1、一个Collection要支持foreach方式的遍历，必须实现IEnumerable接口（亦即，必须以某种方式返回IEnumerator object）。2、IEnumerator object具体实现了iterator（通过MoveNext()，Reset()，Current）。3、从这两个接口的用词选择上，也可以看出其不同：IEnumerable是一个声明式的接口，声明实现该接口的class是“可枚举（enumerable）”的，但并没有说明如何实现枚举器（iterator）；IEnumerator是一个实现式的接口，IEnumerator object就是一个iterator。4、IEnumerable和IEnumerator通过IEnumerable的GetEnumerator()方法建立了连接，client可以 ...继续阅读 (57)

Forward Render传统的渲染方式，你提供给显卡形状Mesh，它将其打散成一堆节点，接着经过一系列的变换和分割成为Fregment或者像素，在呈现在屏幕之前已经完成了所有的渲染处理。这是相当线性的，每一个形状都会在生成完整图像之前经过流水线的每一个阶段。Deferred Rendering中文称为延迟渲染，渲染的工作被放在最后，直到所有的形状到都完成了前面的工作，一旦所有需要的缓冲建好，就直接被读进一种着色算法中，合并在一起从而得出最后的结果。 这样，着色一个场景所需的计算和内存的带宽被减少到了这些可见的部分中，从而降低了着色深度的复杂性。G Buffer- 指Geometry Buffer，亦即“物体缓冲”。区别于普通的仅将颜色渲染到纹理中，G-Buffer指包含颜色、法线、世界空间坐标的缓冲区，亦即指包含颜色、法线、世界空间坐标的纹理。由于G-Buffer需要的向量长度超出通常纹理能包含的向量的长度，通常在游戏开发中，使用多渲染目标技术来生成G-Buffer，即在一次绘制中将颜色、法线、世界空间坐标分别渲染到三张浮点纹理中。常见的做法是将颜色，深度和法线分别渲染到不同的buffer里面，在最后计算光照的时候的通过这三个buffer和光源的信息计算出最终pixel的颜色。Color, Depth, and Normal bufferFinal lighting (shad ...继续阅读 (233)

自定义光照模型在这之前首先来了解一下SurfaceOutput这个结构体，它是一个包含大多数描述一个物体表面渲染特征的结构，具体结构如下：struct SurfaceOutput { half3 Albedo;//纹理颜色 half3 Normal;//法线 half3 Emission;//自发光，不受照明的影响 half Specular;//高光指数 half Gloss;//光泽度 half Alpha;//Alpha通道 };基本上所有的Shader函数要处理的就是这个结构体。Unity自带的光照实现都定义在一些*.cginc文件中，要自定义光照模型，只要不用Unity自带的光照模型就可以了。将下面这一行的语句的最后替换成对应的光照计算函数。#pragma surface surf NoLight无光照的材质ShaderShader "Custom/NoLight" { Properties { _MainTex ("Base (RGB)", 2D) = "white" {} } SubShader { Tags { "RenderType"="Opaque" } LOD 200 CGPROGRAM #pragma surface surf NoLight sampler2D _MainTex; inline flo ...继续阅读 (57)

下面是学习的一点笔记。游戏交互设计需要考虑的三个问题 -可用性，易用性，用户体验。交互设计应当是在理解用户基础上以目标为导向的设计方法。界面主要有两种功能：提供信息；允许用户做某事。关于游戏UI设计师定义：通过设计界面让游戏系统和玩家之间能够互动娱乐的人。要求1.了解游戏，至少得是半个策划；2.懂交互，让玩家界面操作无挫折感；3.对细节有追求，一像素偏差也要调；4.要娱乐，让最生硬的东西也能跳舞。贴个招聘UI设计师的要求职责描述：1、 根据项目的策划案以及相关制作规范，完成游戏界面风格的创意设计，参与具体页面的制作；2、 完成游戏界面的设计，布局，及美化工作；3、 对游戏产品界面的风格及用户体验提出改进意见；4、 游戏的用户界面的设计及ICON、LOGO等元素设计；5、 细化各类UI元素，将各类的细化元素切分保存,并利用UI编辑器对分类素材进行拼接；6、 部分公司网站页面以及各类网络广告的设计。职位要求：1、 精通Photoshop、Flash、Dreamweaver、CorelDraw等设计软件，熟悉DIV+CSS者优先；2、 对UI设计及制作有系统的理解，善于把握整体风格进行设计；3、 有良好的手绘基础和较强的图片材质效果处理能力，对色彩搭配敏感；4、 二年以上设计工作经验，有成熟作品，对交互设计有较深的理解和实践；5、 工作主动，有责任心，能够承受工作压力，有良好的沟通能力和 ...继续阅读 (44)

FreeImage简介FreeImage is an Open Source library project for developers who would like to support popular graphics image formats like PNG, BMP, JPEG, TIFF and others as needed by today's multimedia applications. FreeImage is easy to use, fast, multithreading safe, compatible with all 32-bit or 64-bit versions of Windows, and cross-platform (works both with Linux and Mac OS X).简单地说就是一个跨平台的轻量图片库。貌似cocos2d用的图片加载的库就是这个。源码下载 - FreeImage 3.16编译环境 - Windows 8.1VS2008 （为了编译这个专门装的）源码下载好，解压之后根目录下就有编译的工程文件，直接打开编译就好了。Debug和Release都编译一遍。编译好之后就有FreeImage.dll, FreeImage.lib, FreeImaged.dll, FreeImaged.lb.接下来编译 ...继续阅读 (633)

什么是 Post-processing首先看一下一个典型的Rendering Pipeline。Post-processing所处理的对象的是Colored Fragments，其实就是图像处理，但是这里的图像是由三维世界栅格化之后得到的图像。Ogre中有一个Post-processing的例子，里面实现了很多Post-processing的效果。Compositor框架合成器架构是OGRE API的一部分，它允许你轻松定义全屏的后加工处理效果。合成器脚本给你提供了在脚本里定义合成器效果的能力，并且它们可以重复使用而且容易更改，而不必使用API去定义它们。虽然你仍然要使用代码实例化一个针对可视视口的合成器，但是比起实际上定义合成器本身这已经是相当简单的过程了。进行后处理效果通常包括最开始的用纹理渲染场景，其中有些是添加到主窗口的有些是替代主窗口的。一旦场景中有了纹理，你就可以将场景图像送入一个片断程序，并在片断程序中通过全屏范围渲染它。这一后处理渲染的目标可以是主结果，又或者是另一种渲染纹理，以至于在画面上形成多级回旋。你甚至可以在两个渲染纹理之间反复进行渲染，以达到需要多次循环的回旋效果，而不是每层使用一个单独的纹理。最终，你将得到一个全屏窗口的最终渲染输出结果。这将代替整个窗口（因此，主窗口不必渲染场景本身），或者是一个联合效果。创建一个简单的黑白效果Compositor自带的 ...继续阅读 (44)

基本框架首先参照这里配置好工程。添加一个类CharacterApplication，还有main.cpp.直接贴代码了。characterapplication.h#pragma once #include#include#include#include#include#include#include#include#include#include#include#include#includeclass CharactorApplication { public: CharactorApplication(); ~CharactorApplication(); void go(); private: bool startup(); void loadResouces(); void createScene(); void createCamera(); Ogre::SceneManager* mSceneManager; Ogre::Root* mRoot; Ogre::RenderWindow* mWindow; };characterapplication.cpp#include "charactorapplication.h" CharactorApplication::CharactorApplication() { mSceneManag ...继续阅读 (31)