Cesium高级教程-自定义光源-光照原理

最新推荐文章于 2024-11-05 21:13:06 发布
最新推荐文章于 2024-11-05 21:13:06 发布
阅读量374 收藏 7
点赞数 3
分类专栏： Cesium高级教程 文章标签： cesium教程 cesium xt3d cesium高级教程 cesium进阶教程 cesium自定义光源 cesium点光源
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xietao20/article/details/143527268
版权

Cesium高级教程-自定义光源-光照原理

光照原理

关于光照原理可以参考WebGL编程指南 第八章的相关内容，里面有非常详细的介绍。本章的重点在于如何在Cesium中去实现，而不是研究光照的原理，要看原理随便百度一下文章多如牛毛。

在这里插入图片描述

获取 WebGL编程指南 可以百度搜索下载电子版，或者联系作者获取

在这里插入图片描述

在编程世界中，所有抽象的问题最后最会都可以转变为数学公式的表达，以点光源为例，计算公式为 最后的颜色=光源颜色 x 物体基底色 x（ 光线方向 . 物体法线 ），所以如果要在Cesium中实现点光源，首先需要弄明白公式中每个参与运算的变量是什么？如何获取？

运算变量

最后的颜色：计算结果 RGBA

光源颜色：光的颜色 RGBA

物体基底色：即物体自有的颜色 RGBA

光线方向：光源到片元的方向（向量）XYZ

物体法线：物体表面法线（向量）XYZ

在Cesium中实现

整个计算过程是在片元着色器中进行的，在Cesium实现可以有多中方式，比如您可以通过自定义材质属性MaterialProperty在实体中进行实现，也可以通过外观Appearance在图元中实现，但是最常见的是在Cesium3DTileset和后处理中实现，因为在实体和图元中实现光源的意义不大。

在这里插入图片描述

在后处理中实现的优势是光源作用于整个场景内容，不需要每个物体都进行单独处理。但是在Cesium3DTileset中实现也很常见，因为有时可能就只想添加模型的灯光想效果，其他地方不需要处理。

接下来我们以点光源为例，分别介绍在Cesium3DTileset和后处理中实现的过程。

更多内容见 Cesium高级教程-教程简介

xt3d
关注
专栏目录
Cesium 实战 - 模型亮度调整（解决模型非常暗的问题）
linzi19900517的博客
05-22 5129
Cesium 实战 - 模型亮度调整（解决模型非常暗的问题）。
Cesium高级教程-自定义光源-模型光源
xt3d的博客
11-05 497
上面的代码中因为没有设置关照衰减，所以无论离光源多远都会有光照效果，接下来我们添加一个衰减，离光源越远，光照越弱。类的片元着色器默认能够获取到的相关参数在文档中看不到，可以根据Cesium提供的示例或者查看源码获取更多的参数。中添加自定义光源需要注意的是您的模型需要有法线信息，如果模型不带法线可能结果出不来。光线方向是通过光源位置和片元位置计算而来，而光源位置是从外部传递到着色器内部。光源颜色肯定是我们从外部传递到着色器内部的，颜色可以自定义。实现多光源，只需要将多个光源的颜色进行叠加即可。
Cesium高级教程-自定义光源-后处理光源
xt3d的博客
11-05 236
有了前一节在模型着色器中实现光源的知识，在后处理中实现就很简单了，难点是需要计算片元的法线，在后处理中可以通过偏导数dFdx、dFdy来计算片元法线。不管是模型光源还是后处理光源目前都存在以下两个问题遮挡关系后面被前面挡住的建筑物也会进行光照计算阴影光照没有阴影，真实的光照应该会产生阴影因为我们只是简单地按照公式计算了光照颜色，其余的没有做任何处理，所以会出现以上两个问题，要实现逼真的光照效果，需要解决这些问题。
Cesium建筑自定义光源效果
rpgpp55的博客
04-10 4802
const customShader = new Cesium.CustomShader({ lightingModel: Cesium.LightingModel.UNLIT, uniforms: { u_cameraDirectionWC: { type: Cesium.UniformType.VEC3, value: WE.viewer.scene.camera.positionWC, }, u_lightCol...
【超图+CESIUM】【基础API使用示例】47、超图｜CESIUM - 平行光源设置
汪同学丶的博客
03-07 610
超图｜CESIUM - 平行光源设置
[cesium] | 模型光照 | PBR光照
啊嘞嘞的博客
10-28 6540
基于3dtilset的光源效果 效果 点光源 聚光源
cesium很全的入门教程-翻译官网和加入自己理解
热门推荐
qq_21048515的博客
04-22 2万+
#Cesium WorkShop-cesium快速入门教程 快速入门教程基本涵盖了大多数的CesiumJS API概念，主要用于Cesium基本入门，对Cesium有全面基本的了解和使用 ##一、概述 本教程会一步一步教会你做一个项目，主要介绍如下内容： 配置1个Cesium viewer 加载各种数据集 创建几何和设置样式 加载3D Tiles 控制相机 添加鼠标交互 学完后你将会创建如下项目...
Cesium介绍及3DTiles数据加载时添加光照效果对比
cyber_room的博客
01-24 2573
3DTiles数据在Cesium上启用和关闭光照对效果的影响
Cesium自定义Shader中常用的常量、结构体和函数概览
AIGIS的博客
09-11 1212
本文列举了Cesium中编写GLSL时常用的常量、结构体及函数，因为Cesium的文档中并没有这些类的描述信息，因此这里列出以备查，方便编写自定义Shader时使用。
cesium-threejs-experiment
07-27
在这个"cesium-threejs-experiment"项目中，开发者可能在尝试利用Three.js的某些高级特性，如更灵活的几何形状、动画系统或自定义着色器，来增强Cesium的基础功能。他们可能已经成功地将Three.js对象嵌入到Cesium的...
点光源模型演示
05-18
GLSL是一种高级着色语言，允许开发者在GPU上编写自定义的顶点和片段着色器。在点光源模型中，GLSL的着色器通常会包含以下几个关键部分： 1. **位置**：光源的位置是相对于场景中其他对象的坐标。这需要在着色器中...
Cesium 使用着色器实现点光源
kuyewb的专栏
09-22 2385
可设置点光源位置，颜色，使用自定义着色器，混合3DTileset，实现点光源效果。
Cesium实现建筑物泛光特效，使用自定义shader实现，含全部
liyan_gis的专栏
10-20 1689
从Cesium1.87以后的版本，提供了方便的自定义shader的接口，从而不用修改源码，就可以方便的实现很多自定义的特效，这对Cesium的从业人员来说是一个极大的好消息。
【java毕业设计】应急救援物资管理系统源码（springboot+vue+mysql+说明文档）.zip
11-06
项目经过测试均可完美运行！ 环境说明： 开发语言：java jdk：jdk1.8 数据库：mysql 5.7+ 数据库工具：Navicat11+ 管理工具：maven 开发工具：idea/eclipse
基于java的音乐网站答辩PPT.pptx
11-06
基于java的音乐网站答辩PPT.pptx
基于Flexsim的公路交通仿真系统.zip
最新发布
11-06
基于Flexsim软件开发的仿真系统，可供参考学习使用
weixin073智慧旅游平台开发微信小程序+ssm后端毕业源码案例设计.zip
11-06
weixin073智慧旅游平台开发微信小程序+ssm后端毕业源码案例设计 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。
python017基于Python贫困生资助管理系统带vue前后端分离毕业源码案例设计.zip
11-06
python017基于Python贫困生资助管理系统带vue前后端分离毕业源码案例设计 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。
【创新未发表】Matlab实现粒子群优化算法PSO-GRU实现风电数据预测算法研究.rar
11-06
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用，注释清楚，适合新手
Cesium教程番外篇--自定义Geometry（一）
05-31
Cesium提供了一些内置的几何体，如BoxGeometry、CylinderGeometry、SphereGeometry等，但是有时候我们需要展示一些特殊形状的物体，这时候就需要自定义几何体了。 下面是一个简单的自定义几何体的例子： ```...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xt3d

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值