vue

vue vite引入glsl文件 24小时内最新

vue vite引入glsl文件
vue vite项目中引入glsl文件后会报错Unexpected identifier 'vec2',我们需要配置一下vite-plugin-glsl。 安装依赖 pnpm i vite-plugin-glsl 编辑vite.config.js文件 import {defin...

yekong 12小时前 5℃ 0喜欢

threejs

VR全景看房全局加载进度管理实现页面loading 24小时内最新

VR全景看房全局加载进度管理实现页面loading
VR全景看房当我们实现了VR全景看房房间切换以及地图动画,还需要再进行优化,因为图片过多过大,我们需要一段时间来加载这些图片,这时候我们就需要一个进度提示,让访客知道图片加载进度。 创建加载进度 创建一个div当我们的资源加载时,显示这些信息给用户返回当前状态,当进度为100%的...

yekong 18小时前 12℃ 0喜欢

threejs

VR全景看房房间切换以及地图动画

VR全景看房房间切换以及地图动画
VR全景看房实现场景房间切换效果,当我们实现了房间切换后,我们还需要添加一个小地图,小地图的作用就是标记位置,告诉用户自己当前所处的位置 创建地图 这里使用一个图片作为小地图,定位到左下角,用来表示房间的房型,以及当前用户的位置。 切换房间是地图也跟着切换 当我们监听到房间标...

yekong 23小时前 10℃ 0喜欢

threejs

VR全景看房实现场景房间切换效果

VR全景看房实现场景房间切换效果
vr全景看房,在实现VR全景查看房间后,我们还需要进行VR全景看房实现场景房间切换效果。 创建多个房间 VR全景看房,要切换房间,首先要有多个房间可供切换,所以我们需要创建多个房间。 因为要创建多个房间,所以我们需要一个房间函数 class Room { constructo...

yekong 23小时前 11℃ 0喜欢

数据大屏

vue3 VR全景看房视频教程及演示实例

vue3 VR全景看房视频教程及演示实例
当前VR全景看房实例为threejs视频教程 Three.js可视化企业实战WEBGL课 -全景看房与科技展馆章节-实例演示。 全景看房与科技展馆课程介绍 VR全景看房原理与实现 全景看房场景房间切换 房间切换之地图动画 全局加载进度管理实现页面loading 扩展提升实现科技...

yekong 1天前 17℃ 0喜欢

threejs

vr全景看房原理以及实现

vr全景看房原理以及实现
vr全景看房通过创建多个立方体盒子,并给立方体盒子是6个方位添加图片,将视角设置为立方体盒子中心通过鼠标调整视角视角达到vr全景看房的效果。 初始化场景 // 初始化场景 const scene = new THREE.Scene(); 初始化相机 // 初始化相机 cons...

yekong 1天前 11℃ 0喜欢

threejs

threejs 实现发光描边闪烁效果

threejs 实现发光描边闪烁效果
threejs实现发光描边后,我们可以继续深入学习,进行更多的设置。 OutlinePass有很多控制高亮外边框样式的属性,下面介绍几个比较常用的属性。 OutlinePass描边颜色 OutlinePass描边颜色,通过visibleEdgeColor来实现,默认是白色 out...

yekong 2天前 15℃ 0喜欢

threejs

threejs 实现高亮发光描边效果

threejs 实现高亮发光描边效果
threejs会遇到一些需求,比如模型选中后,添加一个高亮描边的效果,表示当前模型选中了,那么如何实现描边呢? 这里我们可以使用OutlinePass来实现高亮发光描边效果 后期处理需要用到EffectComposer.js效果合成器,对threejs进行后期处理。 引入Effe...

yekong 2天前 12℃ 0喜欢

echarts

echarts沧州市泊头市地图自定义label样式演示实例

echarts沧州市泊头市地图自定义label样式演示实例
数据大屏 项目中经常需要渲染echarts地图,为了不同城市快速实现,将不同城市的echarts地图效果整理出来,今天为大家整理沧州市泊头市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。 泊头,河北省辖县级市,由沧州市代管。位于河北东南部,地理坐...

yekong 2天前 12℃ 0喜欢