Cesium着色器内置坐标转换(3)：czm_projection

最新推荐文章于 2024-05-23 08:57:14 发布
最新推荐文章于 2024-05-23 08:57:14 发布
阅读量340 收藏
点赞数
分类专栏： Cesium实战分享 文章标签： 着色器 javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/e465858647/article/details/127605408
版权

一、官方API

官方API如下：大致意思是一个内置unifrom类型的4*4矩阵，将眼睛坐标转换成裁剪坐标，裁剪坐标也就是着色器的输出坐标。
在这里插入图片描述

二、源代码解读

源代码如下：
part1:类型为float mat4,值为uniformState.projection，接下来的part2中看看这个值是什么。

// AutomaticUniforms.js
...
  czm_projection: new AutomaticUniform({
   
    size: 1,
了解本专栏 订阅专栏 解锁全文 超级会员免费看
e465858647
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
订阅专栏
Unity3D使用FairyGUI Vector3 To 屏幕坐标
阿柴的猫
09-16 665
Unity3D使用FairyGUI Vector3 To 屏幕坐标 public Vector3 ConvertToScreen(Vector3 pos) { Vector3 screenPos = this.mainCamera.WorldToScreenPoint(pos); //3D坐标转屏幕坐标 screenPos.y = Screen.height - screenPos.y; Vector2 xy = GRoot.inst.GlobalToLocal(scr
56.（cesium篇）cesium叠加动态扩散圈(着色器).zip
06-13
该资源包的执行效果查看地址：https://blog.csdn.net/m0_60387551/article/details/123184049 “地图之家”专栏中的“56.（cesium篇）cesium叠加动态扩散圈(着色器)”。如下载有问题，可联系博主。 解压密码：cesium
Cesium 实现可视域分析
qq_24155097的博客
08-24 1325
glsl2.js 文件我找了两个， 我测试都是可以实现的，只是效果问题，可以切换了尝试一下。此示例基于vue3上实现，
cesium着色器坐标
qq_22849251的博客
10-09 356
由世界坐标转模型坐标 由相机坐标转模型坐标 https://www.cnblogs.com/onsummer/p/14212009.html
Cesium.js着色器的简单实现
weixin_42443851的博客
01-07 9222
cesium.js着色器的简单实现 最近在研究cesium.js，第一次接触这个引擎，以前用Babylon.js和Three.js比 较多，对于这个新的引擎感觉还是比较新鲜，也扩充一下自己的知识面。学习了一段时间 感觉还是挺有意思的。于是乎就想实现一个简单的自定义shader，看一下cesium.js是 如何 ...
Cesium 中的Shader解析1
苹果园dog
05-04 5857
Cesium中在创建点、线、面、球等Geometry的时候，可以动态指定材质。材质用于设置物体的外观。通常修改材质的片元着色器来改变外观。
cesium1.105.1以此版本的自定义着色器CustomShader中文文档
u012425087的博客
06-07 4094
用户想要添加到着色器的任何自定义uniform。
Cesium高级-czm前缀的内置变量与函数初探
lying_19的博客
05-15 1459
初步介绍一些Cesium内置的czm_前缀的变量和方法，用于glsl编程。相关资料过少，整理的也很初级。敬请谅解。
03-Cesium自定义着色器完整代码以及注释
fxshy的博客
07-26 1401
03-Cesium自定义着色器完整代码以及注释
cesium的3dtile模型转换工具
08-02
支持obj、fbx、Osgb、shp、gltf、glb格式转换成3dtile 压缩包中提供了2种使用方法，如果第一种方法不行，可以用第二种方法，肯定有一种可以行得通的。
Cesium 坐标转换,cesium坐标系
09-11
酷炫三维地图框架Cesium框架，三维地球的坐标转换文档
74.（cesium篇）cesium弧度坐标与经纬度坐标转换.zip
04-25
该资源包的执行效果查看地址：https://blog.csdn.net/m0_60387551/article/details/123184049 “地图之家”专栏中的“74.（cesium篇）cesium弧度坐标与经纬度坐标转换”。如下载有问题，可联系博主。
create-cesium::globe_showing_Asia-Australia:无需配置即可创建出色的快速Cesium应用
05-14
:loudspeaker: Cesium + Vue 3模板（新） :package: TypeScript和JavaScript :key: 全类型Cesium ES6 API :light_bulb: 即时开发服务器启动 :high_voltage: 快如闪电的HMR :sparkling_heart: 优化的构建 快速...
Cesium着色器内置坐标转换(1)：czm_model
e465858647的博客
10-27 464
循序渐进的介绍cesium着色器中的坐标转换。
【Cesium源码系列】Cesium地形数据格式解析
09-20 1265
Cesium地形数据采用了一种扩展名为.terrain的二进制文件结构，该结构为格式的、简单多重采样的四叉树金字塔结构。每个瓦片的地形数据包含了当前瓦片的顶点信息、三角网信息、索引信息以及扩展信息等。瓦片金字塔的两个根文件的范围及服务地址为这两个根瓦片的八个子瓦片的范围以及服务地址为请求瓦片时，要确保在HTTP头文件中包含以下信息否则可能会返回一个奇怪的瓦片。
CESIUM内置shader变量和函数
m0_38004751的博客
02-16 1053
CESIUM内置shader变量和函数
cesium中如何修改图层的着色器，使其达到我们想要的图层风格
webMinStudent的博客
05-20 776
这里面的字符串是glsl代码，我们使用字符串的replace函数来替换掉我们想替换的代码。在cesium中我们可以，通过修改图层的着色器源代码使其达到一些酷炫的效果，现在我们。好现在 baseFragmentShader里面就是图层的着色器代码。这样就做到了，修改glsl代码的效果。这样就可以达到一些自定义的图层效果。获取图层对应的片源着色器源代码。来说说如何做到这一切。
Cesium 使用着色器实现点光源
kuyewb的专栏
09-22 1512
可设置点光源位置，颜色，使用自定义着色器，混合3DTileset，实现点光源效果。
着色器技术在AI去衣中的魔法般的作用
最新发布
AI开源工具分享
05-23 447
随着着色器技术的不断进步，我们有理由相信，未来的AI去衣将更加智能化、高效化，为用户带来更加震撼的视觉体验和无限的创意空间。通过编写优化的着色器程序，可以实现在保持高质量输出的同时，减少GPU的计算负担，使得去衣效果能够流畅地实时展现。例如，通过使用基于物理的渲染（PBR）技术，可以使去衣后的图像在光线和材质上与原始图像无缝对接，创造出令人难以置信的真实感。在AI去衣过程中，可以通过编写特定着色器来实现逼真的肌肤质感和自然的衣物折皱效果，从而使得去衣后的图像更加符合物理规律和视觉真实感。
cesium获取模型实时坐标_Cesium 顶点着色器中解算模型坐标
06-10
要在Cesium中获取模型实时坐标，可以使用以下步骤： 1. 加载模型。可以使用Cesium的Model类加载模型，代码示例如下： ``` var viewer = new Cesium.Viewer('cesiumContainer'); var model = viewer.scene.primitives.add(Cesium.Model.fromGltf({ url : 'path/to/model.gltf' })); ``` 2. 在顶点着色器中解算模型坐标。要在顶点着色器中获取模型坐标，需要先在JavaScript代码中获取模型实例对象，并将其传递给顶点着色器中使用。代码示例如下： ``` var modelMatrix = model.modelMatrix; var modelNormalMatrix = Cesium.Matrix3.transpose(Cesium.Matrix3.inverse(modelMatrix, new Cesium.Matrix3()), new Cesium.Matrix3()); model.vertexShaderSource = '\ attribute vec3 position;\ attribute vec3 normal;\ attribute vec2 st;\ varying vec3 v_position;\ varying vec3 v_normal;\ varying vec2 v_st;\ uniform mat4 u_modelMatrix;\ uniform mat3 u_modelNormalMatrix;\ void main() {\ v_position = vec3(u_modelMatrix * vec4(position, 1.0));\ v_normal = normalize(u_modelNormalMatrix * normal);\ v_st = st;\ gl_Position = czm_modelViewProjection * vec4(v_position, 1.0);\ }\ '; model.uniforms = { u_modelMatrix : modelMatrix, u_modelNormalMatrix : modelNormalMatrix }; ``` 在上述代码中，使用了Cesium的Matrix3和Matrix4类对模型矩阵进行了处理，然后将处理后的矩阵传递给了顶点着色器中的uniform变量。在顶点着色器中，使用u_modelMatrix和u_modelNormalMatrix对顶点进行了变换，从而获取了模型坐标。 注意，上述代码中使用了Cesium的内置变量czm_modelViewProjection，它是Cesium中的一个变换矩阵，用于将模型坐标转换为屏幕坐标。使用该变量可以确保在不同的场景中都能正确地显示模型。 希望这些代码示例能够帮助你在Cesium中获取模型实时坐标。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值