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

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

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

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

第一步：在打开dtns.connector连接器之后，找到并点击智体IB

点击打开它，进入智体IB聊天窗口

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

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

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

点击《简版乔布斯3D纪念馆》

点击右上角的编辑，然后点击*.xverse.zip文件的右侧的【信息】选项按钮，弹窗出现【查看文件ID】，复制这个obj_file开头的文件ID，以便后面通过xcard轻应用跳转它

第三步：返回智体IB聊天窗口，输入creator，进入xcard轻应用编辑器

输入完creator指令后，点击右下角的【发送】按钮，跳转到xcard轻应用编辑器如下图：

点击顶部工具栏的【清空画布】，将缓存的《3D纪念馆平面图》清空

注：如上图所示，在顶部工具栏的右侧的画布大小，修改画布为600*100规格。

注：如上图所示，在左侧的2D组件找到T型的text文本框，拖动到右侧的画布的中间位置。将文本修改为“默认会自动跳转平行3D馆》

设置文本框的poplang脚本如下图所示：

注：如上图右侧poplang编辑器所示，使用ib3.file.go obj_file*（复制刚才的*.xverse.zip文件ID到这里），这句语句的意思是使用ib3.file.go指令，跳转《简版的乔布斯3D纪念馆》xverse轻应用。

编辑完成后，点击顶部工具栏的【发送头榜】，如下图所示：

第四步：编辑xcard轻应用附件头榜的标题，确认发送头榜

注：将分享消息修改为“默认自动跳转平行3D馆”，最下面的推送头榜（选项）设置为【无】，然后点击右上角的【确认】，发送头榜。

返回头榜页面，看到未有新的头榜内容，点击右上角的+号，进入头榜发送页面（如下图所示）

如下图所示：点击最下面的【我的稿箱】

点击我的稿箱，会发现“自动跳转到平行3D馆”（如下图所示）

点击左侧的<返回，返回上页——头榜（我的稿箱），正常出现了刚才发布的xcard轻应用内容“默认自动跳转平行3D馆”

点击右上角的…，跳转进入头榜内容编辑器（如下图所示）

如上图所示：先找到文件ID：obj_file*复制它，然后点击右上角的【下榜（稿箱）】，将该头榜从【我的稿箱】中下榜，避免再次进入我的稿箱时，自动跳转这个3D馆。

第五步：找到《跳转平行3D馆》

第六步：点击右上角的…，进入编辑xverse轻应用源码

第七步：进入3D纪念馆，点击紫金色Iphone摆件，找到右下角的脚本

点击脚本-编辑，将进入poplang智体编程语言的脚本编辑器。

第八步：将ib3.file.go指令跳转的文件ID修改为刚才的xcard轻应用文件ID

并且将ib3.toast的标题内容，追加“（xcard轻应用方式）”，点击右上角的X关闭的同时保存脚本到3D组件代码中。

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

注：推送头榜（作品）会将刚才3D编辑器的场景自动截图，将合成xverse-3D应用。

第十步：编辑头榜内容的xmsg标题，确认发送头榜

将xmsg标题修改为《xcard方式跳转平行3D馆》，点击右上角的确认后，返回头榜（如下图所示）

点击下图最顶部的头榜内容《xcard方式跳转平行3D馆》

加载4M大小的文件，大概花费2-3秒，而后会进入3D馆（如下图所示）

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

我们看到，已经成功跳转了简版乔布斯3D纪念馆（以xcard应用封装了的3D馆——不能直接跳转3D馆——因为无法实现自身跳转自身，须经由一个中间的页面——例如DXIB智体应用或xcard轻应用）——这里看到消息提示为“跳转平行3D纪念馆（xcard轻应用方式），证明是刚才编辑的xcard方式跳转平行3D馆。

通过上述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

加入微信群：