首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

自定义平面不会在三个js中投射/接收阴影

自定义平面不会在三个js中投射/接收阴影是指在Three.js中,自定义的平面对象无法投射或接收阴影。在Three.js中,阴影的生成和渲染是通过光源和材质属性来实现的。

要让一个物体投射或接收阴影,需要满足以下条件:

  1. 光源设置:需要使用支持阴影的光源,例如DirectionalLight(平行光)或SpotLight(聚光灯)。
  2. 材质设置:需要使用支持阴影的材质,例如MeshStandardMaterial或MeshPhongMaterial,并设置相应的属性。
  3. 接收阴影:需要将接收阴影的属性设置为true,例如将平面对象的receiveShadow属性设置为true。
  4. 投射阴影:需要将投射阴影的属性设置为true,例如将物体对象的castShadow属性设置为true。

然而,自定义的平面对象在默认情况下是不会投射或接收阴影的,因为它们没有内置的阴影属性。如果需要让自定义平面对象投射或接收阴影,可以通过以下两种方式实现:

  1. 使用ShaderMaterial:通过自定义着色器材质(ShaderMaterial),可以在自定义平面对象上实现阴影效果。可以编写自定义的着色器代码,实现阴影的计算和渲染。具体实现方式可以参考Three.js官方文档中的ShaderMaterial部分。
  2. 使用其他几何体代替平面对象:如果需要在自定义平面上实现阴影效果,可以考虑使用其他几何体代替平面对象,例如使用PlaneGeometry(平面几何体)或BoxGeometry(立方体几何体)来代替平面对象。这些几何体默认支持阴影属性,可以直接设置投射和接收阴影的属性。

总结起来,自定义平面对象不会在Three.js中投射或接收阴影,但可以通过使用ShaderMaterial或其他几何体代替平面对象的方式来实现阴影效果。具体实现方式可以根据具体需求选择适合的方法。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • Threejs入门之十七:给物体添加阴影

    在前面的章节中,我们已经实现了将物体添加到场景中,并设置了灯光等效果,但是,这并不是很真实,在真实的世界中,被灯光照射的物体是有阴影的,这一节我们就来给物体添加阴影。 在Threejs中给物体添加阴影,需要注意以下几点 1.要选择具有投射阴影效果的材质 我们前面也提到过,基础网格材质MeshBasicMaterial是不受光照影响的,我们如果需要有阴影效果,就不能选择该材质 2.需要投射阴影的物体要设置castShadow属性 castShadow属性用于设置物体是否被渲染到阴影贴图中,默认为false,如果需要投影,则设置为true 3.接收阴影的物体要开启receiveShadow属性 receiveShadow属性用于设置材质是否接收阴影,默认为false,如果需要接收物体的投影,设置为true 4.灯光开启投射阴影castShadow属性 灯光也要设置castShadow为true,默认为false 5.渲染器设置允许在场景中使用阴影贴图 将渲染器的shadowMap.enabled属性设置为true,允许场景中使用阴影贴图 经过上面五步的设置,就可以开启物体的阴影效果了,具体实现代码如下

    01

    ICLR 2018 | 阿姆斯特丹大学论文提出球面CNN:可用于3D模型识别和雾化能量回归

    选自arXiv 机器之心编译 参与:李舒阳、许迪 通过类比平面CNN,本文提出一种称之为球面CNN的神经网络,用于检测球面图像上任意旋转的局部模式;本文还展示了球面 CNN 在三维模型识别和雾化能量回归问题中的计算效率、数值精度和有效性。 1 引言 卷积神经网络(CNN)可以检测出图像任意位置的局部模式。与平面图像相似,球面图像的局部模式也可以移动,但这里的「移动」是指三维旋转而非平移。类比平面 CNN,我们希望构造一个神经网络,用于检测球面图像上任意旋转的局部模式。 如图 1 所示,平移卷积或互相关的方法

    08

    Unity Shader常用函数,标签,指令,宏总结(持续更新)

    UnityObjectToClipPos(v.vertex); 最基本的顶点变换,模型空间 ==》裁剪空间 mul(unity_ObjectToWorld, v.vertex); 顶点:模型空间 ==》世界空间,多用于顶点着色器 UnityObjectToWorldNormal(v.normal); 法线:模型空间 ==》世界空间,多用于顶点着色器,float3(归一化后fixed3) UnityWorldSpaceLightDir(i.worldPos.xyz); 仅前向渲染,世界空间顶点位置 ==》世界空间光源方向,多用于片元着色器,一般会顺带归一化(fixed3) UnityWorldSpaceViewDir(i.worldPos.xyz); 世界空间顶点位置 ==》世界空间视线方向,多用于片元着色器,一般会顺带归一化(fixed3) P.S.一般[0,1]范围内的尽量用低精度fixed类型,如单位矢量,颜色等 Tags{"lightmode"="forwardbase"}(字符串不区分大小写,编译时会自动转为所有字母大写) 指示光照模型为前向渲染的基本模式 #include "UnityCG.cginc"(字符串不区分大小写,编译时会自动转为所有字母大写) 包含大量基本内置函数,宏等,一般自带 #include "lighting.cginc"(字符串不区分大小写,编译时会自动转为所有字母大写) 包含基本光照属性,如 _LightColor0 UNITY_LIGHTMODEL_AMBIENT(使用大写) 环境光,一般取前三个分量rgb(xyz);基本光照模型需要有环境光,漫反射,高光等 基本纹理&法线贴图: TRANSFORM_TEX(v.uv, _MainTex); 基本纹理变换,用于顶点着色器,相当于v.uv*_MainTex_ST.xy + _MainTex_ST.zw;(其中xy存缩放,zw存偏移,对应面板参数);_MainTex_ST需额外定义 tex2D(_MainTex, i.uv); 基本纹理采样,用于片元着色器;一般会定义染色属性并与之相乘得到反射率(albedo),反射率作为环境光和漫反射计算的因子 UnpackNormalWithScale(packedNormal, _BumpScale); 反映射法线贴图采样结果得到顶点空间中的法线方向,同时计算凹凸映射的缩放;packedNormal为法线贴图直接采样结果,_BumpScale为凹凸缩放值;法线贴图必须进行导入设置为Normal Map UnityObjectToWorldDir(v.tangent.xyz); 方向(切线):模型空间 ==》世界空间,多用于顶点着色器 cross(worldNormal, worldTangent)*v.tangent.w 计算副法线,cross(,)两个向量叉积,用于得知两个坐标轴求第三个坐标轴朝向,w控制朝向的正负;知道三个朝向就可以构造变换矩阵了 TANGENT_SPACE_ROTATION 得到从模型空间到顶点空间的变换矩阵rotation,随后可直接进行如下计算,例如: mul(rotation, ObjSpaceLightDir(v.vertex)); 模型空间顶点位置 ==》模型空间光源方向==》顶点空间光源方向 mul(rotation, ObjSpaceViewDir(v.vertex)); 模型空间顶点位置 ==》模型空间视线方向==》顶点空间视线方向 多光源&前向渲染&光照衰减: Tags{"lightmode"="forwardbase"}(第一个Pass,全局性通用计算,只计算一次,不用开启混合) Tags{"lightmode"="forwardadd"}(第二个Pass,根据光源数目不同可能多次计算,需开启混合) 前向渲染的两种标签,分别位于不同的两个Pass,指示每个Pass的光照模式 #pragma multi_compile_fwdbase #pragma multi_compile_fwdadd 前向渲染的两种指令,只有每个Pass配置正确指令才可能得到正确的光照变量,如光照衰减值 UNITY_LIGHT_ATTENUATION(atten, i, i.worldPos.xyz); 用于第二个Pass分别计算每个光源的衰减,atten为输出的衰减值,i为片元着色器的输入结构体,其内部数学运算根据各个光照的类型不同复杂度不一,具体可参考:https://github.com/candycat1992/Unity_Shaders_Book/issues/47 接收投影: SHADOW_COORDS(idx) 声明阴影纹理采样的坐标,用于顶点着色器输出结构体,idx为下一个可用插值寄存器(TEXCOORD)的索引值 TRANSFER_SHADOW(o); 用于在顶点着色器

    01
    领券