- 博客(27)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 cesium 区域裁剪、局部渲染
实现如题功能，需要用到cesium的ClippingPlaneCollection与ClippingPlane接口。其中ClippingPlane用于定义裁剪平面，ClippingPlaneCollection则是ClippingPlane的集合。一般来说，我们需要多个裁剪面的协作配合才能实现理想的效果。上述代码是cesium沙盒中的例子，参数 modelMatrix为裁剪面集合的模型矩阵，要想定位到自定义位置，其值应为参数planes为ClippingPlane的集合，后续讲解这俩参数的作用好像对本
2022-07-14 12:06:08
2365
1
原创 dat.gui控件自定义放置位置及拖拽
在使用vue3-cesium开发某些功能时，需要对参数进行调整。虽然cesium自带有cesium.knockout控件用以对参数的调整，但是由于笔者对cesium熟悉程度不够，使用起来有些困难，加之此前学习Three.js时用到过dat.gui插件，感觉挺方便的，便用其替代了。dat.gui进行参数调整此处就不多赘述了，网上资料挺多。我目前的需求是想实现对控件的拖拽。思路很简单：1.获取dat.gui的dom2.拖拽时更改其位置不过在这过程中，还是有些许问题需要注意，特此记录一下。上述代码创建了一个d
2022-07-08 17:24:58
1653
原创 【vue3_cesium】hooks中viewer的使用问题
我在hooks中定义了一个A.js文件，在调用时发现后台报错，说传入的viewer没有某某属性。将其打印发现这个viewer并不是我想要的那个cesium中的viewer。起初我以为定义一个响应式空对象变量并将其暴露在mounted中调用初始函数，并将cesium的viewer对象赋值给setup中定义的viewer1，我以为这样这个viewer1变量在就能是我想要的那个对象了。但实践过程中发现，这个viewer1，在初始化函数中的确就是viewer，但是在其他地方调用时，他仍是原来的空对象，不是ce
2022-06-30 17:19:39
637
原创 【vue3_cesium】1.创建vue项目
近期接到导师新分配的任务，做一个险工险段的三维数字平台。此前零散学过一点vue和cesium，但没有很好地将其结合起来。并且好多东西都忘记了，值此之际，开一个文章系列，记录一下该项目的一些过程，以便日后温习。...
2022-06-16 16:18:40
303
原创 TREE.JS纹理贴图
本文主要介绍纹理贴图中自定义纹理显示的相关问题本文默认纹理效果如下1.材料的.map.offset与.map.repeat属性1）通过.map.offset属性控制纹理的偏移量 cubeMaterial.map.offset=new THREE.Vector2(0.2,0);上述仅设置x轴的偏移量，效果如下可以看到，原图片映射在平面上的位置整体偏移了20%，不足部分采用原图片最右侧的像素填充。修改v轴，也即是y轴偏移量cubeMaterial.map.offset=new THREE.
2022-02-15 15:58:59
2662
原创 TREE.JS点云模拟下雨场景
话不多说，直接进入关键部分代码。首先创建点云对象，并将雨滴图片作为纹理贴上去。//创造点云粒子 creatPointCloud(1,true,1,THREE.vertexColors,true,0xffffff); function creatPointCloud(size,transparent,opacity,vertexColors,sizeAttenuation,color){ let geom=new THREE.Geometry(); let
2022-02-13 16:29:31
666
原创 THREE.JS点云学习踩坑记录——Geomtry（）
THREE.js版本更迭很快，学习资料具有一定滞后性。在学习过程中难免出现因为版本更替等原因出现一些令初学者十分苦恼的BUG。这不，按照THREE.JS开发指南第二版的教程敲出来的代码，在最新版本THREE库中就出现了报错。let geom=new THREE.Geometry();在最新版本里，已经舍弃了Geometry，改用BufferGeometry。作为初学者，很多知识欠缺，即便是更改为BufferGeomtry之后，后续代码也会出错，如geom.vertices.push(partical
2022-02-13 10:01:02
666
原创 THREE.JS产生阴影不显示问题
最近刚开始学习THREE.JS,期间跟着视频敲敲代码，在阴影效果部分卡了较长时间。最终发现是属性设置问题。//打开阴影效果 // renderer.shadowMapEnbled=true; renderer.shadowMap.enabled=true;观看的教程视频以及书本上都是写的renderer.shadowMapEnbled=true; ;但是一直不能正常显示。在经过一番搜索后，看到有网友进行了如下设置 renderer.shadowMap.enabled=true于是测试了一下，能够
2022-01-11 17:29:33
1400
转载 vue2 配置cesium
网络上有许多cesium环境搭建的教程，但适合自己情况的却是不多。此博客用于记忆环境搭建过程，分享与网友，也供自己日后使用。以下内容为转载，转自原博客首先创建vue项目vue create 你的项目名然后引入cesiumnpm i cesium --save继续安装上loadernpm install @open-wc/webpack-import-meta-loader --save-dev创建一个vue.config.js 修改里面配置const path = require(“pat
2021-11-12 21:10:51
692
原创 Vue表单实例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>表单提
2021-10-30 10:27:15
400
原创 JS无卡顿滑块移动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>丝滑的
2021-10-21 11:30:13
259
原创 JS 轮播器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>定时器
2021-10-20 21:06:22
93
原创 JS 定时器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>定时器
2021-10-20 14:36:24
91
原创 JS BOM对象
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>BOM
2021-10-20 14:16:45
57
原创 JS键盘事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>键盘事
2021-10-20 11:05:34
80
原创 JS多个响应事件的绑定
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2021-10-20 10:11:00
122
原创 JS事件的委托
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>事件委
2021-10-20 10:09:44
73
原创 JS 鼠标滚轮事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>鼠标滚
2021-10-20 10:08:22
376
原创 web 拖拽功能的实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>拖拽&
2021-10-18 15:26:24
1016
原创 slowfast检测结果获取
slowfast检测结果获取在成功运行完示例之后，想要根据检测结果进行后续工作，一个必不可少的数据便是模型的检测结果。在slowfast项目中，我暂时没找到官方提供的可用接口可以直接使用，在github中有看到类似信息，根据他的提示，改写部分代码，成功获取模型检测的分类结果。在slowfast官方项目中找到video_visualizer.py文件,slowfast->slowfast->visualization->video_visualizer.py2.在该文件中找到dr
2021-10-10 16:14:27
812
原创 2021-08-01
arcgis for JS中的require（）用于模块引入，如`require([“a”，“b”], function(A,B) {//CODE }require中的参数按顺序一一对应function中的参数
2021-08-01 16:03:54
51
原创 C# 忽略richtextbox中的换行字符进行字符串的读取
C#忽略richtextbox中的换行字符进行字符串的读取string[] content=richtextbox1.text.split(new char[]{’\n’,’\r’},StringSplitOptions.RemoveEmptyEntries);即设置换行符“\n\r”作为字符串分割标识，并移除空字符串即可。...
2020-07-13 15:36:31
578
空空如也
three.js使用联合材质老是报错
2022-01-14
pyopenpose中的emplaceAndPop([datum])报错，如何解决？
2021-03-26
TA创建的收藏夹 TA关注的收藏夹
TA关注的人