VR交互课件，你还不知道如何开始吗？今天就来教你如何在短时间内；无痛制作VR交互课件。
Delightex Edu （原 CoSpaces Edu），提供丰富的免费3D模型库和拼图式编程逻辑，支持3D物体、自带物理拖拽、能一键发布网页的教育平台。这是一个非常经典的信息科技教学场景！能实现3D交互，同时保证网页端（WebVR）流畅运行、零代码且在3 小时内搞定。
今天用到的工具
Delightex Edu：定位是，人人都能拥有的互动式3D世界
网址：https://www.delightex.com/edu
优点：在线（无需安装）、免费、功能齐全（可交互，支持平板及网页版输出）
打开网站后，点击右上角的 “Register”（注册）
加载过程不用管，10秒内（可能是我的网比较慢）
选择 “Teacher”（教师账户） —— 教师账户可以免费创建班级并邀请学生，权限比学生账户更多。
点击后出现“使用条款”，不用管，直接拉动滚动条到最底下勾选同意条款，建议直接使用 Google 账号 或 Microsoft 账号 一键登录；也可以使用电子邮箱注册。
选Google账号后，验证身份（收验证码），按流程操作，授权登录。登录成功后，你会进入个人控制面板。
⚠️注意：
（1）如何停留在注册选“登录方式”的界面，刷新下就可以了（快捷键F5）
（2）弹出下图这个提示，不用管，直接点“关闭”按钮就可以
（3）选择你的计划，选免费的就行（别选第一个），点后面的激活试用，功能多，不受限，尤其是上传3D模型部分，会方便很多，这里选用最基础的进行展示）最后才真正进入控制面板界面
🚀 第二阶段：场景搭建与模型准备（20-30 分钟）“计算机组装”VR交互中，我选择用电脑鼠标拖拽4 个核心硬件，以下是这 4 个硬件的安装顺序和设计逻辑：主板 (Motherboard) —— 必须最先放入机箱底部。
CPU (Processor) —— 拖拽到主板中心的卡槽上。
内存条 (RAM) —— 拖拽到主板的细长插槽中。
显卡 (GPU) —— 拖拽到主板下方的 PCIe 插槽中。
⏱️ 下面，开始创建你的第一个 3D 空间
第一步：创建3D舞台
点击“创建项目”按钮在弹出的新建选项中，选择默认的 “3D环境”右边的 “空白场景 ”。（唯一一个免费的，非常好选
）点击后，你就会进入一个四周都是网格线的空白3D世界。
第二步：换上精美的实验室背景
进入3D舞台后，看向屏幕左下角，点击 环境 按钮。点击“编辑”后，在弹出的环境中，选择“室内模式”，如下图所示。（我的项目是组装计算机，室内比较合适，主要决定rbwq）选择“编辑”右边的“上传”，自制实验室背景。注意，自己上传的图要2:1长图，参考上图的环境图。方法一：在网上找一个“实验室”、“教室”或“现代房间”的360全景图。方法二：用AI生成一张长方形的全景图（360度全景，2:1）。这里，我用了方法二豆包生图（自主性更强），以下是我使用的prompt:帮我生成图片：360度全景图，鱼眼镜头，未来感计算机实验室，白色简约风格，墙壁上显示电路板纹理，中央有全息投影台，柔和蓝光，等距柱状投影，VR场景，环形展厅，两侧悬浮着放大的硬件模型，2:1，4K可以生成多次，直到满意为止，下载到电脑上，。
这样，你的虚拟电脑装机室的背景图就好了，去除水印（我用的是WPS 会员的编辑，没有会员的可以在浏览器中搜索“免费在线去水印”）。
回到delightex Edu，点击“环境”，选择光源环境与亮度，不选也可以。我选的。
这个环境默认带有背景，点击右上角的“...”，“变换”，选择生成的全景图后，背景就上传好了！
⚠️操作过程中，需要注意勾选360环境即可。(上图第5步）
⚠️一定要勾选⚠️ 一定要勾选 ⚠️一定要勾选⚠️想要做的更精致，可以选择“过滤器”“地面”“背景音”等，这里就不演示了。
第三步：生成桌子、机箱和4个核心部件模型
点击屏幕左下角的“库”，可以选择内置的物品模型，但大多丑还要付费，这里直接跳过。点击“库”右边的“上传”按钮，选择“三维模型”，把你电脑里准备好的机箱模型（支持 .obj, .fbx, .gltf, .glb 等 格式）传上去。但上传之前，必须先有模型。下面是我的操作方法：豆包生图-->混元3D建模先用AI生图，方法与生成背景步骤相同。
效果不满意，再次抽卡（点击右下的重新生成）
再使用抠图工具，将白底去掉，网上很多免费的工具，豆包也有抠图功能
点击上传生成的图后，可以完成抠图（但有个小bug，带有水印，需要用图片工具再截个图）1. 进入混元3D网站（https://3d.hunyuan.tencent.com/studio），每天可以生成30次。进入后，点击“立即生成”2. 选择网页左边的 “几何生成” --> “上传单图”--> “上传”--> “50K”--> “立即生成”特别提醒，如果是建模任务，可以保持默认，这里为了使文件更小，选择50K，生成时间约1~3分钟左右生成好的模型为白模（没有颜色，全白色），如下图所示。3. 加入颜色，点击网页左边的“纹理绘制”--> “图生纹理”--> “立即生成”（这里默认会帮你选了图，如果想更换点击图片重新上传，不更换不需操作）4. 点击下方的“下载”，选择支持的模型文件格式（ .obj, .fbx, .gltf, .glb, .stl 等3维格式）。建议选择.glb格式，材质及细节齐全，但文件相对较大。免费版本的只支持几M的文件，太大的无法上传。需要第三方工具压缩文件。我用的压缩工具：
https://tool.bfw.wiki/tool/1765792935635352.html
下载glb格式后，在第三方工具中上传文件，再下载压缩文件。🚀 终极快速作弊法（最省时间）：上传图片。上传透明背景的电脑机箱和 4 个硬件的图片，把它们拉进场景。它们会变成竖立的“纸片模型”，完全不影响鼠标拖拽和吸附的教学逻辑！但角度非常难控制，组装起来也很难。如果是展示类课件可以使用。
第四步：放置模型
点击左下角的“上传” --> “三维模型” --> “上传” --> 选择图片 --> “打开”⚠️ 如果文件较小，可以按住Ctrl键，逐个点选后，再打开，一次性上传多个文件，但总大小不能超过50M，如果超过请单个上传稍等，全部上传后，将鼠标移至模型上，按住鼠标，将模型拖到舞台区，根据需要选择物品上方的四个按钮（旋转、移动、上下、缩放）。比如下图，是桌子刚拖进时，太小了，鼠标左键按住右下角的“缩放”按钮，向外移动，桌子被放大。后面逐个将物品拖进编辑区。调整过程中，物体（模型）较难拼合到一起，可以选择窗口左上方的“锁定网格”，再勾选“粘附于物”。⚠️ 操作过程中，容易把底下的桌子移动，可以锁定。⚠️小技巧，从下往上一个个放，每放好一个就锁定，再开始下一个。最终完成拼装后的效果：点击右上角的“播放”进行预览
使用右上角的“代码”功能，点击打开积木编程界面点击“代码空格”左下角的“设置”按钮，选择“进阶级”可以看到更多功能，根据实际需要来编写程序。🛠️ 核心：记住 4 个硬件的“归位坐标”与“黄金吸附坐标”
在写代码前，我们需要会看坐标（在 3D 画面中右击物体 -> 转换 就能看到 X, Y, Z 值）：
黄金吸附坐标：（目前这个坐标）硬件放进机箱内的正确位置 X, Y, Z 值。
初始坐标： 硬件未操作前的值，可以将硬件拖出到合适的位置，再记录X, Y, Z 值，是初始位置，也是放错时要弹回的位置。（操作完后，可以使用Ctrl + Z 回到正确效果）
为了后期编写代码时，能找到对象，需要有上面的“编码”中，打开“在CoBlocks中使用”开关按钮。相同方法，记录其他硬件的坐标位置，并打开“编码”开关。
⏱️ 下面：手把手拼装主板交互
在代码窗格上，用鼠标从左侧菜单栏把积木拖出来程序块，与scratch 相同 ，如果你擅长其他编程，点击左上角的“+”号，切换其他编程方式。
这里用默认的 积木编程，具体功能根据实际情况自行设置：
鼠标碰触提示信息
点击左侧黄色的 事件，拖出：放置光标移于 [主板]，放到画布空白处。下面包括“移入（是）”和“离开（否）”两种情况！
当鼠标移动物品上时，提示内容。
点击紫色 动作，拖出： [主板] 说 [嗨]，塞进“是”肚子里，点击“嗨”字，修改为“【第1步】请最先将主板安装到机箱底部”。
当光标移开 [主板] 时（否的状态），让 [主板] 停止说话。
点击紫色 动作，拖出： [主板] 说 [嗨]，塞进“否”肚子里，点击“嗨”字，删除。
有提示信息后，加入其他功能，这里没有鼠标点击和拖拽，我用了按键代替。
完整程序：
最终成品效果
https://edu.delightex.com/VYK-JPM
有更好的方案，欢迎留言交流
我是数智笔记，我们下期见~
#AI生图 #VR #VR交互 #VR课件 #混元3D #AI建模 #delightex
