vue vite项目中引入glsl文件后会报错Unexpected identifier 'vec2'，我们需要配置一下vite-plugin-glsl。
安装依赖
pnpm i vite-plugin-glsl
编辑vite.config.js文件
import {defin...
yekong
12小时前 5℃
0喜欢
VR全景看房当我们实现了VR全景看房房间切换以及地图动画，还需要再进行优化，因为图片过多过大，我们需要一段时间来加载这些图片，这时候我们就需要一个进度提示，让访客知道图片加载进度。
创建加载进度
创建一个div当我们的资源加载时，显示这些信息给用户返回当前状态，当进度为100%的...
yekong
18小时前 12℃
0喜欢
VR全景看房实现场景房间切换效果，当我们实现了房间切换后，我们还需要添加一个小地图，小地图的作用就是标记位置，告诉用户自己当前所处的位置
创建地图
这里使用一个图片作为小地图，定位到左下角，用来表示房间的房型，以及当前用户的位置。
切换房间是地图也跟着切换
当我们监听到房间标...
yekong
23小时前 10℃
0喜欢
vr全景看房，在实现VR全景查看房间后，我们还需要进行VR全景看房实现场景房间切换效果。
创建多个房间
VR全景看房，要切换房间，首先要有多个房间可供切换，所以我们需要创建多个房间。
因为要创建多个房间，所以我们需要一个房间函数
class Room {
constructo...
yekong
23小时前 11℃
0喜欢
当前VR全景看房实例为threejs视频教程 Three.js可视化企业实战WEBGL课 -全景看房与科技展馆章节-实例演示。
全景看房与科技展馆课程介绍
VR全景看房原理与实现
全景看房场景房间切换
房间切换之地图动画
全局加载进度管理实现页面loading
扩展提升实现科技...
yekong
1天前 17℃
0喜欢
vr全景看房通过创建多个立方体盒子，并给立方体盒子是6个方位添加图片，将视角设置为立方体盒子中心通过鼠标调整视角视角达到vr全景看房的效果。
初始化场景
// 初始化场景
const scene = new THREE.Scene();
初始化相机
// 初始化相机
cons...
yekong
1天前 11℃
0喜欢
threejs实现发光描边后，我们可以继续深入学习，进行更多的设置。
OutlinePass有很多控制高亮外边框样式的属性，下面介绍几个比较常用的属性。
OutlinePass描边颜色
OutlinePass描边颜色，通过visibleEdgeColor来实现，默认是白色
out...
yekong
2天前 15℃
0喜欢
threejs会遇到一些需求，比如模型选中后，添加一个高亮描边的效果，表示当前模型选中了，那么如何实现描边呢？
这里我们可以使用OutlinePass来实现高亮发光描边效果
后期处理需要用到EffectComposer.js效果合成器，对threejs进行后期处理。
引入Effe...
yekong
2天前 12℃
0喜欢
随着开发 数据可视化大屏 项目越来越多,对地图的需求也各不相同,除了百度地图和高德地图外还会遇到echarts和threejs的需要,对地图的效果以及城市也各不相同,今天为大家整理沧州市任丘市echarts地图和threejs地图效果实例供大家参考。地图基于geoJson数据绘制...
yekong
2天前 9℃
0喜欢
数据大屏 项目中经常需要渲染echarts地图，为了不同城市快速实现，将不同城市的echarts地图效果整理出来，今天为大家整理沧州市泊头市echarts地图和threejs地图效果实例。地图基于geoJson数据绘制。
泊头，河北省辖县级市，由沧州市代管。位于河北东南部，地理坐...
yekong
2天前 12℃
0喜欢
