Laya2.0 实现模拟物体影子shader

LayaAir中开启实时阴影性能消耗偏高，如果美术要求不那么逼真，那么物体可以用shader添加一个pass来模拟影子，效果整体可以接受，可以通过调整参数修改物体shader渲染影子的长短、方向、颜色等。
效果如下，物体偏亮，因为我使用了半兰伯特光照模型。

上代码：ShadowMaterial.ts

export default class ShadowMaterial extends Laya.BaseMaterial {static DIFFUSETEXTURE = Laya.Shader3D.propertyNameToID("u_Texture");static readonly NAME = "ShadowShader";constructor() {super();this.initShader();}private initShader(): void {var attributeMap = {'a_Position': Laya.VertexMesh.MESH_POSITION0, 'a_Normal': Laya.VertexMesh.MESH_NORMAL0,'a_Texcoord': Laya.VertexMesh.MESH_TEXTURECOORDINATE0};var uniformMap = {'u_MvpMatrix': Laya.Shader3D.PERIOD_SPRITE, 'u_WorldMat': Laya.Shader3D.PERIOD_SPRITE,'u_Texture': Laya.Shader3D.PERIOD_MATERIAL,'u_DirectionLight.Direction': Laya.Shader3D.PERIOD_SCENE, 'u_DirectionLight.Color': Laya.Shader3D.PERIOD_SCENE};var vs:string = '#include "Lighting.glsl";\n' + "attribute vec4 a_Position;\n"+"attribute vec2 a_Texcoord;\n"+"attribute vec3 a_Normal;\n"+"uniform mat4 u_MvpMatrix;\n"+"uniform mat4 u_WorldMat;\n"+"varying vec2 v_Texcoord;\n"+"varying vec3 v_Normal;\n"+"void main()\n"+"{\n"+"gl_Position = u_MvpMatrix * a_Position;\n"+"mat3 worldMat=mat3(u_WorldMat);\n"+"v_Normal=worldMat*a_Normal;\n"+"v_Texcoord=a_Texcoord;\n"+"}";var vs_shadow:string = '#include "Lighting.glsl";\n' + "attribute vec4 a_Position;\n"+"attribute vec2 a_Texcoord;\n"+"attribute vec3 a_Normal;\n"+"uniform mat4 u_MvpMatrix;\n"+"uniform mat4 u_WorldMat;\n"+"varying vec2 v_Texcoord;\n"+"varying vec3 v_Normal;\n"+"void main()\n"+"{\n"+"vec4 new_Position = vec4(a_Position.x+a_Position.y*0.5, a_Position.y*0.5, a_Position.z, a_Position.w);\n"+"gl_Position = u_MvpMatrix * new_Position;\n"+"mat3 worldMat=mat3(u_WorldMat);\n"+"v_Normal=worldMat*a_Normal;\n"+"v_Texcoord=a_Texcoord;\n"+"}";var ps:string = "#ifdef FSHIGHPRECISION\n"+"precision highp float;\n"+"#else\n"+"precision mediump float;\n"+"#endif\n"+"#include \"Lighting.glsl\";\n"+"varying vec3 v_Normal;\n" +"varying vec2 v_Texcoord;\n"+"uniform sampler2D u_Texture;\n"+"uniform DirectionLight u_DirectionLight;\n"+"void main()\n"+"{\n"+"vec3 normal=normalize(v_Normal);\n"+"vec3 diffuse = (dot(u_DirectionLight.Direction, normal)*0.5+0.5)*u_DirectionLight.Color;\n"+ "gl_FragColor = texture2D(u_Texture, v_Texcoord)+vec4(diffuse,1.0);\n"+"}";    var ps_shadow:string = "#ifdef FSHIGHPRECISION\n"+"precision highp float;\n"+"#else\n"+"precision mediump float;\n"+"#endif\n"+"varying vec3 v_Normal;\n" +"varying vec2 v_Texcoord;\n"+"uniform sampler2D u_Texture;\n"+"void main()\n"+"{\n"+"gl_FragColor=vec4(0,0,0,1);\n"+"}";      var customShader:Laya.Shader3D = Laya.Shader3D.add(ShadowMaterial.NAME);var subShader:Laya.SubShader =new Laya.SubShader(attributeMap, uniformMap,Laya.SkinnedMeshSprite3D.shaderDefines, ShadowMaterial.shaderDefines);subShader.addShaderPass(vs, ps);subShader.addShaderPass(vs_shadow, ps_shadow);customShader.addSubShader(subShader);this.setShaderName(ShadowMaterial.NAME);}set diffuseTexture(texture2D : Laya.Texture2D){this._shaderValues.setTexture(ShadowMaterial.DIFFUSETEXTURE, texture2D);}
}

然后在你要渲染的物体添加ShadowShader材质即可：

        Laya.Mesh.load(resUrl,Laya.Handler.create(this,(mesh : Laya.Mesh)=>{let sprite3D = new Laya.MeshSprite3D(mesh);sprite3D.meshRenderer.material = new ShadowMaterial();}

Laya2.0 实现模拟物体影子shader相关推荐

BRE BRE ProMax 2.0.7047.0 工艺流程模拟软件ProMax\
BRE BR&E ProMax 2.0.7047.0 工艺流程模拟软件ProMax\ Flac2D v4.0.257\ FLAC3D V3.0.26_FLAC3D 岩土工程软件\ FLAC ...
VC6.0 MFC 模拟弹簧运动（改进版）
VC6.0 MFC 模拟弹簧运动(改进版) 一.内容描述运用VC6.0新建工程MFC AppWizard(exe),创建单文档应用程序,画一个弹簧(用矩形代替),下面挂有重物(用圆代替),设定重物质 ...
《胡闹厨房2》Overcooked 2 for Mac v2.0 烹饪模拟游戏
Overcooked! 2是由Ghost Town Games开发推出的一款趣味性十足的烹饪模拟游戏,支持多人联机进行.Overcooked! 2 画面清新细腻,人物角色设计萌趣可爱,内置丰富的多种菜 ...
Zemax模拟物体通过透镜成像
Zemax拥有序列和非序列两种模式,所以利用两种模式分别模拟物体通过透镜成像. 个人认为,模拟物体通过透镜成像,重点在于如何利用Zemax正确的模拟物体.因为物体发光或者说光入射物体后继续传播与直接 ...
【TA之路知识总结】shader学习笔记——入门篇——纹理篇——使用一张纹理模拟物体的漫反射和对纹理的处理等相关知识
文章目录前言一.关键代码二.全部代码纹理相关知识点: 1.纹理展开技术(展UV): 2.在Unity shader中声明一个纹理的方式: 3.纹理的属性: 4.Unity中对顶点纹理坐标变换的 ...
Linux实战：awl-2.0工具模拟洪水攻击，建立大量的TCP连接
实战:awl工具模拟洪水攻击,建立大量未完成第二次握手的TCP连接基于TCP协议的数据传输,需要进行三次握手四次挥手才可以完成.每一次连接都会占用系统内存,直至连接关闭才会释放系统内存.在进行第一次 ...
基于无线lora通信实现远程采集输出0~10v,0~20ma模拟量信号以及开关量信号
深圳市综科智控科技开发有限公司是一家专注于生产与研发工业智能自动化设备及软件系统.工业物联网设备及软件系统的高新技术企业. 公司致力于为客户提供从前端数据采集.传感器接入.IO控制.通信组网到云端联网 ...
Python自动化测试系列[v1.0.0][Win32模拟键盘]
在实际的自动化代码调试过程中,往往Selenium提供的方法不能满足于自动化任务,例如定位某个按钮要完成点击操作,定位正确但就是无法完成点击,此时如果掌握模拟键盘的方法便可以为我们的自动化提供很大的帮 ...
基于Python 3.11.0版本模拟登录并爬取西安理工大学正方教务系统的学分绩点并计算
目录使用软件以及运行环境对于环境的搭建代码思路需要导入的包模拟登录爬取数据绩点计算器功能一功能二完整代码使用软件以及运行环境 win10系统,Vs Code软件,Python 3 ...

Laya2.0 实现模拟物体影子shader

Laya2.0 实现模拟物体影子shader相关推荐

最新文章

热门文章