分类:threejs案例实例

threejs案例实例收集整理

threejs实例效果汇总

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

yekong 7个月前 (04-25) 喜欢

threejs 实现流光线路图效果

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

yekong 9个月前 (02-18) 喜欢

threejs 3d机房渲染实例

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

yekong 10个月前 (01-27) 喜欢

threejs让平面图在3d层面旋转

threejs让平面图在3d层面旋转
数据可视化大屏 开发过程中,需要图片在3d层面的点缀,今天我们来实现一张平面图如何在3d层面旋转。 准备一张图 我们首先准备一张平面图,这张图片各个角度要有差异,不能像一个圆环,不然转起来也看不出图片在旋转。 效果截图 动态效果 插件 "three": ...

yekong 11个月前 (12-21) 喜欢

threejs实现一个自转的地球

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

yekong 1年前 (2023-10-11) 喜欢

threejs 3d地图粒子效果

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

yekong 1年前 (2023-10-09) 喜欢

threejs实现3d饼状图效果

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

yekong 1年前 (2023-10-05) 喜欢

threejs 3d机房信息提示实例

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

yekong 1年前 (2023-10-04) 喜欢

threejs 3D人体扫描效果

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

yekong 1年前 (2023-09-26) 喜欢

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

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

yekong 1年前 (2023-08-01) 喜欢