分类:threejs案例实例

threejs案例实例收集整理

threejs 实现流光线路图效果

threejs 实现流光线路图效果
数据获取 地铁线路图geoJson数据获取,手动获取我们需要的地铁线路数据。 threejs 实现流光线路图效果 动态效果 演示地址 threejs 实现流光线路图效果 实例代码 <script> import * as THREE from 'three'; i...

yekong 2个月前 (02-18) 441℃ 0喜欢

threejs 3d机房渲染实例

threejs 3d机房渲染实例
threejs 3d机房渲染实例,给3d机房添加标注点,通过点击标注点,显示详细弹窗信息。 项目框架 vue3 + vite + js 项目运行环境 nodejs 16 threejs版本 "three": "^0.154.0", thr...

yekong 3个月前 (01-27) 455℃ 0喜欢

threejs 3d旋转的图片效果

threejs 3d旋转的图片效果
数据可视化大屏 开发过程中,有一个装饰图片,想着增加点3d效果,于是使用threejs渲染出来了,让其在3d层面自旋转。 效果截图 动态效果 实例代码 <script> import * as THREE from "three"; impor...

yekong 4个月前 (12-21) 510℃ 0喜欢

threejs实例效果汇总

threejs实例效果汇总
threejs 3d机房点按钮,相机飞行靠近观察设备 效果演示: threejs 3d机房点按钮,相机飞行靠近观察设备 效果截图: threejs 3d环绕效果实例实例 效果演示: threejs 3d环绕效果实例实例 效果截图: Three.js实现太阳系实例 效果演示: ...

yekong 6个月前 (10-29) 726℃ 0喜欢

threejs实现一个自转的地球

threejs实现一个自转的地球
数据可视化大屏项目开发中,会遇到一些效果需要,比如实现一个太阳系的效果,或者实现一个地球自转的效果,今天通过threejs来实现一个地球自转的效果实例。 项目是使用vue+vite来开发的,所以首先我们需要安装一下threejs 安装threejs依赖 pnpm i three...

yekong 6个月前 (10-11) 1238℃ 0喜欢

threejs 3d地图粒子效果

threejs 3d地图粒子效果
threejs 3d地图粒子效果实例,可以结合threejs 3d地图实现省份下钻实例实现下钻。 演示实例 threejs 3d地图粒子效果 其他实例 带下钻实例的地图效果 threejs 3d地图粒子效果下钻版 - 江西省 threejs 3d地图粒子效果下钻版 - 河北省 t...

yekong 6个月前 (10-09) 993℃ 2喜欢

threejs实现3d饼状图效果

threejs实现3d饼状图效果
数据可视化大屏项目开发中经常会遇到需要渲染饼状图的情况,有时候平面饼状图不能满足我们想要的效果了,我们就需要创建更复杂的比如3d饼状图效果。今天我们用threejs来实现一个3d饼状图效果。 开发环境 开发环境我们选择nodejs16 框架 vue3 vite js three版...

yekong 6个月前 (10-05) 276℃ 0喜欢

threejs 3d机房信息提示实例

threejs 3d机房信息提示实例
threejs 3d机房渲染实例,鼠标划过机柜实现提示,地面动态效果等。 项目框架 vue3 + vite + js 项目运行环境 nodejs 16 threejs版本 "three": "^0.152.0", threejs 3d机房...

yekong 6个月前 (10-04) 270℃ 0喜欢

threejs 3D人体扫描效果

threejs 3D人体扫描效果
threejs 3D人体扫描效果 项目框架 vue3 + vite + js 项目运行环境 nodejs 16 threejs版本 "three": "^0.151.0", 其他依赖 "dependencies": {...

yekong 7个月前 (09-26) 454℃ 0喜欢

threejs 3d背景视角移动的效果

threejs 3d背景视角移动的效果
2021年的时候,做过一个数据可视化大屏,记得有一个效果是加载地图的动画视频,一个格子地面上,放着一个地图,然后移动视角来实现一个动画的效果。 格子背景动画 动画效果 今天看到这个视频后,就想着有没有办法通过代码来实现这种效果呢?我们先剔除掉地图,只要格子背景。 实现思路 首...

yekong 9个月前 (08-01) 413℃ 0喜欢