- 博客(127)
- 资源 (22)
- 收藏
- 关注
原创 【R3F】14. Clipping
threejs 版本 可以参考:https://blog.csdn.net/seelingzheng/article/details/128909769。原生裁切一样需要设置Material的。
2024-03-18 18:11:23 31
原创 【R3F】13. 碰撞反馈 impulse
不同的质量,下落时的速度是一样的,当在点击某个物体的时候,质量越大的物体,越不容易被点动。,可以根据实际的接触面设置具体的摩擦系数值,默认值是。控制某一个物体重力加速度大小。值越大,弹跳越力度越大。
2024-03-18 16:07:04 196
原创 【R3F】0.9添加 shadow
可以有两种方式,第一种方式直接设置属性,第二种方式是根据节点设置。类似烘培,设置好阴影之后,就不再做更新,直接加入节点就可以了。累计的阴影,对所有的灯光进行阴影管理渲染。在对应的 mesh 中设置 产生阴影。设置完成之后,即可实现阴影。即可设置好全局的阴影。不需要设置 产生阴影。
2023-07-27 14:37:39 371
原创 【R3F】0.8drei使用
方式很简单直接添加上对应的节点就可以可以了。标签 这里是会把文本转成 3d 对象,同。是用来设置标签想气球一样的漂浮状态。使用的方式有两种,其他属性设置同。设置如果被物体遮挡时,是否隐藏。css 的 class 名,控制缩放时,是否跟随变化,中的 font,其中。
2023-07-27 14:36:20 304
原创 【R3F】07. 场景设置
属性值是按照threejs的属性值设置,r3f中,直接在canvas 节点设置 camera属性即可。设置方式同camera类似,需要设置gl属性值,可以直接使用three对象中的值。设置分辨率可以直接设置 dpr 属性值 ,设置为数组,表示设置了最大最小值。返回的对象集,获取camera对象,然后修改对应的属性值。修改相机position可以通过。
2023-07-21 15:51:17 99
原创 【R3F】06.自定义Geometry
创建vertex,同在threejs中方式一样,这里是随机生成一些点位信息,创建10个三角面使用useMemo,因为创位置信息只需要有一次就可以了i++) {}, [])设置attribute/>计算法线,需要geometry初始化完成之后,才能调用属性的方法,所以这里使用了useEffect}, [])完整代码i++) {}, [])}, [])/>
2023-07-21 15:49:52 58
原创 Electron+Vue+Vite: 开发实践—初始化项目
运行系统:Apple M1 ,16 GB开发工具:VSCode参考:https://github.com/electron-vite/electron-vite-vue.git。
2023-05-31 11:47:12 509
原创 Cesium材质之Fabric
Fabric是Cesium中用于描述材质的一种JSON规定,使用Fabric和GLSL可以方便的定义材质。定义一个简单的Fabric对象,需要配置typeuniforms,两个属性,如果需要自定义着色器,需要添加source属性。如下为创建一个简单的Fabric**type:**用于定义材质的类型,使用的时候可以直接通过来指定定义好的材质。设置该参数,可以复用材质,传入一个不存在的 type类型之后,这个材质将被缓存下来。下次调用或者就会引用缓存里的材质,不需要再传入Fabric对象。
2023-03-30 01:02:28 279
原创 版本到102之后,雨雪效果报错,着色器修改
类的封装 引用的是别人写的,当时只是为了测试 所以就网上找了一个 https://blog.csdn.net/chudage11/article/details/115185574。这个类的解析做了处理,所有直接下载最新版本看了一下发现有个三个地方做了变动,如图所示,按此修改完之后,即可。也就是片元着色器中的第二行。因为自己本地的版本是。通过此验证说明是代码升级之后,cesium对这个。通过提示可以看出 使用了系统保留字。
2023-02-17 14:17:40 303
原创 Cesium 顶点着色器修改
通过上一篇文章的学习,我们只是实现了,对的修改,当我们想要实现一个三维的热力图的时候,就需要涉及到对顶点着色器的修改,因为cesium体系里面有着一套属于自己的构建glsl的方式,所有当我们要想修改顶点着色器,就不会像在threejs里面用起来那么顺手,这篇文章主要是讲解一下怎么去修改顶点着色器,简单实现。
2023-02-16 23:58:23 544
原创 Cesium 着色器渲染简单实现
的方式来创建一个平面,然后通过自定义材质的方式来做平面渲染。的方式来创建一个平面 geomentry。的方式来创建渲染材质。
2023-02-14 22:59:59 371
原创 shaderMaterial裁切
在简单裁切中,我们使用的是,所以我们可以从这个文件入手,文件路径通过搜索clipping可以看到.........} `;
2023-02-13 14:19:15 374
原创 简单裁切面板
通过Plane平面对场景中的物体进行裁切, 这个平面就是裁剪平面, 裁剪平面分为全局的裁剪和局部裁剪;全局裁剪指的有一个平面裁剪了整个场景的物体, 通过对``renderer中clippingPlanes`属性的设置;局部裁剪指的有一个平面裁剪裁剪指定物体, 这需要对指定物体通过设置material中进行设置被裁剪的物体的是否需要渲染阴影多个平面裁剪时, 保留并集还是交集。
2023-02-06 22:57:39 234 1
原创 Cesium knockout中的监控属性getObservable
在开发的过程可以理解为Cesium.knockout继承于Knockout.js,比如getObservable是Cesium.knockout独有的,ko没有。在查找相关使用说明的时候可以参考Knockout.js中的相关案例和方法,结合使用。
2023-02-06 18:09:29 205
原创 Entity 通过 Property 设置相关属性
在上一篇 介绍 Entity 样式设置的文章中,设置颜色渐变中使用到了,这篇会做一个详细介绍,在Entity属性怎样使用Property机制。
2023-02-06 18:08:31 166
原创 Cesium 修改球体
这是因为在使用超图封装出来的webgl的时候,他们是吧球体做了变化,所有如果想在cesium里面加载通过supermap处理出来的数据的时候,需要修改一下球体,修改成正球体,而cesium使用的是扁球体。还有就是超图以及开源了s3mb格式数据加载方式,可以官方下载对应的js包,引入就可以在cesium中使用超图处理出来的数据了。可以参看这个github。
2023-02-06 18:07:25 289
原创 obj 与 fbx 三维模型文件对比
fbx2020 …fbx 格式(wiki)是 Autodesk 公司出品的支持动画的三维模型交换格式(详见:FileFormat-fbx)。obj 格式(wiki chs)是由 Wavefront 公司出品的三维模型文本交换格式(详见:FileFormat-obj)。示例模型下载:https://wiki.unrealengine.com/File:ThirdPerson_FBX.zip。可使用 QuickTime、FBX Review、visual studio 可视化该模型格式。
2023-02-05 20:54:56 1649
原创 Cesium 和 webgl 加载各类型模型说明
glb:是个二进制文件格式, 实现三维模型存储于 GL 的可传输的格式(glTF). 内含节点层级、摄像机、材质、动画、网格物体都用二进制存储。这个二进制格式存储 glTF 的组件(JSON,.bin 以及图片) . 同时也避免了用 glTF 格式文件变大的问题. 通过压缩, GLB 能更快地加载, 提供完整的三维场景, 且是能在未来的开发中扩展的. 该格式使用 model/gltf-二进制文件作为 MIME 类型。Glsl 文件:是简单脚本,应该是用来解析自己在 gltf 中增加的项目的;
2023-02-05 20:54:26 698
原创 Cesium 坐标相互转换
cesium中常用的坐标有两种WGS84地理坐标系和笛卡尔空间坐标系(世界坐标)。WGS84坐标一般以经纬度来指明一个地点,原点在椭球的质心。笛卡尔空间坐标系常用来做一些空间位置变换如平移旋转缩放等等,坐标原点在椭球的中心。屏幕坐标----------------------------------------------->Pick世界坐标----------------------------------------------->Cartesian。
2023-02-05 19:29:39 262
原创 Cesium 初始化Viewer基本配置参数说明
fabric : {color : new Cesium . Color(1.0 , 1.0 , 1.0 , 1.0) , image : "图片路径" } } });
2023-02-05 19:28:24 298
原创 Cesium ion 在线资源调用
Cesium ion支持把数据添加到用户自己的CesiumJS应用中。Cesium ion是一个提供瓦片图和3D地理空间数据的平台,ion个人账号提供了5g的存储空间,可以用来存储自己的数据。
2023-02-05 19:27:14 486
原创 Cesium 中的常用坐标系及说明
Cesium中常用的坐标系主要有两种:WGS84坐标系和笛卡尔空间直角坐标系。平时我们常见的某个点的经纬度就是在WGS84坐标系下某个点的坐标,它的坐标原点在椭球的质心;而笛卡尔坐标系主要是用来做空间位置的变化如平移、旋转和缩放等等,它的坐标原点在椭球的中心。除此之外,还有不常用的坐标系:1、平面坐标系(Cartesian2);2、笛卡尔空间直角坐标系(Cartesian3);
2023-02-04 01:00:13 798
原创 Cesium中添加GIF图片
Cesium官方给了将视频投影到几何体的Demo,不得不说第一眼看到还是比较惊艳的,那么Cesium能不能将gif图片也投影到几何体呢,答案是不能像视频一样直接投影,但是如果我们借助一些其它工具,还是能实现这个功能的。下面以billboard加载gif图片为例展开说明,如果你要投影到其它图形,原理都是一样的。Cesium Billboard如何加载gif图片?
2023-02-04 00:57:31 736
c++ websocket 源码.rar
2021-05-20
CesiumTerrainBuilder及使用方法.zip
2020-04-21
最新版 selenium chrome driver 2.34
2017-12-25
Xcode iOS 11.1 (15B5066e)
2017-10-26
aIE2.0安全浏览器
2010-07-02
aIE2.0浏览器(Csharp 版)
2010-01-04
aIE 浏览器 1.0(免安装)
2009-09-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人