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

本文详细介绍了如何使用dtns.network开源智体世界引擎创建乔布斯3D纪念馆,并通过poplang实现3D模型中的摆件与粉丝群的互动,包括群聊创建、管理及付费转化功能。
摘要由CSDN通过智能技术生成

【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

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

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

加入QQ群:279931001

加入微信群:

wechat-qr (2).png

  • 7
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值