dtns.network德塔世界

# 【WEB前端2024】开源元宇宙：乔布斯3D纪念馆-第13课-跳转粉丝群

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

下面分为几步介绍，如何基于dtns.network智体世界引擎如何实现乔布斯3D纪念馆的碟状总部的展览馆摆件的摆件跳转粉丝群的交互效果——跳转粉丝群可以有效地通过群管理、群运营粉丝，并且通过设置VIP群等来实现粉丝群的付费转化效果等。

# 第一步：找到xverse应用，点击它，进入飞碟形的乔布斯3d纪念馆的3D模型游览

1.png

# 第二步：点击右上角...后，进入编辑xverse应用页面

2.png

# 第三步：编辑xverse源码，进入3D编辑器

11.png

# 第四步：在进入3D纪念器之前，在【聊天】页面的右上角点击【发起群聊】

3.png

# 第五步：添加群成员，点击确认创建群聊成功

4.png

# 第六步：回到【消息】页面，下拉刷新，看到新建的群聊

5.png

# 第七步：进入最新建的群聊，点击右上角的...，进入群管理页面

6.png

点击右上角的...，进入群管理页面如下图所示：

7.png

点击群昵称（进入群昵称修改页面），修改群昵称如下图所示

8.png

将群昵称修改为：乔布斯粉丝群-2，点击右上角的确认，保存成功（返回群管理页面）

9.png

我们看到，群昵称已经修改成功，点击<返回上页（粉丝群的群聊天页面如下图所示）

10.png

注意：复制群ID如上图所示，用于智体编程poplang的编辑器使用

# 第八步：回到3D编辑器页面

11.png

# 第九步：点击《乔布斯传》的贴图摆件，编辑poplang脚本，复制粘贴刚才的群ID

12.png

注：使用了ib3.chat.go 群ID的方式实现粉丝群的跳转交互效果。

然后关闭这个poplang代码编辑器，重新启动（自由视角），进入游览模式

13.png

# 第十步：继续点击《乔布斯》3D摆件，成功跳转到乔布斯粉丝群-2

14.png

跳转粉丝群效果图如下：

15.png

我们看到，已经成功跳转了乔布斯粉丝群-2.

# 第十一步：通过智体IB输入3de，回到3D编辑器并向社区用户推送头榜（作品）——xverse的json源文件

16.png

回到3D编辑器如下图所示：

17.png

点击顶部菜单文件-推送头榜（作品）

18.png

跳转到发送头榜页面：

19.png

编辑xmsg标题为：3D纪念馆-跳转粉丝群——如上图所示

# 第十二步：返回头榜页面，查看新发布的xverse应用，点击进入体验

20.png

通过上述12步，我们成功完成了《乔布斯3D纪念馆》的飞碟形态的摆件的跳转乔布斯粉丝群，实现了用户点击摆件跳转打开指定的群聊的交互功能。通过poplang智体编程语言，我们可以实现丰富的自定义的交互功能和能力，跳转并打开任意群聊（均由用户自定义），实现强大的3D-2D交互效果、用户导流、付费转化效果（例如通过群管理页面，将群设置为VIP群聊——也就是付费成为VIP才可进入该粉丝群）。

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

# 开源地址：

github地址：https://github.com/dtnsman/dtns (opens new window)

Gitee地址：https://github.com/dtnsman/dtns (opens new window)

官方文档：https://dtns.network.yunapi.org (opens new window)

加入QQ群：279931001

加入微信群：

wechat-qr (2).png