分类:threejs

threejs

three 154 找不到PlaneBufferGeometry

three 154 找不到PlaneBufferGeometry
Three.js的版本154中没有PlaneBufferGeometry类。 在版本154中,你可能需要使用PlaneGeometry代替。你可以尝试如下代码: import * as THREE from 'three'; const geometry = new THREE...

yekong 1年前 (2023-08-21) 喜欢

threejs 大屏3D地图可视化学习笔记汇总

threejs 大屏3D地图可视化学习笔记汇总
GeoJOSN数据简介和获取 要渲染地图,首先要有地图数据,所以我们需要先可以获取到我们需要的地图数据,然后才能渲染地图。 通过Three.js实现一个基础渲染代码 要渲染3d地图首先需要能够使用threejs渲染一个基本的场景 threejs 相机渲染范围、位置和目标 我们需要...

yekong 1年前 (2023-08-10) 喜欢

threejs解析渲染世界地图边界

threejs解析渲染世界地图边界
要渲染世界地图,首先我们需要准备世界地图geoJson数据, 如果对geoJson不了解的话可以查看GeoJOSN介绍,进行了解。 如果不知道如何获取geoJson的话,可以从这里获取:GeoJOSN数据简介和获取 threejs版本 当前笔记使用threejs版本号 "...

yekong 1年前 (2023-08-10) 喜欢

THREE.FileLoader介绍以及使用实例

THREE.FileLoader介绍以及使用实例
THREE.FileLoader是Three.js库中的一个类,用于通过HTTP协议异步加载文件。它可以用于加载各种类型的文件,如文本、JSON、XML等。 参数 THREE.FileLoader的构造函数可以接受一个loadingManager参数。loadingManager...

yekong 1年前 (2023-08-10) 喜欢

geoJson里面的Polygon和MultiPolygon有什么不同

geoJson里面的Polygon和MultiPolygon有什么不同
在GeoJSON格式中,Polygon和MultiPolygon是用来表示地理形状的两种不同类型。 Polygon: Polygon用于表示一个单一的多边形结构。它由一个或多个线性环组成,其中第一个环定义了多边形的外部边界,其余的环定义了多边形内的洞。每个环都是一个闭合的线性...

yekong 1年前 (2023-08-10) 喜欢

threejs 几何体顶点和Line的渲染

threejs 几何体顶点和Line的渲染
在进行复杂的3d地图构建前,我们需要先学习简单的构建,比如通过几个点构建一个轮廓。 threejs版本 当前笔记使用threejs版本号 "three": "^0.154.0", 实例演示地址 几何体顶点和Line的渲染 效果截图 构...

yekong 1年前 (2023-08-09) 喜欢

threejs LineBasicMaterial介绍参数以及使用实例

threejs LineBasicMaterial介绍参数以及使用实例
THREE.LineBasicMaterial 是 Three.js 中用于渲染线段的基本材质类型。它支持简单的颜色和透明度设置,但不支持更复杂的效果,如纹理或光照。 参数 以下是 THREE.LineBasicMaterial 的主要参数: color: (类型: THREE...

yekong 1年前 (2023-08-09) 喜欢

THREE.LineLoop介绍以及使用实例

THREE.LineLoop介绍以及使用实例
THREE.LineLoop 是 Three.js 中的一个类,用于表示闭合的线条。与 THREE.Line 类似,但在首尾顶点之间添加了一个额外的线段,使线条闭合。 参数 与 THREE.Line 类似,THREE.LineLoop 的构造函数接受以下参数: geometry...

yekong 1年前 (2023-08-09) 喜欢

THREE.Line与THREE.LineLoop的相同点和不同点

THREE.Line与THREE.LineLoop的相同点和不同点
THREE.Line 和 THREE.LineLoop 都用于在 Three.js 中渲染线条,但它们之间有一些关键区别。 相同点 几何体和材质: 两者都使用几何体(例如 THREE.BufferGeometry 或 THREE.Geometry)和材质(例如 THREE.L...

yekong 1年前 (2023-08-09) 喜欢

THREE.Line介绍以及使用

THREE.Line介绍以及使用
THREE.Line 是 Three.js 中用于表示线段的对象。可以用来创建简单的线段、连续的线段或者闭合的线段。下面是一些主要的参数以及使用 THREE.Line 的实例。 参数 geometry: 线段的几何体,通常使用 THREE.BufferGeometry 或 TH...

yekong 1年前 (2023-08-09) 喜欢