今天要学习的是threejs 补间动画Tween应用
threejs版本
使用到的threejs版本
"three": "^0.154.0",
创建一个球
创建1个球体，为补间动画做准备
// 创建1个球
const sphere1 = new THREE.Mesh(
...
yekong
1年前 (2023-10-24)
喜欢
今天要学习的是threejs 光线投射实现3d场景交互事件，也就是我们常说的射线拾取。
我们通过点击三个球让其变为红色来实践光线投射。
threejs版本
使用到的threejs版本
"three": "^0.154.0",
创建三个球
创建三个球体，为后面的点击变色做准备。...
yekong
1年前 (2023-10-24)
喜欢
上一节我们学习了threejs 加载gltf模型过程，这一节我们学习使用DRACOLoader加载模型，首先我们需要简单的了解一下DRACO。
threejs版本
使用到的threejs版本
"three": "^0.154.0",
Draco介绍
Draco是一个用于压缩和...
yekong
1年前 (2023-10-24)
喜欢
threejs场景的线型雾和指数雾
threejs版本
"three": "^0.154.0",
threejs场景的线型雾
// 创建场景线性雾fox
scene.fog = new THREE.Fog(0x999999, 0.1, 5...
yekong
1年前 (2023-10-24)
喜欢
纹理的颜色空间
threejs版本
"three": "^0.154.0",
在Three.js中，颜色空间（color space）是一个重要的概念，它描述了如何在计算机中表示和处理颜色。颜色空间的选择会影响到最终渲染结果的颜色表现。...
yekong
1年前 (2023-10-24)
喜欢
今天学习透明度贴图
threejs版本
"three": "^0.154.0",
设置透明度贴图 alphaMap
首先创建一个平面，给平面设置一个颜色，并添加到场景中。
alpha貼图是—张灰度纹理，用于控制整个表而的不透明度。（黑色：...
yekong
1年前 (2023-10-24)
喜欢
可视化数据大屏 项目中会有渲染地图的需要,除了百度地图以及高德地图外，也会需要echarts或者threejs效果的地图,今天为大家整理十堰市张湾区echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制。
1 echarts 十堰市张湾区geoJ...
yekong
1年前 (2023-10-24)
喜欢
vue3 数据可视化大屏 就业数据可视化大屏
如果您需要设计属于自己的数据可视化大屏 请联系我们微信:17331886870
开发环境
nodejs 16
开发框架
vue3+vite+js
分辨率
1920*1080
演示地址
vue3 数据可视化大屏 就业数据可视化大屏
演示...
yekong
1年前 (2023-10-23)
喜欢
今天学习给平面添加贴图效果
创建平面
首先创建一个平面，给平面设置一个颜色，并添加到场景中。
// 创建平面
var planeGeometry = new THREE.PlaneGeometry(1, 1);
// 给平面设置颜色
var planeMaterial = new...
yekong
1年前 (2023-10-23)
喜欢
数据大屏可视化 项目中经常会遇到需要渲染echarts地图的情况，为了方便不同城市快速实现效果，将不同城市的echarts地图效果整理出来，供大家参考，今天为大家整理的是echarts十堰市茅箭区geoJson地图效果实例。地图基于geoJson数据绘制。
1 echarts 十...
yekong
1年前 (2023-10-22)
喜欢
