threejs 3d机房点按钮,相机飞行靠近观察设备
效果演示:
threejs 3d机房点按钮,相机飞行靠近观察设备
效果截图:
threejs 3d环绕效果实例实例
效果演示:
threejs 3d环绕效果实例实例
效果截图:
Three.js实现太阳系实例
效果演示:
...
yekong
7个月前 (04-25)
喜欢
数据获取
地铁线路图geoJson数据获取,手动获取我们需要的地铁线路数据。
threejs 实现流光线路图效果
动态效果
演示地址
threejs 实现流光线路图效果
实例代码
<script>
import * as THREE from 'three';
i...
yekong
9个月前 (02-18)
喜欢
threejs 3d机房渲染实例,给3d机房添加标注点,通过点击标注点,显示详细弹窗信息。
项目框架
vue3 + vite + js
项目运行环境
nodejs 16
threejs版本
"three": "^0.154.0",
thr...
yekong
10个月前 (01-27)
喜欢
数据可视化大屏 开发过程中,需要图片在3d层面的点缀,今天我们来实现一张平面图如何在3d层面旋转。
准备一张图
我们首先准备一张平面图,这张图片各个角度要有差异,不能像一个圆环,不然转起来也看不出图片在旋转。
效果截图
动态效果
插件
"three": ...
yekong
11个月前 (12-21)
喜欢
数据可视化大屏项目开发中,会遇到一些效果需要,比如实现一个太阳系的效果,或者实现一个地球自转的效果,今天通过threejs来实现一个地球自转的效果实例。
项目是使用vue+vite来开发的,所以首先我们需要安装一下threejs
安装threejs依赖
pnpm i three...
yekong
1年前 (2023-10-11)
喜欢
threejs 3d地图粒子效果实例,可以结合threejs 3d地图实现省份下钻实例实现下钻。
演示实例
threejs 3d地图粒子效果
其他实例
带下钻实例的地图效果
threejs 3d地图粒子效果下钻版 - 江西省
threejs 3d地图粒子效果下钻版 - 河北省
t...
yekong
1年前 (2023-10-09)
喜欢
数据可视化大屏项目开发中经常会遇到需要渲染饼状图的情况,有时候平面饼状图不能满足我们想要的效果了,我们就需要创建更复杂的比如3d饼状图效果。今天我们用threejs来实现一个3d饼状图效果。
开发环境
开发环境我们选择nodejs16
框架
vue3 vite js
three版...
yekong
1年前 (2023-10-05)
喜欢
threejs 3d机房渲染实例,鼠标划过机柜实现提示,地面动态效果等。
项目框架
vue3 + vite + js
项目运行环境
nodejs 16
threejs版本
"three": "^0.152.0",
threejs 3d机房...
yekong
1年前 (2023-10-04)
喜欢
threejs 3D人体扫描效果
项目框架
vue3 + vite + js
项目运行环境
nodejs 16
threejs版本
"three": "^0.151.0",
其他依赖
"dependencies": {...
yekong
1年前 (2023-09-26)
喜欢
2021年的时候,做过一个数据可视化大屏,记得有一个效果是加载地图的动画视频,一个格子地面上,放着一个地图,然后移动视角来实现一个动画的效果。
格子背景动画
动画效果
今天看到这个视频后,就想着有没有办法通过代码来实现这种效果呢?我们先剔除掉地图,只要格子背景。
实现思路
首...
yekong
1年前 (2023-08-01)
喜欢