- 博客(12)
- 收藏
- 关注
原创 重读Cesium(九):Appearance相关介绍(二)顶点与片元着色器
上一篇我们介绍了 Appearance分类与构成,Material材质。这一篇我们来了解一下顶点着色器与片元着色器。
2024-09-13 18:05:56
1324
原创 重读Cesium(八): Appearance相关介绍(一)
前几篇文章中我们介绍了的相关内容,我们会发现在Primitive中是Primitive的重要组成部分。我们已经可以简单的使用Appearance来设置Primitive几何图形的外观。这篇文章,我们来详细的了解一下。
2024-09-10 17:19:56
909
原创 重读Cesium(七):Primitive自定义几何并设置法线
我们可以看看上面四棱锥的构造,四棱锥一共由4个侧面,1个顶面构成。其中4个测面都是三角形,顶面为正方形(但是在图形渲染概念中没有正方形的概念),所以我们将正方形拆分成为2个三角形。所以我们得到的结果是 四棱锥 总共有 6个三角形。每个三角形有3个点,所以 四棱锥 一共有3*6 = 18 个顶点。虽然按照上述的分析一个四棱锥有18个顶点,但是你会发现这里面有很多顶点都是重复的,我们可以通过 **_ 索引的方式重建顶点 _ **的话,那么四棱锥就只会剩下 5 个顶点。
2024-09-10 12:40:14
2840
1
原创 重读Cesium(六):Primitive相关介绍(二)
在上一篇文章中,我们已经大致的了解了Primitive的构成,优缺点,分类和几何类型。这一节我们来详细得了解一下Primitive中的几何类型。
2024-09-10 12:32:48
1166
原创 重读Cesium(五):Primitive相关介绍(一)
在Cesium中,两个接口是用于绘制几何图形的重要接口,我们在平时开发中会经常调用。今天我们就来详细了解一下Primitive接口。PS:当然后续也会聊一聊这个接口。
2024-09-10 12:18:24
968
原创 重读Cesium(四):热更新源码开发环境搭建
在public文件夹下新建一个文件名,(名为cesium_assets,当然可以自己命名,因为Vite+Vue的静态资源目录一般是public,所以这里放在public目录下,如果您是其他项目,根据自己的情况选择)我们希望的是在修改完Cesium源码后,也能立即看到效果,而不是先执行。由于我们拷贝出来的源码是根据每个模块模块单独写出,分成了很多文件,所以我们需要一个文件入口,即索引入口。至此,我们的热更新源码开发环境搭建完毕,我们可以进行测试一下,我们在源码Viewer类中修改一下代码进行测试。
2024-09-10 12:12:08
747
原创 重读Cesium(三):3DTileset多区域裁剪与挖空几种实现方式
近期遇到了一个需求,对3DTileset进行裁剪。一开始理解是绘制一个平面然后对平面进行移动切割模型。①第一版功能。
2024-09-10 12:04:27
764
原创 重读Cesium(一): Cesium源码打包流程
所以, npm run build并非真正的打包命令,实际打包命令是 npm run minifyRelease, npm run minify,Source文件夹下的这个Cesium.js文件,默认情况下是没有的,并不是源码文件,是运行npm run build命令构建出来的js文件。这个命令是Cesium自己写的一个http服务,不是打包命令,是启动web服务的命令,启动后可以访问cesium源码中Apps下的资源页面。index.js文件,这个文件是用来管理Cesium的示例目录的。
2024-09-10 11:31:12
1147
1
原创 Openlayers地图操作(一)实现简单的气泡弹窗
Openlayers地图初始化代码:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.5.0/css/ol.css" type="text/css"> <scr
2021-10-11 14:55:11
1912
原创 Openlayers(一) 地图初始化
Openlayers地图初始化代码:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.5.0/css/ol.css" type="text/css"> <scr
2021-05-20 23:04:07
1220
原创 初识Openlayers
系列文章目录提示:这里可以添加系列文章的所有文章的目录,目录需要自己手动添加例如:第一章 Python 机器学习入门之pandas的使用提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录`系列文章目录`一、Openlayers是什么?二、使用步骤1.引入库2.读入数据总结一、Openlayers是什么? OpenLayers是一个用于开发WebGIS客户端的JavaScript包,最初基于BSD许可发行。 OpenLayers是一个开源的项目,其设计之意是为
2021-05-08 00:28:38
1661
Cesium修改源码增加多区域挖除功能补丁
2024-05-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人