上一节我们学习了threejs 加载gltf模型过程,这一节我们学习使用DRACOLoader加载模型,首先我们需要简单的了解一下DRACO。
threejs版本
使用到的threejs版本
"three": "^0.154.0",
Draco介绍
Draco是一个用于压缩和...
2年前 (2023-10-24)
喜欢
threejs场景的线型雾和指数雾
threejs版本
"three": "^0.154.0",
threejs场景的线型雾
// 创建场景线性雾fox
scene.fog = new THREE.Fog(0x999999, 0.1, 5...
2年前 (2023-10-24)
喜欢
纹理的颜色空间
threejs版本
"three": "^0.154.0",
在Three.js中,颜色空间(color space)是一个重要的概念,它描述了如何在计算机中表示和处理颜色。颜色空间的选择会影响到最终渲染结果的颜色表现。...
2年前 (2023-10-24)
喜欢
今天学习透明度贴图
threejs版本
"three": "^0.154.0",
设置透明度贴图 alphaMap
首先创建一个平面,给平面设置一个颜色,并添加到场景中。
alpha貼图是—张灰度纹理,用于控制整个表而的不透明度。(黑色:...
2年前 (2023-10-24)
喜欢
可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外,也会需要echarts或者threejs效果的地图,今天为大家整理十堰市张湾区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
1 echarts 十堰市张湾区geoJ...
2年前 (2023-10-24)
喜欢
vue3 数据可视化大屏 就业数据可视化大屏
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
开发环境
nodejs 16
开发框架
vue3+vite+js
分辨率
1920*1080
演示地址
vue3 数据可视化大屏 就业数据可视化大屏
演示...
2年前 (2023-10-23)
喜欢
今天学习给平面添加贴图效果
创建平面
首先创建一个平面,给平面设置一个颜色,并添加到场景中。
// 创建平面
var planeGeometry = new THREE.PlaneGeometry(1, 1);
// 给平面设置颜色
var planeMaterial = new...
2年前 (2023-10-23)
喜欢
数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况,为了方便不同城市快速实现效果,将不同城市的echarts地图效果整理出来,供大家参考,今天为大家整理的是echarts十堰市茅箭区geoJson地图效果实例。地图基于geoJson数据绘制。
1 echarts 十...
2年前 (2023-10-22)
喜欢
vue3 可视化数据大屏 项目开发中,会遇到各种各样的头部,今天整理的是 vue3 数据可视化大屏顶部组件 - 数字云平台。
效果截图
帧动画效果
通过ae实现从两侧到中间的扫光动画,使用帧动画生成。帧动画虽然增加了效果同时也增加了文件大小。
动画持续时间
动画持续时间3s,...
2年前 (2023-10-22)
喜欢
数据可视化大屏 项目中经常会遇到需要渲染echarts地图 的情况,为了方便不同地区的数据使用,将一些地图数据整理出来,供大家参考,今天为大家整理的是echarts黄石市地区地图geoJson数据。
效果截图
echarts黄石市地区地图geoJson数据
echarts黄石市...
2年前 (2023-10-22)
喜欢