【WEB前端2024】开源智体世界：乔布斯3D纪念馆-第29课-会员制展厅

【WEB前端2024】开源智体世界：乔布斯3D纪念馆-第29课-会员制展厅

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

下面分为几步介绍，如何基于dtns.network智体世界引擎如何实现乔布斯3D纪念馆的碟状总部的展览馆的会员制展厅——仅会员等级达到指定的级别，才能进入内嵌的blender展厅。

通过使用内置的会员系统，可以精准的区分不同的层级的会员用户，以提供给差异化的3D纪念馆会员服务。可以增加3D纪念馆和ib3.hub智体节点的赢利点和差异化服务能力。从而大大提升了整个系统的个性化用户服务体验。

第一步：打开头榜页面，找到3D纪念馆xverse轻应用

第二步：点击右上角…进入头榜编辑器

第三步：点击正面的“编辑xverse轻应用源码”，进入3D场馆编辑器

注：点击嵌入的展厅的门3D组件

第四步：点击右侧的属性面板下方的脚本-编辑，进入poplang智体编程语言的脚本编辑器，设置会员门禁

注：通过/user/account/info可以查看得到vip_info的json信息，从而在其中拿到会员等级vip_level，通过与vip_less变量（这里设置为3）的比较，可以通过pop.ifelse进行vip_flag的判断跳转，是可以进入（into），还是禁止进入（ban）

编辑完脚本后，点击右上角的X关闭poplang脚本编辑器。

第五步：点击顶部菜单“文件”推送头榜（作品），将此3D纪念馆分享给其他用户

注：分享的头榜标题为“3D纪念馆-会员展厅”

第六步：找到刚发布的xverse轻应用头榜，点击进入体验会员展厅效果

第七步：进入3D轻应用后，使用中下部位的“滚动球”控制玩家角色移动，直到移动至门前（继续移动想穿越门，但是无法进入）

注：因为会员等级为0，故无法穿越需要会员等级最少为3的门禁（如上图所示）。

第八步：返回头榜页面，找到刚才的xverse轻应用，点击右上角的…，进入头榜编辑器，然后点击“编辑xverse轻应用源码”

点击…后进入头榜内容编辑器（如下图所示）

第九步：进入会员制展厅的xverse应用编辑器后，点击门3D组件的脚本-编辑，将会员等级设置为-1（允许会员等级为0的也进入），相当于将会员门禁取消

注：如上图所示：将vip_less变量设置为-1

第十步：点击顶部菜单——启动（玩家视角），实时预览xverse应用的效果，可以看到已经可以进入至会员制展厅内部了

注：通过滚动球控制玩家（3D玩家形象），通过门处进入至3D展厅内部进行游览。

通过上述10步，我们成功完成了《乔布斯3D纪念馆》的飞碟形态的3D纪念馆的添加会员制门禁系统的功能，从而实现了第1个会员制展厅。通过会员制展厅的实时管理能力，我们将可以控制不同的用户体验，从而丰富会员用户管理的层次感，提升整个3D纪念馆的赢利点和赢利能力。使3D 纪念馆和智体应用、智体节点的经济实现高效正循环。

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