隔空手势交互｜多场景3D展示厅

这是一个基于WebGL的动态3D展示厅。可用于作品、作业（作文）、绘画、照片、荣誉（奖项）等互动展示，适用课堂教学、家长会、学习培训等场景。支持拖拽上传本地图片、多种3D排列模式切换、沉浸式内容播放以及随机抽取展示功能。整体视觉采用黑金配色与磨砂玻璃风格。

点击“▶ 播放”进入沉浸式展示厅。
• PC端：精装书本翻页效果。
• 移动端：大图幻灯片轮播效果。
• 操作：点击中间播放按钮开启自动轮播，或使用左右箭头手动切换。
• 侧边栏：鼠标悬停右侧区域（PC）或查看底部（移动端）可快速跳转缩略图。

点击“📷 手势”按钮开启摄像头即可使用以下手势进行非接触式操作。视频框可任意拖拽位置。

✋

手掌张开 (保持 0.7秒):
主场景：触发“随机抽取”功能。
展示厅：启动自动播放。

✊

握拳 (保持 0.7秒):
主场景：关闭详情或停止抽取。
展示厅：常规高度停止播放；举高拳头关闭展示厅。

☝️

食指指向左右:
在图片详情页或展示厅时：切换上一张/下一张图片。
在主场景时：切换 3D 排列布局（圆环、球体、矩阵等）。

👐

双手操作:
双手距离变化控制缩放；双手旋转控制场景旋转；双手上下位移控制视角倾斜。

• 鼠标左键拖拽：旋转视角
• 滚轮：缩放视角
• 点击图片：查看高清大图
• 🔄 重置：清除所有上传数据并恢复初始状态