Unity Shaders and Effects Cookbook (4-1)(4-2)静态立方体贴图的创建与使用

开始学习第4章 - 着色器的反射

看完了1、2节,来记录一下。反射主要是利用了 Cubemap 立方体贴图。

认识Cubemap

立方体贴图,就如同名字所说,在一个立方体上有6张图,就这样认为吧。

假想一下 ,在一个艳丽的房间里,有一个表面是镜子的圆球,那这个圆球表面就反射了房间里面的所有东西,就是一个大号的凸镜。

这是到网上找得一张图,很直观的表达了我的意思……

注意标题中说的,静态立方体贴图,为什么叫静态,因为这一次使用的立方体贴图是提前生成好的图片,而不是动态生成的。

这又是什么意思呢?

就拿上面图片中的场景来说,如果是静态的立方体贴图,那么当这个球在移动的时候,球上面显示的东西是不会变动的。

现实生活中的话,球移动,球上面显示出来的内容应该也是要随之变动的。

那么这里使用静态立方体贴图呢,是先学习立方体贴图的知识,后面会学习动态立方体贴图的,在书上是 4.6 这一节。

创建Cubemap

首先来创建一个立方体贴图,在Assets 中右键新建一个 Cubemap。

搭建场景,添加一个Sphere 作为Camera 的容器。因为要借助 Camera 的 API 来生成Cubemap。

转自http://blog.csdn.net/huutu http://www.thisisgame.com.cn

下面是我搭建的场景。

下面编写一个Unity编辑器插件来生成CubeMap。

using UnityEngine;
using System.Collections;
using UnityEditor;

public class GenerateStaticCubemap : ScriptableWizard
{
    public Transform renderPosition;
    public Cubemap cubemap;

    void OnizardUpdate()
    {
        helpString = "Select transform to render" + "from and cubemap to render into";
        if (renderPosition != null && cubemap != null)
        {
            isValid = true;
        }
        else
        {
            isValid = false;
        }
    }

    void OnWizardCreate()
    {
        //添加一个Camera,用来创建Cubemap的。
        GameObject go = new GameObject("CubemapCamera", typeof(Camera));

        go.transform.position = renderPosition.position;
        go.transform.rotation = Quaternion.identity;

        go.camera.RenderToCubemap(cubemap);

        DestroyImmediate(go);
    }

    [MenuItem("CookBookShaders/Render Cubemap")]
    static void RenderCubemap()
    {
        ScriptableWizard.DisplayWizard("Render Cube", typeof(GenerateStaticCubemap), "Render");
    }
}

因为是编辑器工具,所以要遵循unity的规定,把这个代码文件放在 名为 Editor 的文件夹中,自己新建一个就行。

这个代码文件的核心就是

go.camera.RenderToCubemap(cubemap);

借助Camera 的 API,生成了一个 Cubemap。

然后添加了一个菜单,作为入口。

[MenuItem("CookBookShaders/Render Cubemap")]

等unity 编译完成后,菜单栏就会出现我们自己添加的菜单。

把刚才创建的 Cubemap 拖进来,把Sphere拖进来。

点击 Render 就生成了 Cubemap。

使用Cubemap

上面创建好了立方体贴图,然后就可以使用了。

仍然创建一个材质,一个 Shader。

转自http://blog.csdn.net/huutu http://www.thisisgame.com.cn

Shader 代码

Shader "CookBookShaders/Cubemap"
{
	Properties {
		_MainTint("Diffuse Tint",Color)=(1,1,1,1)
		_MainTex ("Base (RGB)", 2D) = "white" {}
		_Cubemap("Cubemap",CUBE)=""{}
		_ReflectionAmount("Reflection Amount",Range(0.01,1))=0.5
	}
	SubShader {
		Tags { "RenderType"="Opaque" }
		LOD 200

		CGPROGRAM
		#pragma surface surf Lambert

		float4 _MainTint;
		sampler2D _MainTex;
		samplerCUBE _Cubemap;
		float _ReflectionAmount;

		struct Input {
			float2 uv_MainTex;
			float3 worldRefl;
		};

		void surf (Input IN, inout SurfaceOutput o)
		{
			half4 c = tex2D (_MainTex, IN.uv_MainTex)*_MainTint;
			o.Emission=texCUBE(_Cubemap,IN.worldRefl).rgb *_ReflectionAmount;
			o.Albedo = c.rgb;
			o.Alpha = c.a;
		}
		ENDCG
	}
	FallBack "Diffuse"
}

第一次使用立方体贴图。

在Properties 块中,定义属性的使用类型是 CUBE。普通纹理是 2D。

在SubShader 中,定义变量的时候注意用 samplerCUBE。普通纹理是 sampler2D。

在 Input 结构体中,使用了 Unity的内置变量 worldRefl ,这个变量 提供了在着色器中使用的 世界反射变量。

然后在 surf 函数中,使用 texCube 从Cubemap 中取纹素。

texCUBE(_Cubemap,IN.worldRefl).rgb

运行后的效果

示例工程下载:

http://pan.baidu.com/s/1qYcNKxI
时间: 2024-12-26 02:29:06

Unity Shaders and Effects Cookbook (4-1)(4-2)静态立方体贴图的创建与使用的相关文章

Unity Shaders and Effects Cookbook (4-4)在Cubemap 上使用 法线贴图 (法线贴图与反射)

法线贴图 在之前学习过了,我们使用法线贴图在低分辨率的模型上 模拟 高分辨率的效果. Unity中 通过 UnpackNormal 函数 来使用法线贴图. 之前学习法线贴图的记录 Unity Shaders and Effects Cookbook (2-5) 如何使用法线贴图 这一节讲的是 在Cubemap 上使用法线贴图.模拟凹凸效果. 最终效果如图 一起来做吧. 首先搭建好场景,和上一节一样. 导入法线贴图 创建材质 .Shader . 复制上一节的 Shader 就行.然后修改成下面的内

Unity Shaders and Effects Cookbook (4-6)震撼的实时反射 动态立方图系统

昨天逛街的时候看到太平鸟里面摆了个金属的米老鼠,于是职业病犯了,一直在想金属的颜色是什么,这个反射该怎么写,想不出来-- 今天正好看到动态反射立方图系统这一节,看完觉得很别扭,因为书上介绍的是事先踩点生成Cubemap的方式而不是实时的.于是到官方文档找到实时反射的代码,做了一个比较花俏的场景,运行之后吃了一大惊,实时反射是如此的震撼.. 第四章第一节第二节介绍了创建Cubemap,然后学习了如何使用. Unity Shaders and Effects Cookbook (4-1)(4-2)静

Unity Shaders and Effects Cookbook (4-3)遮罩反射

今天看完了4.3小节,Unity3d 中的遮罩反射,这一节内容比较少. 如果大家对Unity Shader 感兴趣的白菜,那么推荐大家购买一本 Unity 着色器和屏幕特效开发秘笈 .这本书写的浅显易懂,很适合入门. 当看完这本书,大概了解 Shader 的用处的时候,再去看更高级的 Shader 教程也可以. 京东图书连接 http://item.jd.com/1338728578.html 转自http://blog.csdn.net/huutu http://www.thisisgame.

Unity Shaders and Effects Cookbook (3-6) 创建各向异性高光类型(Anisotropic) 模拟金属拉丝效果

这一次学习各向异性高光类型,名字真拗口,Anisotropic 这个英文单词也很拗口. 各向异性是模拟物体表面 沟槽方向性的高光反射类型,他会修改或延伸垂直方向上的高光. 比如模拟金属拉丝的效果,就可以使用各向异性来模拟. 转自http://blog.csdn.net/huutu http://www.thisisgame.com.cn 首先需要准备一张各向异性 的法线贴图,代表各向异性镜面高光的方向性. 注意法线贴图导入到Unity之后要在属性面板中勾选类型为 Normal Map. 首先在

Unity Shaders and Effects Cookbook (2-4) 压缩和混合纹理贴图:使用灰度图存储插值信息

这一节看了几次才慢慢的读懂. 首先是这个灰度图,为什么叫灰度图,是因为 这个图片中的 R.G.B 存放的都是同一份数据,打开Unity 来调一下颜色看看 更直观. 可以看到,当 R.G.B 三个值相同的时候,图片是只有黑白,而丢失了其它的颜色的,所以我们叫灰度图. 什么时候用到灰度图? 本文转自http://blog.csdn.net/huutu http://www.thisisgame.com.cn 比如说高度图,在这个坐标的点,海拔高,就记作 1,海拔低就记作0 .把这一份数据 同时存储到

Unity Shaders and Effects Cookbook (6-4) GUI 和 透明度

在游戏项目中使用透明最多的地方就是 GUI 了.这一节用一个非常简单的 GUI 例子,来熟悉控制透明物体的渲染顺序. 搭建场景,导入随书资源. 创建着色器 GUI,创建两个Material,一个 GUIBG 用于背景图片,一个 GUIGRP 用于 按钮界面. 转自http://blog.csdn.net/huutu http://www.thisisgame.com.cn 把创建的Material 分别赋值给 GUIBG 和 GUIGRP. 场景搭建完毕后 效果如下 因为创建的Shader 默认

Unity Shaders and Effects Cookbook (7-2) Surface Shader 中实现 顶点动画

上一节中说了,在 Surface Shader 中,添加顶点函数,我们可以在 顶点函数中获取到 顶点数据,比如顶点颜色.顶点坐标等. 这一节学习获取顶点坐标,并且修改顶点坐标,来实现顶点动画. 简单介绍原理: 在顶点函数中,获取到顶点坐标 vertex,然后,求float offsetY = sin(vertex.x) ,然后将 offsetY 加到 vertex.y 上,这样就把原来的平面 ,变成了 正弦 波浪. 然后再使用之前学过的 内置变量 _Time ,算式变为 float offset

Unity Shaders and Effects Cookbook (D-1) 设置 ZTest 来实现遮挡半透效果

在游戏里面经常看到这样的效果,英雄走到障碍物后面,但是我们能够透过障碍物看到英雄的身体,好像我们有了透视眼一般. 都是套路. 其实是程序猿在显示英雄模型的时候,画了两次. 一次是被遮挡的部分用半透明的样子画了一遍. 另一次是没有遮挡的部分画了一遍. 下面在Unity中来实现. 首先新建材质 .Shader.场景. 搭建好场景,一个Cube.一个Capsule 好了,现在是最正常不过的情况了,Capsule被Cube 挡住了. 转自http://blog.csdn.net/huutu http:/

Unity Shaders and Effects Cookbook (6-1) 使用 alpha 参数的 半透明着色器

对于游戏项目,透明是很消耗资源的一个操作,在Unity的Profile 中可以很直观的看到透明所消耗的系统资源. 在Unity的表面着色器 Surface Shader 中,我们可以很方便的创建一种全透明的效果.如草的表面.这一节学习 通过在 #pragma 语句中添加 alpha 参数 来使用透明功能. 这一节我使用了下面这张贴图作为球 的表面纹理. 这张 512x 512 的图片分为了 4个色块区域.分别是 Green .Red.White.Blue. Green:就是 G通道为1,R.B