2.转动的地球shader

原理很简单，根据时间对uv中的x轴进行位移，对于地面和云层，取不同的移动速度，分别计算对应的uv坐标，再根据uv坐标从地面和云层的纹理中分别取出对应的值，最后把两者用lerp函数进行混合作为最终结果。

下边的代码包含两个版本，一个是vertex fragment shader，是不带光照的，一个是surface shader版本，带Lambert光照，运行时场景里加上光照才会显得很明亮

Shader "Study/2_Earth"
{Properties{_Color("Main Color", Color) = (1,1,1,0.5)_MainTex("Texture", 2D) = "white" { }  //地面纹理_Cloud("_Cloud", 2D) = "white" { }       //云层的纹理_SpeedE("SpeedE", Float) = 0.25           //地面移动速度_SpeedC("SpeedC", Float) = 0.5           //云层移动速度}///vertex fargment shader版本/*SubShader{Tags{ "Queue" = "Transparent" "RenderType" = "Transparent" }  //其实设为常用的Opaque也是可以的Pass{CGPROGRAM#pragma vertex vert#pragma fragment frag#include "UnityCG.cginc"float4 _Color;sampler2D _MainTex;sampler2D  _Cloud;uniform float _SpeedE;uniform float _SpeedC;struct v2f{float4  pos : SV_POSITION;float2  uv : TEXCOORD0;};float4 _MainTex_ST;v2f vert(appdata_base v){v2f o;o.pos = mul(UNITY_MATRIX_MVP, v.vertex);o.uv = TRANSFORM_TEX(v.texcoord, _MainTex);return o;}half4 frag(v2f i) : COLOR{//移动地面uv坐标并取出纹理值float u = i.uv.x + -_SpeedE * _Time;float2 uv_tmp = float2(u , i.uv.y);half4 texcol = tex2D(_MainTex, uv_tmp);texcol = texcol;//移动云层uv坐标并取出纹理值u = i.uv.x + -_SpeedC * _Time;uv_tmp = float2(u , i.uv.y);half4 texcol3 = tex2D(_Cloud, uv_tmp);half4 texcol0 = float4(1,1,1,0) * (texcol3.x);//这步操作是因为使用的图片云层颜色并不是白色// 混合二者作为最终输出half4 res = lerp(texcol, texcol0, 0.5);return res;}ENDCG}}*////带光照的surface shader版本SubShader{Tags{ "Queue" = "Transparent" "RenderType" = "Transparent" }  //其实设为常用的Opaque也是可以的CGPROGRAM#pragma surface surf Lambert #include "UnityCG.cginc"float4 _Color;sampler2D _MainTex;sampler2D  _Cloud;uniform float _SpeedE;uniform float _SpeedC;// 获取_MainTex的UV信息定义输入结构体struct Input{// 在贴图变量前加上uv表示提取uv值(二维坐标)float2 uv_MainTex;};void surf(Input IN, inout SurfaceOutput o){//移动地面uv坐标并取出纹理值float u = IN.uv_MainTex.x + -_SpeedE * _Time;float2 uv_tmp = float2(u, IN.uv_MainTex.y);half4 texcol = tex2D(_MainTex, uv_tmp);texcol = texcol;//移动云层uv坐标并取出纹理值u = IN.uv_MainTex.x + -_SpeedC * _Time;uv_tmp = float2(u, IN.uv_MainTex.y);half4 texcol3 = tex2D(_Cloud, uv_tmp);half4 texcol0 = float4(1, 1, 1, 0) * (texcol3.x);//这步操作是因为使用的图片云层颜色并不是白色//  混合二者作为最终输出half4 res = lerp(texcol, texcol0, 0.5) * _Color;// RGBo.Albedo = res.rgb;// 透明度o.Alpha = 1;}ENDCG}
}

带光照的Surface版本：

不带光照的Vertext Fragment版本：

最后附上工程文件：http://download.csdn.net/detail/yinfourever/9564149

2.转动的地球shader相关推荐

opengl地球贴纹理_一文看懂材质/纹理 Material, Texture, Shading, Shader 的区别
在计算机图形学和三维设计中,有几个容易混淆的概念.今天我们来一举拿下. 概念整理可以这么总结: Material 是表现 Shading 的数据集.其他几个概念都是生成这一数据集的资源或者工具. 这 ...
cesium 渲染分析（以太阳为例），实现卫星任务规划中地球赤道平面绘制
分析太阳的绘制,对绘制赤道和其它天体有很大的启发. 太阳的定义在文件sun.js 中 function Sun() {/*** Determines if the sun will be shown. ...
AR涂涂乐⭐四、获取截图、赋值给物体，将数据传递给shader
using System.Collections; using System.Collections.Generic; using UnityEngine;public class ScreenSho ...
使用UE4创建一个简单真实的地球（一）
使用UE4创建一个简单真实的地球准备地球模型Mesh 三角面片:520191 顶点:261067 准备纹理贴图可以在这里下载地球的纹理贴图:包括白天.夜晚.法线贴图以及云图等. https://w ...
【实战篇】40 # 如何实现3D地球可视化？
说明 [跟月影学可视化]学习笔记. 如何实现一个 3D 地球学习笔记源码实现:https://github.com/kaimo313/visual-learning-demo 整体实现效果如下: 1 ...
OpenglES2.0 for Android:来做个地球吧
OpenglES2.0 for Android:来做个地球吧前言上两节中我们说了纹理映射,也利用纹理给我们的平面图形以及立方体穿上了漂亮的衣服,在继续学习其他知识之前,让我们先来用纹理映射以及我们 ...
Canvas模拟太阳地球月球的运动过程
先看效果图代码 package com.test.paintdemo.pathrelate;import android.content.Context; import android.graphi ...
OpenGL ES for Android 绘制旋转的地球
No 图 No Code,我们先来欣赏下旋转的地球: 是不是很酷炫,要想绘制出上面酷炫的效果需要3个步骤: 计算球体顶点数据地球纹理贴图通过MVP矩阵旋转地球计算球体顶点数据我们知道OpenG ...
使用three.js渲染瓦片地球-第一篇
近期有个需求是想使用自己的3d引擎去渲染地球逻辑,如果从头实现一遍会比较耗费时间,而且后续还要实现倾斜摄影等等,所以打算使用cesium来帮我们做调度然后用自己的3d引擎渲染. 在github上找到了 ...

2.转动的地球shader

2.转动的地球shader相关推荐

最新文章

热门文章