Cesium材质之Fabric

最新推荐文章于 2023-09-13 17:27:13 发布
最新推荐文章于 2023-09-13 17:27:13 发布
阅读量350 收藏
点赞数
分类专栏： Cesium GIS可视化 文章标签： 材质 fabric 运维
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/seelingzheng/article/details/129848872
版权
GIS可视化 同时被 2 个专栏收录
83 篇文章 0 订阅 ¥299.90 ¥399.90
订阅专栏 超级会员免费看
Cesium
72 篇文章 14 订阅 ¥159.90 ¥299.90
订阅专栏
本文详细介绍了Cesium中的Fabric材质，包括如何创建新材质、设置材质输入、合并材质，以及如何通过uniforms传递动态值。通过示例代码展示了如何定义和使用Fabric材质，使其在场景中呈现出不同的视觉效果。
摘要由CSDN通过智能技术生成

Fabric是Cesium中用于描述材质的一种JSON规定，使用Fabric和GLSL可以方便的定义材质。定义一个简单的Fabric对象，需要配置type，uniforms，两个属性，如果需要自定义着色器，需要添加source属性。如下为创建一个简单的Fabric对象：

polygon.appearance.material = new Cesium.Material({
   
  fabric:
了解本专栏 订阅专栏 解锁全文 超级会员免费看
seelingzheng
关注
专栏目录
订阅专栏
Cesium 实战 - 自定义纹理材质系列之 - 涟漪效果
linzi19900517的博客
07-01 569
Cesium 实战 - 自定义纹理材质系列之 - 涟漪效果。
Cesium 实战26 - 自定义纹理材质系列之 - 动态扩散效果
最新发布
linzi19900517的博客
06-24 748
Cesium 实战 - 自定义纹理材质系列之 - 动态扩散效果。
Cesium 材质Fabric（一）
weixin_45611944的博客
07-29 3667
Cesium Material（材质） 一、种类（18种） ColorType ImageType DiffuseMapType AlphaMapType SpecularMapType EmissionMapType BumpMapType NormalMapType GridType StripeType CheckerboardType DotType WaterType RimLightingType FadeType PolylineArrowType PolylineGlowType Poly
05-Cesium中Material中的Fabric的source解读
fxshy的博客
09-13 478
05-Cesium中Material中的Fabric的source解读
最新版 cesium 1.105.2 版本 的Material 配置项 Fabric 中文开发手册
u012425087的博客
06-09 1993
Fabric是一种 JSON 模式，用于描述Cesium 中的材料。材质表示对象的外观，例如多边形、折线、椭圆体和传感器。材料可以很简单，例如将图像覆盖在对象上，或应用条纹或棋盘等图案。使用 Fabric 和 GLSL，可以从头开始编写新材料，或者通过在层次结构中组合现有材料来创建新材料；例如，可以使用程序砖、凹凸贴图和高光贴图材料的组合来创建湿碎砖。materialmaterialproperty.支持材料的对象具有material属性。目前，这些对象是多边形、折线、椭圆体和传感器。
Cesium开发高级篇 | 02材质设置
暮紫月升
01-29 5312
无论是通过Entity类，还是通过Primitive类添加的空间几何数据，Cesium都提供了对应的方法或材质相关类对材质进行修改。在讲解材质设置之前，首先我们先简单地介绍下什么是材质。比较粗浅的理解是，材质可以是几何对象表面的任意一种着色（Cesium.Color）、可以是贴在其表面的一张图片、也可以是一个纹理或图案，比如下图中的条形或棋盘形的图案。 针对于两种方式（Entity和Primitive）绘制的几何对象，Cesium也提供了Material类和MaterialProperty类，分别对通
CesiumJS PrimitiveAPI 高级着色入门 - 从参数化几何与 Fabric 材质到着色器 - 下篇
liubangbo的专栏
03-14 1633
案例就不放了，有能力的可以直接参考 CesiumJS 曾经推过的一个 3D 风场可视化的案例，它不仅自己写了一个顶点着色器、片元着色器都是自定义的 Appearance，还写了自定义的 Primitive（不是原生 Primitive，是连 DrawCommand 都自己创建的似 Primitive，似 Primitive 将在下文解释）。关于 fabric.materials，它的所有键名都可以在着色器代码中作为 GLSL 变量使用，也就是一个计算完成的 czm_material 结构体变量。
Cesium官方教程12--材质（Fabric）
weixin_43805235的博客
12-20 4273
原文地址：https://github.com/AnalyticalGraphicsInc/cesium/wiki/Fabric 介绍 Fabric 是Cesium中基于JSON格式来描述materials的机制。材质描述多边形、折线、椭球等对象的外观特征。 材质可以简单的是覆盖一张图片，或者是条纹或者棋盘图案。使用Fabric 和GLSL，可以从零开始写脚本新建材质，也可以从现有的材质中派生。比...
Cesium-材质Material
席木木的博客
06-04 2150
Material类似于纹理材质，是用于附着在Entity或者Primitive、3DTiles等表面的“材料”，其中，Cesium官方给出的定义是：Material材料，通过漫反射、镜面反射、法线、发射和 alpha透明度分量的组合定义了物体的表面，这些值的初始化通过一种叫做“Fabric”的JSON格式对象来进行描述，该对象可以被解析并被重组为三维场景的glsl着色器代码，从而附着在物体表面。...
cesium 创建平面图元使用自定义shader材质
qq_21476953的博客
08-03 491
cesium创建平面图元使用自定义shader材质
Cesium实现一材质多贴图，一个模型多张贴图，自定义attribute
微笑君的博客
08-25 2718
Material.fabric.uniforms添加自定义的两张贴图image_0，image_1。 Geometry.attributes添加imgIdx自定义属性，用于标识该顶点使用哪张贴图。 顶点着色器把imgIdx传入片元着色器。 片元着色器把imgIdx传入source（插值后的结果会有误差，所以用差的绝对值小于0.1来判断标识的值），source中根据imgIdx的值选取采样器（贴图）。
Cesium自定义shader材质实现逼真水面，支持uniforms属性实时修改
微笑君的博客
07-08 9499
水的shader代码参考的是Shader - Shadertoy BETA本文主要解决在cesium的shader中如何实时修改时间变量iTime,从而实现材质的动态变化。MaterialAppearance.fragmentShaderSource与vertexShaderSource可以自定义shader材质，但是不支持uniforms传参，于是加入fabric，在fabric.source中可以获取uniforms中的属性，然后我直接在fabric中处理片元的着色，而fragmentShaderSou
Cesium 源码分析 Material
tianyapai的专栏
09-06 2488
Cesium关于实例的创建都是封装在类的静态函数中，这个习惯很好，方便创建和管理，对外只提供创建的方法，正如Material中的Material.fromType()函数一样，传递参数创建材质。 Material材质的中的几个概念是了解材质的关键，例如下面这段代码 var material = new Cesium.Material({ fabric: { materials: { dif...
Cesium 中的Shader解析1
苹果园dog
05-04 6866
Cesium中在创建点、线、面、球等Geometry的时候，可以动态指定材质。材质用于设置物体的外观。通常修改材质的片元着色器来改变外观。
Cesium从已知的自定义材质扩展其他效果（二）
GhostPaints的博客
07-29 2106
找了很多，但都是单一的流动效果，不能设置重复次数，于是就自己重新改动了一点。材质代码如下，和环绕墙材质很多代码一样，唯一不同的就是glsl语言略有不同，重复的方向从s的水平方向变成了t的垂直方向。如果将这种思路应用到环绕墙效果上，那么repeat也是一样的设置，对于垂直墙动画，也是一样的，只不过方向不同而已。materialInput.st的第一个值可以看成是沿线的方向，第二个值是线的垂直方向。使用起来的话也很简单，只不过要注意repeat的值，并不是普通的数字，而是Cartesian2类型的值。...
Cesium - Fabric 材质【转官网】
weixin_30478757的博客
09-08 1048
https://github.com/AnalyticalGraphicsInc/cesium/wiki/Fabric Fabric Hannah edited this pageon 24 Dec 2015·67 revisions Contents Introduction Built-In Materials Procedural Tex...
Cesium流动线纹理
chudage11的专栏
09-28 7494
1.扩展类PolylineTrailMaterialProperty import Cesium from "cesium/Cesium"; export class PolylineTrailMaterialProperty { constructor(options) { options = Cesium.defaultValue(options, Cesi...
cesium自定义材质
05-23
Cesium是一个很强大的地球可视化引擎，支持自定义材质。下面是一个简单的例子，展示如何创建一个自定义的材质： ```javascript //创建一个新材质 var customMaterial = new Cesium.Material({ fabric : { type : 'Color', uniforms : { color : new Cesium.Color(1.0, 1.0, 0.0, 1.0) } } }); //将自定义材质应用到实体上 var entity = viewer.entities.add({ position : Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883), ellipsoid : { radii : new Cesium.Cartesian3(500000.0, 500000.0, 1000000.0), material : customMaterial } }); ``` 在这个例子中，我们首先创建了一个名为`customMaterial`的自定义材质。然后，我们将这个材质应用到一个实体上，该实体位于经度为-75.59777度，纬度为40.03883度的位置，具有椭球体形状，并且半径分别为500000米、500000米和1000000米。最后，我们将自定义材质设置为实体的材质。 您可以根据自己的需求更改自定义材质的属性，例如颜色、透明度、纹理等。更多关于Cesium自定义材质的信息可以在[Cesium官方文档](https://cesium.com/docs/tutorials/materials/)中找到。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

seelingzheng

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

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

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

打赏作者

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

抵扣说明：

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

余额充值