【WEB前端2024】开源智体世界：乔布斯3D纪念馆-第14课-跳转平行3D馆

【WEB前端2024】开源智体世界：乔布斯3D纪念馆-第14课-跳转平行3D馆

使用dtns.network德塔世界（开源的智体世界引擎），策划和设计《乔布斯超大型的开源3D纪念馆》的系列教程。dtns.network是一款主要由JavaScript编写的智体世界引擎（内嵌了three.js编辑器的定制版-支持以第一视角游览3D场馆），可以在浏览器和node.js、deno、electron上运行，它是一个跨平台的软件，支持多个操作系统使用！

下面分为几步介绍，如何基于dtns.network智体世界引擎如何实现乔布斯3D纪念馆的碟状总部的展览馆摆件的摆件跳转平行3D馆的交互效果——一个非常酷的交互效果，从一个3D纪念馆跳转到另外一个3D馆。可以将一个3D馆变成一个3D门户，或者变成一种3D剧集（像不像电视剧集），或者变成一种平行3D宇宙的互动集合（类似游戏地图、游戏副本的开拓与穿越）。

第一步：找到简版的3D馆，打开它、复制它

点击打开它（可能需要下载1-2秒，很快下载完并自动打开3D馆——如下图）

点击右上角的【复制】按钮，显示复制成功，请切换到文件夹复制（这里指的是【我的文件夹】）

第二步：通过智体IB，输入cd跳转至【我的文件夹】

点击【发送】按钮，跳转【我的文件夹】如下图：

点击右上角的【新建】，进入【新建文件夹】页面，如下图所示

将文件夹名称改为：简版乔布斯3D纪念馆，然后点击右上角【确认】，新建成功如下图

点击“简版乔布斯3D纪念馆”，进入该子文件夹（如下图）

进入该子文件夹后，点击【粘贴】，刚才复制的【简版3D纪念馆】的xverse轻应用文件粘贴成功。

然后点击右上角的【合成dxib】，制作成dxib超级智体应用，会跳转头榜发布页面，如下图：

点击右上角【确认】，合成的dxib应用发布头榜成功。

第三步：复制dxib的文件ID

点击头榜刷新得到最新的列表，找到【简版乔布斯3D纪念馆】DXIB超级智体应用的所在，点击右上角…，进入头榜编辑页面如下图：

将dxib_url中的filename参数复制（复制以obj_开头的文件ID），以便后面在3D编辑器中使用该文件ID。

第四步：找到3D纪念馆-跳转粉丝群的xverse轻应用，点击右上角的…

点击右上角的…后，进入头榜编辑页面

点击编辑xverse轻应用源码，进入3D编辑器

第五步：点击紫金色的Iphone手机摆件，点击右下角的脚本-新建，进入poplang智体编程编辑器

点击后会进入智体编辑编辑器

第六步：使用指令ib3.file.go 跳转刚才复制的dxib超级智体应用的文件ID——亦即跳转平行3D馆

点击右上角X，关闭智体编程编辑器（默认自动保存编辑后的代码）

第七步：点击顶部菜单【文件】，再选择【推送头榜（作品）】

点击后会将本3d馆的json源码，生成xverse.zip文件发送头榜。

第八步：编辑xmsg头榜标题，确认发送头榜

将标题修改为：跳转平行3D纪念馆，点击右上角确认成功发布头榜

第九步：回到头榜页面、点击头榜刷新看到最新的头榜列表内容（其中看到了刚发布的xverse-3D应用）

注：推送头榜（作品）会将刚才3D编辑器的场景自动截图，将合成xverse-3D应用。点击这个“跳转平行3D纪念馆”，跳转到3d场馆游览页面

第十步：查看3D纪念馆，游览模式下移动到紫金色的Iphone 3D摆件

第十一步：点击中间的紫金色Iphone手机3D摆件，跳转至平行3D馆

我们看到，已经成功跳转了简版乔布斯3D纪念馆（以DXIB超级智体应用封装了的3D馆——不能直接跟3D馆——因为无法实现自身跳转自由，须经由一个中间的页面——例如DXIB智体应用或xcard轻应用——后续会讲xcard轻应用跳转平行馆）

通过上述11步，我们成功完成了《乔布斯3D纪念馆》的飞碟形态的摆件的跳转平行3D馆。有了这样的神器（跳转平行3D馆功能），可以将3D馆变身《剧本杀》《3D短剧》《3D游戏馆》《3D教程》等等各种模式的智体世界3D内容集合。并且使用poplang智体编程语言（采用极简的自然语言指令进行编程），简单轻松即可实现丰富的智体3D馆效果！

注：dtns.network德塔世界（开源的智体世界引擎）是在github和gitee上开源的项目！

开源地址：

github地址：https://github.com/dtnsman/dtns

Gitee地址：https://github.com/dtnsman/dtns

官方文档：https://dtns.network.yunapi.org

加入QQ群：279931001

加入微信群：