简居VR产品系统

本项目解决传统实景展示信息传递不直观、空间感知差、无法远程体验的痛点。在房地产、装修设计、酒店旅游等行业，客户需亲临现场才能全面了解空间布局，耗时耗力且受地理限制。传统二维照片和视频无法提供真实三维空间感受，导致决策困难、转化率低。本项目基于 Web 的 360°全景展示技术，将多角度平面照片转换为可交互的球形全景场景，让用户在浏览器中实现沉浸式"云看房"体验，大幅提升信息传递效率，降低实地考察成本，为商家提供高效的内容营销工具。

本项目是一个完整的 VR 全景内容管理与沉浸式浏览平台，包含四大核心模块：用户认证系统提供登录注册和权限控制；我的 VR 主页展示用户作品列表，支持搜索、Tab 切换和批量管理；相册选择页面调用手机图库，支持多图选择和实时预览；VR 查看器是核心体验模块，基于 Three.js 实现 360°球形全景渲染，支持拖拽旋转、缩放、陀螺仪交互，底部缩略图实现多场景平滑切换，集成场景音效和背景音乐播放器，支持自动旋转、全屏和 FOV 调节。平台形成从图片采集、作品创建到沉浸式查看的完整闭环。

我负责全栈开发与架构设计。前端采用 React 18 + TypeScript + Vite + Zustand 构建 SPA，Tailwind CSS 实现响应式 UI；VR 查看器基于 Three.js + @react-three/fiber，通过反向球体网格和等距矩形投影纹理实现 360°渲染，采用双球体插值实现场景切换动画，集成惯性阻尼系统提供流畅相机控制；后端使用 Go + Gin + GORM 构建 RESTful API，实现用户认证、文件上传、作品 CRUD 接口，设计 Work→Scene→Hotspot 数据模型；难点包括全景图路径拼接问题（通过前后端双重路径标准化解决）、移动端相册兼容性（HTML5 File API）、Three.js 纹理性能优化（三线性过滤 + 16x 各向异性）。