分类:学习笔记

note

gui.js库分组管理 学习笔记

gui.js库分组管理 学习笔记
.addFolder() 分组 new GUI()实例化一个gui对象,默认创建一个总的菜单,通过gui对象的.addFolder()方法可以创建一个子菜单,当你通过GUI控制的属性比较多的时候,可以使用.addFolder()进行分组。 .addFolder() 返回的子文件夹...

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

gui.js库(下拉菜单、单选框)

gui.js库(下拉菜单、单选框)
add()方法参数3和4数据类型:数字 格式:add(控制对象,对象具体属性,其他参数) 其他参数,可以一个或多个,数据类型也可以不同,gui会自动根据参数形式,自动生成对应的交互界面。 参数3和参数4,分别是一个数字,交互界面是一个鼠标可以拖动的拖动条,可以在一个区间改变属性的...

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

gui.js库(颜色、命名、步长、事件)

gui.js库(颜色、命名、步长、事件)
.name() 方法 改变标签名称 .add()创建的交互界面,会默认显示所改变属性的名字,为了通过交互界面更好理解你改变的某个对象属性,你可以通过.name()方法改变gui生成交互界面显示的内容。 gui.add(lineGroup.position, 'x', 0,...

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

threejs 给地图添加气泡效果鼠标移入显示弹窗 学习笔记

threejs 给地图添加气泡效果鼠标移入显示弹窗 学习笔记
在给threejs 给地图添加气泡效果后,需要再增加一个信息弹窗效果,当鼠标移入气泡后,弹窗详细信息。 threejs 给地图添加气泡效果鼠标移入显示弹窗实例 threejs 给地图添加气泡效果鼠标移入显示弹窗 气泡数据渲染 loader.load(modelUrl + 'js...

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

threejs 给地图添加气泡效果 学习笔记

threejs 给地图添加气泡效果 学习笔记
threejs 给地图添加气泡效果实例 threejs 给地图添加气泡效果 创建圆形几何体 通过threejs的CircleBufferGeometry来实现圆形气泡 // 引入three.js import * as THREE from 'three/build/three...

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

threejs 给地图添加3d标签 学习笔记

threejs 给地图添加3d标签 学习笔记
threejs 不同gdp拉伸不同高度并添加颜色变化,在此基础上,我们实践在地图上给地图添加3d标签标注地名 threejs 给地图添加3d标签实例 threejs 给地图添加3d标签 3d标签代码 import { CSS3DRenderer, CSS3DObject } f...

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

threejs 不同gdp拉伸不同高度并添加颜色变化 学习笔记

threejs 不同gdp拉伸不同高度并添加颜色变化 学习笔记
threejs 地图根据gdp数值的不同显示不同的高度,在添加好高度后,因为颜色都一样看起来并不清晰,所以在之前的基础上做一些处理,让启看起来效果更好 在地图数据加载完成后,根据gdp的数据复制颜色 地图根据gdp数值的不同显示不同的高度实例 threejs 不同gdp拉伸不同...

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

threejs 鼠标移入地图显示标签信息 学习笔记

threejs 鼠标移入地图显示标签信息 学习笔记
threejs实现地图,并在鼠标移入地图后显示标签信息,这和echarts的tooltip很相似。 鼠标移入地图显示标签信息实例 鼠标移入地图显示标签信息 标签代码 import { CSS2DRenderer, CSS2DObject } from 'three/exampl...

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