当前位置： 首页 > wzjs >正文

上海高端网站定制开发什么是网站开发技术

wzjs 2025/9/7 23:01:20
上海高端网站定制开发,什么是网站开发技术,做网站导航按钮怎么猛,建网站公司那个比较好一、相关知识介绍 1、光照分析 2、最终实现效果 二、完整光照效果实现 1、环境部分 （1）漫反射部分 通过分离模型上、下、侧三个面，并选择合适的颜色进行模拟 （i）上、下、侧三面环境颜色模拟效果 （2&am…

一、相关知识介绍

1、光照分析

在这里插入图片描述

2、最终实现效果

在这里插入图片描述

二、完整光照效果实现

1、环境部分

（1）漫反射部分

通过分离模型上、下、侧三个面，并选择合适的颜色进行模拟

（i）上、下、侧三面环境颜色模拟效果

在这里插入图片描述

（2）遮挡阴影

上、下、侧三面环境颜色模拟+AO遮罩模拟环境阴影效果
在这里插入图片描述

（3）完整实现代码

Shader "AP01/L07/3ColAmbient" {Properties {_Occlusion  ("环境遮挡图", 2d)      = "white" {}_EnvUpCol   ("朝上环境色", color)   = (1.0, 1.0, 1.0, 1.0)_EnvSideCol ("侧面环境色", color)   = (0.5, 0.5, 0.5, 1.0)_EnvDownCol ("朝下环境色", color)   = (0.0, 0.0, 0.0, 1.0)}SubShader {Tags {"RenderType"="Opaque"}Pass {Name "FORWARD"Tags {"LightMode"="ForwardBase"}CGPROGRAM#pragma vertex vert#pragma fragment frag#include "UnityCG.cginc"#pragma multi_compile_fwdbase_fullshadows#pragma target 3.0// 输入参数uniform float3 _EnvUpCol;uniform float3 _EnvSideCol;uniform float3 _EnvDownCol;uniform sampler2D _Occlusion;// 输入结构struct VertexInput {float4 vertex : POSITION;   // 将模型顶点信息输入进来float4 normal : NORMAL;     // 将模型法线信息输入进来float2 uv0 : TEXCOORD0;     // 将模型UV信息输入进来 0通道 共4通道};// 输出结构struct VertexOutput {float4 pos : SV_POSITION;   // 由模型顶点信息换算而来的顶点屏幕位置float3 nDirWS : TEXCOORD0;  // 由模型法线信息换算来的世界空间法线信息float2 uv : TEXCOORD1;      // 追加UV信息用语像素Shader采样贴图};// 输入结构>>>顶点Shader>>>输出结构VertexOutput vert (VertexInput v) {VertexOutput o = (VertexOutput)0;               // 新建一个输出结构o.pos = UnityObjectToClipPos( v.vertex );       // 变换顶点信息 并将其塞给输出结构o.nDirWS = UnityObjectToWorldNormal(v.normal);  // 变换法线信息 并将其塞给输出结构o.uv = v.uv0;                                   // 图森破return o;                                       // 将输出结构 输出}// 输出结构>>>像素float4 frag(VertexOutput i) : COLOR {// 准备向量float3 nDir = i.nDirWS;                         // 获取nDir// 计算各部位遮罩float upMask = max(0.0, nDir.g);                // 获取朝上部分遮罩float downMask = max(0.0, -nDir.g);             // 获取朝下部分遮罩float sideMask = 1.0 - upMask - downMask;       // 获取侧面部分遮罩// 混合环境色float3 envCol = _EnvUpCol * upMask + _EnvSideCol * sideMask + _EnvDownCol * downMask;// 采样Occlusion贴图float occlusion = tex2D(_Occlusion, i.uv);// 计算环境光照float3 envLighting = envCol * occlusion;// 返回最终颜色return float4(envLighting, 1.0);}ENDCG}}FallBack "Diffuse"
}

2、光源部分

（1）漫反射

使用Lambert模型

（2）镜面反射

使用Phong模型

（3）遮挡阴影

使用Unity中内置的投影方法

（i）遮挡投影效果

在这里插入图片描述

（ii）实现代码
Shader "AP01/L07/Shadow" {Properties {}SubShader {Tags {"RenderType"="Opaque"}Pass {Name "FORWARD"Tags {"LightMode"="ForwardBase"}CGPROGRAM#pragma vertex vert#pragma fragment frag#include "UnityCG.cginc"#include "AutoLight.cginc"      // 使用Unity投影必须包含这两个库文件#include "Lighting.cginc"       // 同上#pragma multi_compile_fwdbase_fullshadows#pragma target 3.0// 输入结构struct VertexInput {float4 vertex : POSITION;   // 将模型的顶点信息输入进来};// 输出结构struct VertexOutput {float4 pos : SV_POSITION;   // 由模型顶点信息换算而来的顶点屏幕位置LIGHTING_COORDS(0,1)        // 投影用坐标信息 Unity已封装 不用管细节};// 输入结构>>>顶点Shader>>>输出结构VertexOutput vert (VertexInput v) {VertexOutput o = (VertexOutput)0;           // 新建一个输出结构o.pos = UnityObjectToClipPos( v.vertex );   // 变换顶点信息 并将其塞给输出结构TRANSFER_VERTEX_TO_FRAGMENT(o)              // Unity封装 不用管细节return o;                                   // 将输出结构 输出}// 输出结构>>>像素float4 frag(VertexOutput i) : COLOR {float shadow = LIGHT_ATTENUATION(i);        // 同样Unity封装好的函数 可取出投影return float4(shadow, shadow, shadow, 1.0);}ENDCG}}FallBack "Diffuse"
}

3、完整光照

（1）效果

在这里插入图片描述

（2）实现代码

Shader "AP01/L08/OldSchoolPlus" {Properties {_BaseCol    ("基本色",      Color)          = (0.5, 0.5, 0.5, 1.0)_LightCol   ("光颜色",      Color)          = (1.0, 1.0, 1.0, 1.0)_SpecPow    ("高光次幂",    Range(1, 90))   = 30_Occlusion  ("AO图",        2D)             = "white" {}_EnvInt     ("环境光强度",  Range(0, 1))    = 0.2_EnvUpCol   ("环境天顶颜色", Color)          = (1.0, 1.0, 1.0, 1.0)_EnvSideCol ("环境水平颜色", Color)          = (0.5, 0.5, 0.5, 1.0)_EnvDownCol ("环境地表颜色", Color)          = (0.0, 0.0, 0.0, 0.0)}SubShader {Tags {"RenderType"="Opaque"}Pass {Name "FORWARD"Tags {"LightMode"="ForwardBase"}CGPROGRAM#pragma vertex vert#pragma fragment frag#include "UnityCG.cginc"// 追加投影相关包含文件#include "AutoLight.cginc"#include "Lighting.cginc"#pragma multi_compile_fwdbase_fullshadows#pragma target 3.0// 输入参数uniform float3 _BaseCol;uniform float3 _LightCol;uniform float _SpecPow;uniform sampler2D _Occlusion;uniform float _EnvInt;uniform float3 _EnvUpCol;uniform float3 _EnvSideCol;uniform float3 _EnvDownCol;// 输入结构struct VertexInput {float4 vertex   : POSITION;   // 顶点信息 Get✔float4 normal   : NORMAL;     // 法线信息 Get✔float2 uv0      : TEXCOORD0;  // UV信息 Get✔};// 输出结构struct VertexOutput {float4 pos    : SV_POSITION;  // 裁剪空间（暂理解为屏幕空间吧）顶点位置float2 uv0      : TEXCOORD0;    // UV0float4 posWS    : TEXCOORD1;    // 世界空间顶点位置float3 nDirWS   : TEXCOORD2;    // 世界空间法线方向LIGHTING_COORDS(3,4)            // 投影相关};// 输入结构>>>顶点Shader>>>输出结构VertexOutput vert (VertexInput v) {VertexOutput o = (VertexOutput)0;                   // 新建输出结构o.pos = UnityObjectToClipPos( v.vertex );       // 变换顶点位置 OS>CSo.uv0 = v.uv0;                                  // 传递UVo.posWS = mul(unity_ObjectToWorld, v.vertex);   // 变换顶点位置 OS>WSo.nDirWS = UnityObjectToWorldNormal(v.normal);  // 变换法线方向 OS>WSTRANSFER_VERTEX_TO_FRAGMENT(o)                  // 投影相关return o;                                           // 返回输出结构}// 输出结构>>>像素float4 frag(VertexOutput i) : COLOR {// 准备向量float3 nDir = normalize(i.nDirWS);float3 lDir = _WorldSpaceLightPos0.xyz;float3 vDir = normalize(_WorldSpaceCameraPos.xyz - i.posWS.xyz);float3 rDir = reflect(-lDir, nDir);// 准备点积结果float ndotl = dot(nDir, lDir);float vdotr = dot(vDir, rDir);// 光照模型(直接光照部分)float shadow = LIGHT_ATTENUATION(i);        // 获取投影float lambert = max(0.0, ndotl);float phong = pow(max(0.0, vdotr), _SpecPow);float3 dirLighting = (_BaseCol * lambert + phong) * _LightCol * shadow;// 光照模型(环境光照部分)float upMask = max(0.0, nDir.g);                // 获取朝上部分遮罩float downMask = max(0.0, -nDir.g);             // 获取朝下部分遮罩float sideMask = 1.0 - upMask - downMask;       // 获取侧面部分遮罩// 混合环境色float3 envCol = _EnvUpCol * upMask + _EnvSideCol * sideMask + _EnvDownCol * downMask;float occlusion = tex2D(_Occlusion, i.uv0);         // 采样Occlusion贴图float3 envLighting = envCol * _EnvInt * occlusion;  // 计算环境光照// 返回结果float3 finalRGB = dirLighting + envLighting;return float4(finalRGB, 1.0);}ENDCG}}FallBack "Diffuse"
}

三、综合实践

待完善


文章转载自：

http://SepbIWsn.Lrybz.cn
http://vb1Md59x.Lrybz.cn
http://7WwBo521.Lrybz.cn
http://VfoTaf1W.Lrybz.cn
http://b7PyxtDT.Lrybz.cn
http://exb24P25.Lrybz.cn
http://gexWHhXq.Lrybz.cn
http://Ek4KqB5O.Lrybz.cn
http://TYHCMjj4.Lrybz.cn
http://6QxLWW6E.Lrybz.cn
http://xTe2DO5e.Lrybz.cn
http://iY60stR7.Lrybz.cn
http://qZPCGHVr.Lrybz.cn
http://I9puN5sD.Lrybz.cn
http://NhhuozYb.Lrybz.cn
http://JJCHoCAv.Lrybz.cn
http://5eIDLIVT.Lrybz.cn
http://Lpz6sRBK.Lrybz.cn
http://n5dDwSjB.Lrybz.cn
http://p5YCgo1o.Lrybz.cn
http://d9VdzcT2.Lrybz.cn
http://Zpx2asL8.Lrybz.cn
http://Nt6Wq2jM.Lrybz.cn
http://IB9ZFmWv.Lrybz.cn
http://1OvBndyh.Lrybz.cn
http://7qpvJgzl.Lrybz.cn
http://Y9zRG0Op.Lrybz.cn
http://4NCM0VwV.Lrybz.cn
http://QLfxnKGG.Lrybz.cn
http://MMaPhHPD.Lrybz.cn
http://www.dtcms.com/wzjs/648409.html

相关文章：

  • nodejs做的网站排名好的网站建设企业
  • 企业网站建设公司电话c2m模式的电商平台有哪些
  • 网站备案 备注关联性如何做一个自己的电商平台
  • 宁波网站建设那家好自己做彩票网站简单吗
  • 潮州建设局网站网络舆情案例分析
  • 汽修网站怎么做建设电影网站视频
  • 上海羽贝网站建设制作ppt的软件免费下载
  • 进入外国网站的方法哪个网站做平面能兼职
  • 北京网站建设策划Wordpress手机端显示不全
  • 网站设配色网站建设设计制作熊掌号
  • 手机端网站开发教程网站建设公司业务提成多少
  • 广东省建设业协会网站建筑公司名字大全20000个
  • 杭州企业网站设计制作怎么自己用手机做网站
  • 用php做的网站人才市场招聘网站
  • 合肥企业网站网站开发需要的编程软件
  • 专业网站制作软件saas智能营销云平台
  • 赣州房产网站建设国外建站程序
  • 青浦专业做网站公司2022有创意的广告
  • 网站建设一般步骤遵义网站制作教程
  • 使用nas建设网站专业团队电影
  • 商城网站程序微商系统软件开发
  • 网站整体架构php 免费企业网站
  • 网站app公众号先做哪个比较好中国化学第九建设公司网站
  • 山东网页制作网站html5网站app开发
  • 郑州高新区建设环保局网站网页设计考研院校
  • 招聘信息网站建设怎么做公司网站
  • 一家专门做动漫的网站在网上做软件挣钱的网站
  • 网站建设公司制作网站Net网站开发多少钱
  • 广州骏域网站建设专家做网站的业务逻辑
  • 自己如何建设一个彩票网站微信企业app手机下载安装