viewer.scene.primitives自定义材质

2024-09-03

【Cesium 颜狗初步】fabric 材质定义与自定义着色器实践

fabric 材质定义:着色器实践 1. 示例代码贴到沙盒里就可以运行: var viewer = new Cesium.Viewer("cesiumContainer"); viewer.scene.globe.depthTestAgainstTerrain = true; viewer.camera.setView({ destination : new Cesium.Cartesian3(-2644963.9889313546, 5763731.142118295, 21994

使用自定义材质球，实现NGUI屏幕溶解和灰显

UITexture实现的溶解: 重设UITeture的材质球实现上述效果,把当前屏幕渲染的Texture2D丢给UITexture,即可实现UI屏幕特效,背景模糊等都可以. 难点主要是实时刷新问题解决的比较粗暴,每次Update重设材质球,强制NGUI更新: widget.material = null; widget.material = mat; 第二个是灰显: 实现灰显后,美术就不用出两套图片了难点在于UISprite没有自定义材质球支持,网上有直接修改源码的,也有扩展的自己实现的版

【Unity Shader】自定义材质面板的小技巧

写在前面之前遇到过一些朋友问怎么在材质面板里定义类似于bool这种变量,控制一些代码的执行.我们当然可以写一个C#文件来自定义材质面板,就像Unity为Standard Shader写材质面板一样(你可以在built-in shader包里找到这些文件),但这样有时候太麻烦了.实际上,有一种更简单的方法,不需要写额外的C#文件就可以直接在shader里定义类似bool.enum这种简单的变量,Unity为这些变量提供了内置的材质面板.而这就是通过MaterialPropertyDrawer(当

【转】Unity Scene场景自定义坐标轴

来自:https://blog.csdn.net/cheng624/article/details/70859054 多看看别人的代码是没有坏处的,即使学不了人家的大框架,偶尔拾起一些小东西也是可以的. 最近扒了一下DoTween(声明一下源码是自己反编译的,只为学习),看见了如何在Scene场景中添加标注和坐标轴,具体做法是,在你的脚本Editor中,比如你重定义某个mono脚本的Inspector显示中,加入OnSceneGUI函数,使用Handles进行操作. void OnSceneGU

前端3D引擎-Cesium自定义动态材质

本文代码基于Vue-cli4和使用WebGL的地图引擎Cesium,主要内容为三维场景下不同对象的动态材质构建. 参考了很多文章,链接附在文末. 为不同的几何对象添加动态材质不知道这一小节的名称概况是否准确,在我的理解中Cesium中的集合实体分成两类:Primitive和Entity,一般翻译成图元和实体,图元更接近底层,实体是封装后的高级对象,使用更加简便,这里不对使用场景进行分析,但会介绍如果为这两种集合对象添加材质. 使用Primitive生成泛光墙一般来说,Primitive的使用

Cesium学习笔记-工具篇20-PrimitiveTexture自定义渲染-贴图【转】

前几篇博客我们了解了自定义点.线.面绘制,这篇我们接着学习cesium自定义纹理贴图.我们完成点线面的绘制,只是绘制出了对象的框架,没有逼真的外观.逼真外观是需要设置材质来实现:Material . 再次查看appearance对象: image.png 属性里面的material就是设置对象的材质,查看material: image.png 我们发现,cesium提供很多材质接口,如果要自定义设置纹理贴图,我们使用fabric接口定义自己材质. 首先看cesium给出的demo:

Cesium 中两种添加 model 方法的区别

概述 Cesium 中包含两种添加 model 的方法,分别为: 通过 viewer.entities.add() 函数添加通过 viewer.scene.primitives.add() 函数添加两种方法本质上是相通的,方法 1对方法 2在某种程度上进行了封装. 两种方法的区别表面区别方法 1通过指定 model 的 position 和 orientation 来控制模型的位置,对模型进行精确变换的难度较大:方法 2通过 modelMatrix 控制模型的位置和方向,可进行较为精确的

cesium primitive方式 ————http://blog.sina.com.cn/s/blog_15e866bbe0102y0ji.html

Cesium学习笔记-工具篇17-PrimitivePoint自定义渲染-点 (2018-08-28 16:12:06) 转载▼ 标签: cesium primitive 自定义渲染 shader cesium自定义画点分类: cesium 今天我们来学习下cesium最重要一个对象--primitive,在之前基础系列中,我们已经接触过primitive,但是接触的都是primitive为我们封装好的接口,我们今天来学习下primitive更深层次的api.我们有时候绘制对象时,需要自己灵活

Cesium DrawCommand [1] 不谈地球画个三角形

目录 0. 前言 0.1. 源码中的 DrawCommand 1. 创建 1.1. 构成要素 - VertexArray 1.2. 构成要素 - ShaderProgram 1.3. 构成要素 - WebGL 的统一值 1.4. 渲染状态对象 - RenderState 1.5. 其它构成因子 ① 绘制的通道类型 - Pass ② 绘制的图元类型 - WebGL 绘制常数 ③ 离屏绘制容器 - Framebuffer ④ 模型坐标变换矩阵 - Matrix4 ⑤ 其它 1.6. 我们来实践一发纯

CesiumJS 2022^ 源码解读[6] - 三维模型（ModelExperimental）新架构

目录 1. ModelExperimental 的缓存机制 1.1. 缓存池 ResourceCache 1.2. 缓存对象的键设计 ResourceCacheKey 2. 三维模型的加载与解析 2.1. GltfLoader 的初步加载 2.2. GltfJsonLoader 请求并解析 glTF 的 JSON 部分 2.3. 状态判断 2.4. glTF 的延迟处理机制 - 使用 ES6 Promise 2.5. 模型组件创建 2.6. 模型场景图结构的创建 2.7. 本节小结 3. 模型的

Cesium基础使用介绍

前言最近折腾了一下三维地球,本文简单为大家介绍一款开源的三维地球软件--Cesium,以及如何快速上手Cesium.当然三维地球重要的肯定不是数据显示,这只是数据可视化的一小部分,重要的应该是背后的数据生成及处理等.本文先为大家介绍这简单的部分. 一. Cesium简介 Github地址:https://github.com/AnalyticalGraphicsInc/cesium.官方介绍如下: An open-source JavaScript library for world-clas

Cesium简单使用

CesiumJS是一个基于javascript的浏览器器3d地图引擎下载 https://cesiumjs.org/downloads/ 下载的Cesium-1.56.1,解压后的结构为 1.设置Web服务器为了运行Cesium的应用,需要一个本地Web服务器的主机文件下载安装所需要的模块 npm install 启动Web服务器 node server.js 注: node server.js --port -- public 192.168.1.100 2.helloworld 新建h

【转载】Cesium基础使用介绍

既然给我发了参与方式,不参加似乎有点不给人面子,反正也没多少人看我的博客,那我就试试吧,也欢迎大家自己参与:2017年度全网原创IT博主评选活动投票:http://www.itbang.me/goVote/215 前言最近折腾了一下三维地球,本文简单为大家介绍一款开源的三维地球软件——Cesium,以及如何快速上手Cesium.当然三维地球重要的肯定不是数据显示,这只是数据可视化的一小部分,重要的应该是背后的数据生成及处理等.本文先为大家介绍这简单的部分. 一. Cesium简介 Github

cesium 学习(五) 加载场景模型

cesium 学习(五) 加载场景模型一.前言现在开始实际的看看效果,目前我所接触到基本上都是使用Cesium加载模型这个内容,以及在模型上进行操作.So,现在进行一些加载模型的学习,数据的话可以去网上找,因为目前使用的都是需要保密的数据,所以不能发在网上. 二.加载Entity类型模型说到加载Entity模型,内容就有点多了,cesium场景中的点.线.面.label以及模型(gltf.glb):还有圆.墙体.方体.球等几何对象也都可以使用Entity来加载.下面分别加载试试看. 2.1

Cesium入门-2-增加地形

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>自定义的平铺图片数据</title> <script src="https://cesiumjs.org/releases/1.54/Build/Cesium/Cesium.js"></script> <li

Cesium入门-3-官方完整实例

实例核心代码 //资源访问令牌 Cesium token Cesium.Ion.defaultAccessToken='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI4MWI5NTY0Mi1iOGE3LTQ3ZTMtOGQ4OC03NThiN2VkZGI4NTYiLCJpZCI6NzY2Niwic2NvcGVzIjpbImFzbCIsImFzciIsImFzdyIsImdjIl0sImlhdCI6MTU1MDIyNTM5OX0.2Abc9p46P

Ceisum官方教程2 -- 项目实例（workshop）

原文地址:https://cesiumjs.org/tutorials/Cesium-Workshop/ 概述我们很高兴欢迎你加入Cesium社区!为了让你能基于Cesium开发自己的3d 地图项目,这个教程将从头到尾讲解一个基础的Cesium程序的开发过程.这个教程将用到很多重要的CesiumAPI,但是并不是所有的(CesiumJS有很多很多功能).我们目标是教会你基于Cesium做开发的基本原则和工具,在你的项目里能举一反三,解决其他问题. 我们创建一个简单的程序去可视化纽约市的一些地理

Cesium中级教程8 - Introduction to Particle Systems 粒子系统入门

Cesium中文网:http://cesiumcn.org/ | 国内快速访问:http://cesium.coinidea.com/ What is a particle system? 什么是粒子系统? 粒子系统是一种图形技术,可以模拟复杂的物理效果.粒子系统是小图像的集合,当它们一起观看时,会形成一个更复杂的"模糊"物体,如火.烟.天气或烟花fireworkds.通过使用诸如初始位置.速度和寿命等属性指定单个粒子的行为,可以控制这些复杂的效果. 粒子系统效应在电影和电子游戏中很常

CesiumJS 2022^ 源码解读[7] - 3DTiles 的请求、加载处理流程解析

目录 1. 3DTiles 数据集的类型 2. 创建瓦片树 2.1. 请求入口文件 2.2. 创建树结构 2.3. 瓦片缓存机制带来的能力 3. 瓦片树的遍历更新 3.1. 三个大步骤 3.2. 遍历器 3.3. 选择瓦片 3.4. 请求并解析瓦片内容 3.5. 更新瓦片并创建 DrawCommand 3.6. prePassesUpdate 也能创建 DrawCommand 3.7. 自定义着色器 3.8. 样式引擎 3.9. 其它 4. 本文总结 3DTiles 与 I3S 是竞争关系,可是

cesium编程入门（六）添加 3D Tiles，并调整位置，贴地

添加 3D Tiles,并调整位置 3D Tiles 是什么 3DTiles数据集是cesium小组AnalyticlGraphics与2016年3月定义的一种数据集,3DTiles数据集以分块.分级渲染,将大数据量三维数据以分块,分层的形式组织起来,可以大量减轻浏览器和GPU的负担是一个优秀的,并且格式公开的数据格式. 3D Tiles将用于流式传输3D内容,包括建筑物,树木,点云和矢量数据. 参考官网 3dtiles 介绍 3D Tiles 3D Tiles将用于流式传输3D内容,包括建筑

viewer.scene.primitives自定义材质

热门专题