抽屉里面嵌套弹窗

你是一个javascript前端开发者，做一个网页，要求: 1. 做3个按钮，放在网页的顶部 2. 引入babylon.js，实现3D效果： 3个按钮对应3个房间，按钮点击后进入某个房间，房间内部有办公桌，办公桌可以打开抽屉，点击抽屉可以打开多个文件，点击每一个文件可以查看一段文本。输入的JSON格式如下： [{"home":"房间1", "desk":[{"name":"1号桌子","drawer":[{"name":"1号抽屉","file":[{"name":"1号文件","text":"文件1，这是一个测试文本"} ]}]}]}] 根据上面的json生成3d场景 3. 3D场景的房间摄像机固定在一个区域，不要让使用者旋转产生眩晕感。考虑网页性能，如果鼠标不动，就不占用系统资源 ------------------ 功能说明 这个3D办公室探索应用实现了以下功能： 房间管理： 每次只显示一个房间 切换房间时销毁前一个房间并创建新房间 顶部按钮用于在不同房间之间切换 房间结构： 三面墙（后墙、左墙、右墙），前面开放 限制摄像机旋转范围，防止看到开放面 房间顶部添加了日光灯照明 一打开房间，摄像机就对准桌子，并可以直接点击打开抽屉 办公桌设计： 办公桌靠左墙排列 多张桌子沿Z轴间隔分布 每个办公桌抽屉布局： 左侧3个抽屉（垂直排列） 右侧3个抽屉（垂直排列） 中间1个抽屉 交互功能： 点击抽屉可以打开/关闭 打开抽屉后可以查看里面的文件 点击文件可以查看详细内容 性能优化： 当鼠标不动超过500ms时暂停渲染循环 恢复交互时自动重新开始渲染 优化了材质和模型复杂度 使用说明 通过顶部按钮在不同房间之间切换： 项目办公室 设计工作室 技术中心 使用鼠标控制场景： 左键拖动：旋转视角 右键拖动：平移视角 滚轮：缩放 点击抽屉打开/关闭 点击文件查看内容 点击右上角"×"或背景关闭文件视图