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

本文主要是介绍【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上开源的项目!

这篇关于【WEB前端2024】开源智体世界:乔布斯3D纪念馆-第29课-会员制展厅的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1005631

相关文章

Vue3 的 shallowRef 和 shallowReactive:优化性能

大家对 Vue3 的 ref 和 reactive 都很熟悉,那么对 shallowRef 和 shallowReactive 是否了解呢? 在编程和数据结构中,“shallow”(浅层)通常指对数据结构的最外层进行操作,而不递归地处理其内部或嵌套的数据。这种处理方式关注的是数据结构的第一层属性或元素,而忽略更深层次的嵌套内容。 1. 浅层与深层的对比 1.1 浅层(Shallow) 定义

这15个Vue指令,让你的项目开发爽到爆

1. V-Hotkey 仓库地址: github.com/Dafrok/v-ho… Demo: 戳这里 https://dafrok.github.io/v-hotkey 安装: npm install --save v-hotkey 这个指令可以给组件绑定一个或多个快捷键。你想要通过按下 Escape 键后隐藏某个组件,按住 Control 和回车键再显示它吗?小菜一碟: <template

无人叉车3d激光slam多房间建图定位异常处理方案-墙体画线地图切分方案

墙体画线地图切分方案 针对问题:墙体两侧特征混淆误匹配,导致建图和定位偏差,表现为过门跳变、外月台走歪等 ·解决思路:预期的根治方案IGICP需要较长时间完成上线,先使用切分地图的工程化方案,即墙体两侧切分为不同地图,在某一侧只使用该侧地图进行定位 方案思路 切分原理:切分地图基于关键帧位置,而非点云。 理论基础:光照是直线的,一帧点云必定只能照射到墙的一侧,无法同时照到两侧实践考虑:关

【 html+css 绚丽Loading 】000046 三才归元阵

前言:哈喽,大家好,今天给大家分享html+css 绚丽Loading!并提供具体代码帮助大家深入理解,彻底掌握!创作不易,如果能帮助到大家或者给大家一些灵感和启发,欢迎收藏+关注哦 💕 目录 📚一、效果📚二、信息💡1.简介:💡2.外观描述:💡3.使用方式:💡4.战斗方式:💡5.提升:💡6.传说: 📚三、源代码,上代码,可以直接复制使用🎥效果🗂️目录✍️

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画(下)

【课程链接】 AntV G6:深入图形与图形分组、自定义节点、节点动画(下)_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中,应该怎样去计算和绘制图形,如何给一个图形制作不间断的动画,以及在鼠标事件之后产生动画。(有点难,需要好好理解) <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06

2024年流动式起重机司机证模拟考试题库及流动式起重机司机理论考试试题

题库来源:安全生产模拟考试一点通公众号小程序 2024年流动式起重机司机证模拟考试题库及流动式起重机司机理论考试试题是由安全生产模拟考试一点通提供,流动式起重机司机证模拟考试题库是根据流动式起重机司机最新版教材,流动式起重机司机大纲整理而成(含2024年流动式起重机司机证模拟考试题库及流动式起重机司机理论考试试题参考答案和部分工种参考解析),掌握本资料和学校方法,考试容易。流动式起重机司机考试技

揭秘世界上那些同时横跨两大洲的国家

我们在《世界人口过亿的一级行政区分布》盘点全球是那些人口过亿的一级行政区。 现在我们介绍五个横跨两州的国家,并整理七大洲和这些国家的KML矢量数据分析分享给大家,如果你需要这些数据,请在文末查看领取方式。 世界上横跨两大洲的国家 地球被分为七个大洲分别是亚洲、欧洲、北美洲、南美洲、非洲、大洋洲和南极洲。 七大洲示意图 其中,南极洲是无人居住的大陆,而其他六个大洲则孕育了众多国家和

阿里开源语音识别SenseVoiceWindows环境部署

SenseVoice介绍 SenseVoice 专注于高精度多语言语音识别、情感辨识和音频事件检测多语言识别: 采用超过 40 万小时数据训练,支持超过 50 种语言,识别效果上优于 Whisper 模型。富文本识别:具备优秀的情感识别,能够在测试数据上达到和超过目前最佳情感识别模型的效果。支持声音事件检测能力,支持音乐、掌声、笑声、哭声、咳嗽、喷嚏等多种常见人机交互事件进行检测。高效推

【专题】2024飞行汽车技术全景报告合集PDF分享(附原数据表)

原文链接: https://tecdat.cn/?p=37628 6月16日,小鹏汇天旅航者X2在北京大兴国际机场临空经济区完成首飞,这也是小鹏汇天的产品在京津冀地区进行的首次飞行。小鹏汇天方面还表示,公司准备量产,并计划今年四季度开启预售小鹏汇天分体式飞行汽车,探索分体式飞行汽车城际通勤。阅读原文,获取专题报告合集全文,解锁文末271份飞行汽车相关行业研究报告。 据悉,业内人士对飞行汽车行业

高效录音转文字:2024年四大工具精选!

在快节奏的工作生活中,能够快速将录音转换成文字是一项非常实用的能力。特别是在需要记录会议纪要、讲座内容或者是采访素材的时候,一款优秀的在线录音转文字工具能派上大用场。以下推荐几个好用的录音转文字工具! 365在线转文字 直达链接:https://www.pdf365.cn/ 365在线转文字是一款提供在线录音转文字服务的工具,它以其高效、便捷的特点受到用户的青睐。用户无需下载安装任何软件,只