ShaderJoy —— 实现“Environment Mapping模拟反射和折射”【基于RenderMonkey】

举报
ShaderJoy 发表于 2021/12/29 23:33:38 2021/12/29
【摘要】 1.实现Environment Mapping 至少需要两个Pass 第一个是Cubemap(SkyBox),第二个是场景中的“透明”物体。 第一个Pass: 为了使CubeMap能够随着相机的旋转也一起相对旋转(否则会旋转出界),需要将unit 3D Sphere(Cube)移到相机位置(通过顶点坐标加上相机的位置,即verte...

1.实现Environment Mapping 至少需要两个Pass

第一个是Cubemap(SkyBox),第二个是场景中的“透明”物体。

第一个Pass:

为了使CubeMap能够随着相机的旋转也一起相对旋转(否则会旋转出界),需要将unit 3D Sphere(Cube)移到相机位置(通过顶点坐标加上相机的位置,即vertex + view_position(注意这里相机的坐标系是世界坐标系,如果是RenderMonkey的话,还需要选择系统内置的View_Position,否则view_position不会随着鼠标运动变化),这样相机就位于了Sphere (Cube)的中心了(其实是把Shpere从 (0,0) 移到了相机的位置),而Environment map相对于相机来说所表示的就是无限远处。再加上我们使用的是单位长度的Sphere,所以View Direction 刚好就是 Sphere 的Vertex,所以将Sphere的Vertex用于索引TexCube。

Vertex Shader 示例代码:

 


  
  1. uniform vec4 u_viewPosition;
  2. uniform mat4 u_matViewProjection;
  3. attribute vec4 a_vertex;
  4. varying vec3 v_texcoord;
  5. void main(void)
  6. {
  7. vec3 position = a_vertex.xyz;
  8. // center the camera relative to the box
  9. position += u_v

文章来源: panda1234lee.blog.csdn.net,作者:panda1234lee,版权归原作者所有,如需转载,请联系作者。

原文链接:panda1234lee.blog.csdn.net/article/details/52075515

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。