- 博客(18)
- 收藏
- 关注
RSS订阅原创 cesium源代码解析一三维场景是如何渲染的
寻医问药你想了解cesium的源码吗？你是不是在庞大的源码中迷失过方向？cesium是如何一步步的把场景渲染出来的？直奔主题1、万物起源----时间//Clock.jsClock.prototype.tick = function () { var currentSystemTime = getTimestamp(); var currentTime = JulianDate.clone(this._currentTime); ...//省略 this._currentTi
2021-09-28 16:30:22
2180
原创 WebGL入门-顶点缓冲区
WebGL入门-顶点缓冲区缓冲区简介顶点缓冲区索引缓冲区纹理FBO—帧缓冲深度缓冲区颜色缓冲区模板缓冲区矩阵模型矩阵观察矩阵投影矩阵视口顶点缓冲区顶点数据坐标数据纹理数据索引数据法线数据…类型Float32Float16数据模式静态动态半静态绑定数据直接给定数据给定大小，后更新数据从缓冲区取数据指定指针指定起始地址指定点个数指定偏移量指定类型...
2021-05-09 12:48:45
292
原创 WebGL入门-绘制流程
WebGL入门-绘制流程获取上下文设置视口大小创建顶点着色器创建片元着色器绑定着色器编译着色器创建一个程序关联程序输入数据创建缓冲区指定缓冲区类型给缓冲区传输数据启用缓冲区从缓冲区里面取数据开始绘制...
2021-05-09 12:21:29
296
2
原创 WebGL入门-拾取
WebGL入门-拾取坐标转换将屏幕坐标转换为三维坐标射线法三位里面，射线是很重要的算法，它是一个起始坐标点加方向，优势计算速度快。包围盒三维空间里面的模型，产生一个盒子，盒子大小可以把模型包住，计算模型里面的最大值和最小值，形成一个长方体。他的俩个边一定和坐标轴平行。用途射线起点坐标A[5.5],终点B[7,3],方向B—>A,...
2021-05-03 20:44:52
377
原创 一款基于VUE的动态化弹出层插件
public-layer这是一个基于 vue 的动态弹框插件它对标的是layer.js,和layer不同的是：1.它零依赖不需要Jquery支持2.它支持vue,却不限于vue3.它是函数式的调用方式4.它的样式支持自定义4.它的行为支持自定义功能项支持拖拽支持多弹框支持最大化、最小化支持自定义皮肤支持mixin混淆，用于个性化定制弹框支持…更多支持详见配置项能做什么？配合UI实现不规则弹框配合UI实现超炫酷弹框配合业务需要同时造出n个弹框…安装npm inst
2021-04-02 13:07:17
3769
17
原创 cesium标绘之点，线，面，圆，曲线，矩形，多边形，图标，直线箭头，攻击箭头，钳击箭头（思路解析加源码）
目录前言一、点二、折线三、曲线四、圆五、矩形六、多边形七、直线箭头效果图总结更多标绘作为GIS最基本需求之一，想必大家在工作中肯定遇到了，标题中的这些标绘大家肯定都实现过，但是也许总是不太全面，在此，我把标绘的逻辑做了统一的封装处理，没准等你看完了点线面的处理逻辑后，你会说，只要你给我一个算法，我给你画出个牡丹花（本质上就是给你一堆点，看你能画出什么奇奇怪怪的东西了）绘制逻辑说明：constructor：这里采用ES6的新语法，用来构造每种标..
2020-09-20 13:12:15
15006
8
原创 cesium中实现空间查询（思路解析加源码）
在cesium中实现空间查询（思路解析加源码）空间查询作为GIS数据分析的基本手段，在三维GIS中也是必不可少的，下面就对具体实现做具体介绍目录在cesium中实现空间查询（思路解析加源码）前言一、获取待查询的点二、获取待查询的面二、面和点求交总结四、更多前言如果你不是GIS专业，那么你对空间查询的也许会很陌生，下面我就简单解释一下什么是空间查询，就在一个范围里面有很多个点，你随手圈出来一部分区域，要查出你圈出来的区域里面的点有哪些，这就是空间查询。一、获取待
2020-09-18 16:08:32
3981
原创 vue项目以history模式打包后部署在码云上
问题描述：history模式的优点就是url中没用难看的#，作为有强迫症的程序员来说肯定喜欢以history模式打包vue项目的，但是我们都知道history模式是需要后台支持的，因为vue属于单页面应用，后台需要把所有的请求转发的index.html页面。那么，码云虽然支持静态网页的部署，到底能不能支持单页面页面应用呢？答案是可以的。解决方案：一、首先新建项目，并且开启Pages服务后你会看到【 已开启 Gitee Pages 服务，网站地址：http://wayla.gitee.io/c
2020-06-18 13:49:03
859
4
原创 在cesium中增加自定义气泡或弹窗提示信息可随三维场景移动（思路解析加源码）
在cesium项目中，我们通过鼠标点击场景中的实体，进而弹出提示框信息，是最基本的项目需求，如果想实现改提示框跟随场景的移动而移动还是有点难度的，而且用户体验更佳。一、实现思路实现整个过程我们需要分为俩步：获取当前坐标点并且弹出提示框，动态更新提示框的位置。1、获取当前坐标：首先我们需要在场景中注册单击事件用去单击拾取实体，你可以在添加实体的时候通过设置其id或者name属性，用于标识...
2020-01-02 16:29:19
8652
10
原创 Echart饼状图标注遮盖解决方案汇总
问题描述：当数据过于密集显示标注信息会出现遮盖情况，如下：标注被遮盖解决方案：一、minAngle属性加avoidLabelOverlap属性搭配使用，分析：minAngle属性为最小角度值，avoidLabelOverlap为是否启动标注压盖自动优化。优点：速度快，工作量小。缺点：最小角度的设置丢失数据的真实性。示例代码： type: 'pie',...
2019-05-24 14:33:44
14871
原创 LayUI Tree 组件扩展实现（搜索功能，复选框，自定义节点图标，右击菜单）（附带源码）
最近项目选项前端技术选型选择了LayUI，没选到的是tree组件的功能实在太弱了，没办了，只能自己修改了源码，目前实现了以下功能，github还没有时间更新敬请期待。那我们来看看扩展功能吧：一、扩展功能1，增加了目录树的搜索功能2，增加了目录树的复选框和事件回调的实现3，增加了根节点图标和叶子图标自定义设置。4，增加右键菜单和事件回调。让我妈看一下效果图吧搜索功能效果...
2019-04-09 11:10:26
14137
8
原创 利用wPaint插件实现web端对图片的绘制，涂鸦（思路解析加源码）
在B/S端实现对图片的在线涂鸦并保持涂鸦后的图片确实是存在难度的，这里我们选择wPaint插件，原因就是他是基于HTML5的canvas，所以兼容性很好。一、实现思路实现整个过程我们需要分为俩步：设置画布和保存图片。1、设置画布：初始化wPaint对象，并且把我们的画布设置为我们需要涂鸦的图片。1、保存图片：拿到我们绘制好的图片对象，这里是二进制流的数据传给后台保存即可。二、源...
2019-03-05 11:33:25
4605
原创 plupload 实现照片上传并且预览（思路分析加代码）
相信大家做Web开发的时候都会遇到文件的上传和预览问题，而我这次选择plupload这个插件的原因很简单，他不依赖于flash，他支持html5、flash、silverlight、html4。兼容性很好，用户体验好，不用下载一些插件就可以使用，这就是原因。好了，我们一起看实现过程吧。一、实现思路实现整个过程我们需要分为俩步：上传和预览。1、上传：这一步比较好理解，就是在用户选择图片后...
2019-01-23 17:06:50
1968
1
原创 那些看过有收获或者回味无穷的电影
相信每个人都有自己的回忆，也有自己对某个事物看法。在这里我把的我的个人看过的电影，觉得很金典的电影列举下来，就当是一种回忆吧，如果你也想贡献，也想分享可以留言偶。为了便于整理，我们采取统一的格式来记录电影：【电影名：必须】【讲述的内容：一句话表述】【喜欢原因：一句话表述】【资源连接：可选】【插图：可选】那我们开始吧：（1）【电影名：贞子系列】【讲述的内容：讲述了传奇人物贞子...
2018-12-07 17:46:01
427
2
原创 Cesium 实现视频监控（B/S）（C/S）
嗯哼，说好的飞行篇呢？虽然已经实现了飞行效果但是觉得还是拿不出手就不嫌丑了，言归正传，在这里我们把海康摄像头在B/S端调用的方法好好总结一下：一、Vlc 插件式（B/S）这种方式是需要下载Vlc视频播放插件，具体实现方式如下，大神博客，经过本人测试，并没有实现，不知道为什么一直串流失败。二、WebComponents 插件式(B/S)这种方式利用海康威视提供的开发包进行视...
2018-11-13 17:35:24
4718
8
原创 Cesium面积测量之思路解析加源码
如果你看过我的距离量测文章，那么我相信，面积也是你需要测量的吧，那就看看吧。一、实现思路首先我们需要用到的鼠标移动事件、单击事件和双击事件，具体功能如下：1，鼠标移动事件：判断是否开始进行测量操作（单击为开始标志），如果没有，则什么也不做，如何开始则需要把单击的坐标作为起点，鼠标当前位置作为终点画面，随着鼠标的移动需要不停的刷新面。2，单击事件：将测面状态更新为真，当点击次数大于俩...
2018-10-24 17:26:45
3248
8
原创 Cesium距离测量之思路解析加源码
今天刚好是程序员的节日，话不多说祝大家前途一片光明，如果你正在做测量的工具那么我将会在稍后发布关与面积测量的文章。一、实现思路首先我们需要用到的鼠标移动事件、单击事件和双击事件，具体功能如下：1，鼠标移动事件：判断是否开始进行测量操作（单击为开始标志），如果没有，则什么也不做，如何开始则需要把单击的坐标作为起点，鼠标当前位置作为终点画线段，随着鼠标的移动需要不停的刷新线段（就是删除临时...
2018-10-24 17:16:25
5425
18
原创 GeoServer发布影像和地形数据供Cesium使用
进入正题：一，Geoserver安装 网上有很多大神写的博客，我也不想多说，这里有一点需要注意的是GeoServer需要JDK8的运行环境，我这里给出了下载地址：官网下载。二，影像数据发布1，发布教程：这里我们用到的是WMS服务标准，具体操作步骤见教程：亲测可用。2，影像切片，这里主要对我们发布的影像数据进行切片，保证在不同的视距都有最好的可视化数据，详细步骤见教程...
2018-09-10 15:40:09
12719
8
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人