dat.gui.js说白了就是一个前端js库，对HTML、CSS和JavaScript进行了封裝，学习开发的 时候，借助dat.gui.js可以快速创建控制三维场景的U交互界面，你打开课件中案例源码体验一下就能感受到。
学习dat.guijs也不仅仅是为了学习dat.gui.js...
yekong
1年前 (2023-10-06)
喜欢
threejs项目中，会遇到浏览器宽高变化的情况，这时候我们需要考虑屏幕变化后，画布能够跟随适配。
代码
这里使用的是vue3 获取指定div的宽高来渲染画布。
window.addEventListener('resize', () => {
// 重置相机宽高比
...
yekong
1年前 (2023-10-06)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况，今天为大家整理的是中国地图geoJson渲染实例，发出来供大家参考。
01 中国地图演示效果
02 3d效果加飞线图
03 自定义图标样式加飞线
04区域颜色渐变效果
05echarts地图visualM...
yekong
1年前 (2023-10-05)
喜欢
大屏数据可视化 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理武汉市江汉区geoJson地图渲染效果。地图基于geoJson数据绘制。
echarts武汉市江汉区geoJson地图点击地图插小旗
echart...
yekong
1年前 (2023-10-05)
喜欢
你的思维和眼界，决定了你的格局
眼界决定气度和格局，而气度和格局决定了人生的发展轨迹，这是创业者必不可少的特质，是公司做大做强的关键。
眼界小了，气度小了，缺少容人的气量，自然也得不到别人的尊重。
创业成功需要许多要素，其中眼界是最重要的因素。
眼界是一个人看待世界的深度和广度，...
yekong
1年前 (2023-10-05)
喜欢
数据可视化大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理武汉市江岸区geoJson地图渲染效果供大家参考。地图基于geoJson数据绘制。
echarts武汉市江岸区geoJson地图飞线图
echa...
yekong
1年前 (2023-10-05)
喜欢
通过scale进行缩放
我们通过scale.set来控制网格模型的缩放
cube.scale.set(2, 2, 2)
父元素的缩放
当父元素缩放后，子元素会在父元素缩放的基础上再对自身进行缩放
cube.scale.set(2, 2, 2)
parentCube.scale...
yekong
1年前 (2023-10-05)
喜欢
通过positon设置物体的位置
我们可以通过设置网格模型的position来控制网格的位置，如下图，我们通过cube.position.x = 50让网格模型沿着x轴移动了50，如果我们需要修改其他轴的话，只需要修改对应的x y z所对应的值就可以了。
// 1. 创建几何体:...
yekong
1年前 (2023-10-05)
喜欢
在three 3d饼状图渲染的时候，如果数据太大会导致饼状图渲染变形,这时候我们需要对数据进行处理，让数据处在某个范围内
let data = [
{
value: 1225,
name: "标准护理",
...
yekong
1年前 (2023-10-05)
喜欢
数据可视化大屏项目开发中经常会遇到需要渲染饼状图的情况，有时候平面饼状图不能满足我们想要的效果了，我们就需要创建更复杂的比如3d饼状图效果。今天我们用threejs来实现一个3d饼状图效果。
开发环境
开发环境我们选择nodejs16
框架
vue3 vite js
three版...
yekong
1年前 (2023-10-05)
喜欢
