分类:学习笔记

note

threejs 3d地图射线拾取选中省份 学习笔记

threejs 3d地图射线拾取选中省份 学习笔记
之前的教程中已经学过了射线拾取,threejs 鼠标交互—射线拾取 选中模型高亮,这次是在地图上进行射线拾取。 3d地图射线拾取选中省份实例 3d地图射线拾取选中省份实例 实现代码 /** * 射线投射器`Raycaster`的射线拾取选中网格模型对象函数choose() ...

2年前 (2023-01-25) 喜欢

threejs 在3d地图上标注四棱锥效果 学习笔记

threejs 在3d地图上标注四棱锥效果 学习笔记
在地图上指定位置标注四棱锥,之前学习threejs实现4棱锥效果,今天学习将四棱锥标注到的地图上。 在3d地图上标注四棱锥效果实例 在3d地图上标注四棱锥效果锥实例 创建棱锥 // 引入three.js import * as THREE from 'three/build/t...

2年前 (2023-01-25) 喜欢

threejs 经纬度转墨卡托坐标 学习笔记

threejs 经纬度转墨卡托坐标 学习笔记
墨卡托投影(Mercator Projection),又称麦卡托投影、正轴等角圆柱投影,是一种等角的圆柱形地图投影法。本投影法得名于法兰德斯出身的地理学家杰拉杜斯·墨卡托,他于1569年发表长202公分、宽124公分以此方式绘制的世界地图。在以此投影法绘制的地图上,经纬线于任何位...

2年前 (2023-01-25) 喜欢

threejs 实现地图轮廓的拉伸 学习笔记

threejs 实现地图轮廓的拉伸 学习笔记
地图拉伸api ExtrudeBufferGeometry 通过three.js的几何体ExtrudeBufferGeometry可以拉伸一个轮廓,这样的话,通过ExtrudeBufferGeometry可以实现一个立体的拉伸地图效果。 注意拉伸高度要参考地图包围盒尺寸,或者说...

2年前 (2023-01-25) 喜欢

threejs 克隆.clone()和复制.copy() 学习笔记

threejs 克隆.clone()和复制.copy() 学习笔记
克隆.clone()和复制.copy() 是threejs很多对象都具有的方法,比如三维向量对象Vector3、 网格模型Mesh、几何体、材质。 克隆.clone() 克隆.clone()简单说就是复制一个和原对象一样的新对象,下面以三维向量对象Vector3给大家举例,其他的...

2年前 (2023-01-24) 喜欢

vue3 vite使用@ 配置路径别名

vue3 vite使用@ 配置路径别名
在vue2开发时一直使用的别名提示,使用vue3的vite时,突然不能用别名了,研究发现需要配置一下。 找到vite.config.js,添加alias配置就重新运行就可以了。 import {defineConfig, loadEnv} from 'vite'; import ...

2年前 (2023-01-24) 喜欢

vite 项目文件托管到七牛云cdn上

vite 项目文件托管到七牛云cdn上
vue项目为了提升加载速度,会将静态资源托管到cdn上,以前一直使用的是vue2最近开始学习使用vue3,也加入到了vite的大军当中,首先要解决一下cdn的问题。 仍有问题 虽然能够成功上传到七牛云了,但是目前还有一个问题,使用vite打包后chrome浏览器请求获取js文件时...

2年前 (2023-01-23) 喜欢

vite 判断项目是开发环境还是生产环境

vite 判断项目是开发环境还是生产环境
vue项目中,使用vite打包时,我们需要判断环境,用于做不同的处理,比如cdn部署。 通过process.env.NODE_ENV我们可以获取到环境。 import {defineConfig, loadEnv} from 'vite'; import vue from '@v...

2年前 (2023-01-23) 喜欢