threejs 3d机房点按钮，相机飞行靠近观察设备
效果演示：
threejs 3d机房点按钮，相机飞行靠近观察设备
效果截图：
threejs 3d环绕效果实例实例
效果演示：
threejs 3d环绕效果实例实例
效果截图：
Three.js实现太阳系实例
效果演示：
...
1年前 (2024-04-25)
喜欢
数据获取
地铁线路图geoJson数据获取，手动获取我们需要的地铁线路数据。
threejs 实现流光线路图效果
动态效果
演示地址
threejs 实现流光线路图效果
实例代码
<script>
import * as THREE from 'three';
i...
1年前 (2024-02-18)
喜欢
threejs 3d机房渲染实例，给3d机房添加标注点，通过点击标注点，显示详细弹窗信息。
项目框架
vue3 + vite + js
项目运行环境
nodejs 16
threejs版本
"three": "^0.154.0",
thr...
1年前 (2024-01-27)
喜欢
数据可视化大屏 开发过程中，需要图片在3d层面的点缀，今天我们来实现一张平面图如何在3d层面旋转。
准备一张图
我们首先准备一张平面图，这张图片各个角度要有差异，不能像一个圆环，不然转起来也看不出图片在旋转。
效果截图
动态效果
插件
"three": ...
2年前 (2023-12-21)
喜欢
数据可视化大屏项目开发中，会遇到一些效果需要，比如实现一个太阳系的效果，或者实现一个地球自转的效果，今天通过threejs来实现一个地球自转的效果实例。
项目是使用vue+vite来开发的，所以首先我们需要安装一下threejs
安装threejs依赖
pnpm i three...
2年前 (2023-10-11)
喜欢
threejs 3d机房渲染实例，鼠标划过机柜实现提示，地面动态效果等。
项目框架
vue3 + vite + js
项目运行环境
nodejs 16
threejs版本
"three": "^0.152.0",
threejs 3d机房...
2年前 (2023-10-04)
喜欢
2021年的时候，做过一个数据可视化大屏，记得有一个效果是加载地图的动画视频，一个格子地面上，放着一个地图，然后移动视角来实现一个动画的效果。
格子背景动画
动画效果
今天看到这个视频后，就想着有没有办法通过代码来实现这种效果呢？我们先剔除掉地图，只要格子背景。
实现思路
首...
2年前 (2023-08-01)
喜欢
最近在学习threejs渲染时，发现threejs可以渲染hdr文件，之前不清楚hdr这种文件是做什么的，于是查询了一番，原来是环境贴图。于是也学一下threejs如何渲染环境贴图。
效果截图
渲染动画
引入依赖
// threejs
import * as THREE fr...
2年前 (2023-07-24)
喜欢
