cesium渲染半透明物体无效

最新推荐文章于 2024-03-01 17:51:12 发布
最新推荐文章于 2024-03-01 17:51:12 发布
阅读量1.6k 收藏 2
点赞数 1
分类专栏： cesium 文章标签： javascript vue.js 3d
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a873054267/article/details/122327961
版权

先看神庙的测试对比图

 

正常webgl渲染半透明物体需要执行OIT

但是查看model.js中的isTranslucent 值为false，

scene.js中的PASS.Translucent drawcommond.length=0，

可以肯定的是该物体未走OIT渲染；

实际上cesium源码在处理半透明物体时，会通过alpha测试丢弃掉小于阈值的片元，

 

我所用的工程集成了three.js的pbr源码，源码中需要宏定义ALPHATEST才会生效

导致cesium一直无法正常渲染半透明物体，因此只需要增加两行宏定义即可

A873054267
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
cesium 实现风场图效果
08-01
cesium加载风场效果
Cesium 材质相关
m0_38004751的博客
04-03 1226
cesium开发，材质设置，材质相关。
Cesium地表透明
最新发布
http://8.130.10.148:3000/digitaltwin/index.html
03-01 337
通过将地表的drawCommand放到透明队列里渲染。现在发现有了新的方法（其实2020年就有该方法了）：GlobeTranslucency。之前Cesium是不能地表透明的，需要改内部代码，将GlobeSurfaceTileProvider.js中的。也可以设置根据到相机的距离获取或设置地球背面的近和远半透明属性。当相机位于地下时，背面和正面会交换，即背面几何形状被视为正面。来计算的，所有这些都可能包含半透明度。还可以设置矩形范围，来呈现范围内的透明表面。下面代码是修改影像的透明度，可以看到地下。
49.（cesium篇）cesium接入geojson（地形透明）.zip
06-09
该资源包的执行效果查看地址：https://blog.csdn.net/m0_60387551/article/details/123184049 “地图之家”专栏中的“49.（cesium篇）cesium接入geojson（地形透明）”。如下载有问题，可联系博主。 解压密码：cesium
【Cesium Sandcastle 研究7】- Classification Types (分类类型)
lvye1221的专栏
08-19 3252
Classification Types (分类类型) 访问地址： http://localhost:8080/Apps/Sandcastle/index.html?src=Clustering.html&label=Tutorials 知识点 // 定义多边形 var polygon = viewer.entities.add({ polygon : { // 定义的多边...
Cesium之使用polygon简要总结
alegriabaile的博客
04-25 5537
Cesium Polygon接口使用简单总结
cesium动态绘制多边形(polygon)
qq_25519615的博客
07-27 2122
项目中需要通过三个坐标点位动态调整覆盖范围，于是使用cesium实体对象中的多边形来实现(polygon),实现效果如下。第一步，先创建多边形，使用Cesium.CallbackProperty函数来实时更新位置。注意：此案例是在cesium1.95版本上开发的。这样就完成了动态的多边形绘制了，完整代码如下。第二步，使用定时器定时调用模拟位置变化。
cesium设置 Polyline 透明度 （cesium点滴记录）
weixin_42508580的博客
01-19 2198
color设置 Cesium.Color.PINK 透明度设置 Cesium.Color.RED.withAlpha(0.1)
Cesium(三) 几何图形与外观
热门推荐
多多
07-09 4万+
几何图形与外观 我们可以通过Primitive API来操控几何图形及其外观，或者绘制各种特殊的形状。需要先得到Scene对象，然后在其上添加Primitive对象： var viewer = new Cesium.Viewer('cesiumContainer'); var scene = viewer.scene; scene.primitives.add(new Cesium.Rec
Cesium 模型透明化设置
开发日常，随手笔记。
01-09 1384
【代码】Cesium 模型透明化设置。
【Cesium : 语法】 Billboard和Label的属性：scaleByDistance，translucencyByDistance，pixelOffsetScaleByDistance
weitaming1的博客
06-27 8697
一、名称解释： scaleByDistance：设置距离方位内，Billboard或Label的缩放比例 translucencyByDistance ：设置距离方位内，Billboard或Label的半透明度比例 pixelOffsetScaleByDistance ： 设置距离方位内，Billboard或Label的偏移量比例 二、属性值含义：NearFarSc...
iclient for cesium 场景球透明，背景透明，全都透明demo
06-21
iclient for cesium 场景球透明，背景透明，全都透明demo
cesium 倾斜模型的体积测量
06-25
有需要可V加我：v：ytyy133 傻瓜式操作倾斜模型体积测量，说明书在文章介绍
Cesium动态线、水流线效果
xt3d的博客
09-09 1万+
Cesium动态线、水流线效果 可用于消防救援预案系统消防水管水流等效果
Cesium中material 材质
纸飞机的旅行的博客
03-04 1655
Cesium中material 材质介绍
Cesium 概述 (二) 空间数据可视化
多多
07-09 4万+
空间数据可视化 Cesium提供Entity API来绘制空间数据，例如点、标记、标签、线、3D模型、形状、立体形状（volume）。 Entity API简介 Cesium提供两类API： （1）面向图形开发人员的底层API，通常称为“Primitive API”。该API暴露最小限度的抽象，使用图形学术语，具有很大的灵活性，需要具有图形学编程的知识 （2）高级别的
cesium官方教程学习7
coder
09-29 483
Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJjOWM3MzYxZS0xNDg5LTRhYzgtOTE3ZS1hMTgyNmFmNzY5ZDIiLCJpZCI6MTYwNTYsInNjb3BlcyI6WyJhc3IiLCJnYyJdLCJpYXQiOjE1Njk0NzMxMjl9.Q...
Cesium学习四：使用entity绘制polygon
小何又沐风的博客
09-26 7616
cesium使用entity绘制polygon
Cesium 源码分析 Material
tianyapai的专栏
09-06 2165
Cesium关于实例的创建都是封装在类的静态函数中，这个习惯很好，方便创建和管理，对外只提供创建的方法，正如Material中的Material.fromType()函数一样，传递参数创建材质。 Material材质的中的几个概念是了解材质的关键，例如下面这段代码 var material = new Cesium.Material({ fabric: { materials: { dif...
cesium设置半透明蓝色
11-16
以下是设置半透明蓝色的cesium代码： ```javascript viewer.scene.globe.baseColor = new Cesium.Color(0.0, 0.0, 1.0, 0.5); ``` 其中，`Cesium.Color`表示颜色，括号内四个参数分别表示红、绿、蓝、透明度，取值范围为0到1。在上述代码中，前三个参数分别为0.0、0.0、1.0，表示蓝色，最后一个参数0.5表示透明度为50%。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值