cesium 自定义顶点属性

在这里插入图片描述

// 创建平面
    const planeGeometry = new Cesium.PlaneGeometry({
      vertexFormat: Cesium.VertexFormat.POSITION_AND_ST, // 位置和UV
    });

    const geometry = Cesium.PlaneGeometry.createGeometry(planeGeometry);

    // [3]-----[2]
    //  |       |
    // [0]-----[1]
    geometry.attributes.colors = new Cesium.GeometryAttribute({
      componentDatatype: Cesium.ComponentDatatype.FLOAT,
      componentsPerAttribute: 3,
      values: [
        1,0,0,
        0,1,0,
        1,1,0,
        0,0,1,
      ],
    });

    // 创建材质
    const material = new Cesium.Material({
      fabric: {
        uniforms: {
          // color2: new Cesium.Color(.0, 1.0, 0.0, 1.0),
          // image: "../../public/images/marker.png"
        },
        source: `
        czm_material czm_getMaterial(czm_materialInput materialInput){
          czm_material material = czm_getDefaultMaterial(materialInput);

          // vec2 st = materialInput.st;
          // vec4 colorImage = texture(image, st);

          // material.alpha = colorImage.a;
          // material.diffuse = colorImage.rgb;
          return material;
        }`
      },

    });

    const center = Cesium.Cartesian3.fromDegrees(106, 26, 10)
    const translateMatrix = Cesium.Transforms.eastNorthUpToFixedFrame(center);

    const dimensions = new Cesium.Cartesian3(400.0, 400.0, 1.0);
    const scaleMatrix = Cesium.Matrix4.fromScale(dimensions);

    const modelMatrix = new Cesium.Matrix4();
    Cesium.Matrix4.multiply(translateMatrix, scaleMatrix, modelMatrix);

    const plane = new Cesium.Primitive({
      asynchronous: false,
      geometryInstances: new Cesium.GeometryInstance({
        geometry: geometry,
        attributes: {
          color: Cesium.ColorGeometryInstanceAttribute.fromColor(Cesium.Color.BLUE)
        },
        modelMatrix
      }),
      appearance: new Cesium.MaterialAppearance({
        material: material,
        vertexShaderSource: `
          in vec3 position3DHigh;
          in vec3 position3DLow;
          in vec3 normal;
          in vec2 st;
          in float batchId;

          // instance attribute
          in vec4 color;

          // geometry attribute
          in vec4 colors;

          out vec3 v_positionEC;
          out vec3 v_normalEC;
          out vec2 v_st;
          out vec4 v_color;

          void main() {
            vec4 p = czm_computePosition();

            v_positionEC = (czm_modelViewRelativeToEye * p).xyz;
            v_normalEC = czm_normal * normal;
            v_st = st;
            v_color = colors;
            gl_Position = czm_modelViewProjectionRelativeToEye * p;
          }
        `,
        fragmentShaderSource: `
          in vec2 v_st;
          in vec4 v_color;

          void main() {
            out_FragColor = vec4(v_color.rgb, 1.);
          }
        `
      }),
      show: true,
    })
    viewer.scene.primitives.add(plane);

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/144000.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Echart 极坐标 方位距离图 图标符号旋转以及大小 颜色渐变

背景: 参与一个交互式图表项目,客户有一个极坐标对比需求,展示不同方位不同距离的不同类型的指标数据。具体到属性字段则是: 来源、距离、方位、ID、旋转角度、大小 先看效果图: 技术点: 图例说明&#…

二、服务拆分及远程调用

目录 一、注意事项: 1.单一职责: 2.数据独立: 3.面向服务: 二、服务拆分例子: 三、远程调用例子: 微服务调用方式: 四、提供者与消费者 服务调用关系: 一、注意事项: 1.单一职责: 不同…

新用户可一次性买3年的优惠云服务器,看到价格泪奔了!

本文将综合介绍腾讯云主推的4款云服务器配置及其价格,并重点强调其特点和优势。其中两款3年的优惠云服务器,非常值得新用户选择! 一、入门级配置:2核4G 5M带宽,一年166元 这款入门级配置适合初学者或者对资源需求不高…

淘宝API接口开发系列,获取商品详情,按关键词搜索商品,拍立淘,商品评论销量商品类目,买家卖家订单接口等演示案例

关键词推荐API接口通过提供相关的关键词推荐,能够帮助用户更快捷地搜索、改善用户体验,同时也对于SEO优化、广告投放、内容创作和个性化推荐等方面有着重要的作用。 item_search-按关键字搜索淘宝商品 公共参数 名称类型必须描述keyString是调用key&am…

一文简单聊聊protobuf

目录 基本介绍 原理 同类对比 为什么要使用protobuf? 基本介绍 protobuf的全称是Protocol Buffer,是Google提供的一种数据序列化协议。Protocol Buffers 是一种轻便高效的结构化数据存储格式,可以用于结构化数据序列化,很适合做数据存储…

Vue 3.0 + vite + axios+PHP跨域问题的解决办法

最后一个Web项目,采用前后端分离。 前端:Vue 3.0 viteelement plus 后端:PHP 运行时前端和后端是两个程序,前端需要时才向后端请求数据。由于是两个程序,这就会出现跨域问题。 比如前端某个地方需要请求的接口如下…

2023年度实用Figma插件大放送!

根据统计,自2018年以来,Sketch的使用率已经从42%下降到31%,而Figma的使用率已经从12%上升到26%。为什么Figma如此受欢迎?为什么有越来越多的设计师倾向于使用Figma做设计?其实Figma现在除了给用户带来的丝滑的操作体验…

KT148A语音芯片的下载用的是串口,测试可以直接串口发指令控制吗

一、问题简介 KT148A语音芯片的下载用的是串口,那我实际测试是不是可以直接串口发指令测试控制?就不用单独写程序去模拟一线串口的时序了 详细描述 首先看一下KT148A芯片的参考设计原理图:其中芯片的2脚和3脚就是串口,注意下载语…

跨国企业在数据跨境传输中应该知道的五大要点

随着全球化的加速和数字化经济的蓬勃发展,数据跨境传输已经成为跨国企业日常业务运营中的重要环节。然而,在数据跨境传输过程中,企业需要关注一系列问题,以确保遵守法律法规、保障数据安全、提高传输效率并降低风险。本文将探讨数…

Office LTSC 2021 v16.80

Office 2021 for Mac是一款针对Mac用户推出的办公软件套装,包括了Word、Excel、PowerPoint、Outlook等常用的办公软件。相比于之前的版本,Office 2021 for Mac也进行了一些更新和改进,以提高用户的使用体验和效率。 以下是Office 2021 for M…

Python使用Mechanize库完成自动化爬虫程序

Mechanize是一个Python第三方库,它可以模拟浏览器的行为,实现自动化的网页访问、表单填写、提交等操作。下面是一个使用Mechanize库编写的爬虫的例子,它可以爬取百度搜索结果页面的标题和链接: import mechanize from bs4 import …

宝马所有发动机号码的位置以及型号说明

每个汽车制造商都会为自己生产的汽车底盘和发动机分配一个内部代码,以标识研发和生产项目,而宝马对这些底盘代码和发动机代码更是规划的井井有条,比如发动机有M、N、B、S、P或W等代码标识,而底盘和车身则有E、F、G或i等代码标识。…

Nginx 版本信息泄露解决方案

Nginx 【CVE-2021-23017;CVE-2022-41742】 【影响】 攻击者可能使用泄露的版本信息来确定该版本服务器有哪些安全漏洞,据此展开进一步的攻击。以下是百度的请求示例,也是有版本泄露: 【解决方案】 在Server节点增加以下配置: #…

3.4 Linux 软件管理

一. RPM 软件包管理器 1、软件包介绍 RPM(RedHat Package Manager)软件包:扩展名为“.rpm”。RPM本质上就是一个包,包含可以立即在特定机器体系结构上安装和运行的Linux软件。安装RPM软件包需要使用rpm命令或yum命令。 源代码软…

vue3中父子组件传值

学习参考地址:【精选】Vue3父子组件间传参通信_vue3父子组件传参-CSDN博客 1、父传子 父组件直接通过属性绑定的方式给子组件绑定数据,子组件通过defineProps接收函数接收,例如: 父组件中: 子组件中接收props&#…

Leetcode1334. 阈值距离内邻居最少的城市

Every day a Leetcode 题目来源:1334. 阈值距离内邻居最少的城市 解法1:Floyd 算法 使用 Floyd 算法得到任意两点之间的最短路,然后统计每一个节点满足条件(距离在 distanceThreshold 以内)的邻居数量。 代码&…

Mysql词法分析实验(二)

表名叫select123能不能创建一个表? 在 MySQL 中,可以创建一个名为 select123 的表,但由于 SELECT 是 MySQL 的一个保留关键字,通常建议避免使用它作为表名的一部分,以防止潜在的解析错误或混淆。如果确实需要使用这样…

带头双向循环链表的实现

带头双向循环链表的实现 文章目录 带头双向循环链表的实现一、模型构建二、代码实现(接口函数以及测试用例)①初始化 Create函数②尾插③尾删④头插⑤头删⑥查找⑦在pos位置前插入新尾插新头插 ⑧删除pos位新尾删新头删 ⑨销毁链表⑩打印链表⑪测试用例…

SAP Debug时如何跳过(不执行)某些代码

Debug时如何跳过(不执行)某些代码 在DEBUG界面, 首先将光标定位到想跳至的代码行, 然后从右键菜单中选择Goto Statement, 或者从Debugger菜单中选择Goto Statement:(效果相同) 然后光标就会定位到想跳至的代码行 执行结果如下: 结果是000的原因是&#…

保姆级前端翻牌效果(CSS)

效果 翻牌效果 hover 时候 代码直接上 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>Document<…