【web前端2024】简单几步制作web3d《萌宠星球》智体节点模板!

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

使用dtns.network的web3d引擎(开源元宇宙/智体世界引擎),我们可以基于《乔布斯3D纪念馆》智体节点模板,轻松制作适用于各行业的web3d智体模板。

本节教程,我们将针对白领人群的萌宠市场,制作一个3d版本的《萌宠星球》。有兴趣成为《萌宠星球》星主们,可以认真学习以下图文教程。

第一步:下载dtns.jobs3d《乔布斯3D纪念馆》的模板

通过链接:https://gitee.com/dtnsman/dtns.jobs3d/tree/master/release 进行下载(可能须登录注册这个开源平台的账户)

1.png

注:我们看到上面的压缩包被分包成11个子压缩包,全部下载(如下图所示),解压要解压001第一个就可以了,其它的会全部解压缩成功

01.png

点击第一个分包,解压缩成功。

第二步:解压缩后如下图所示,点击解压后的jobs3d文件夹进入,里面的dtns.pc.exe是绿色可执行文件——用于启动ib3.hub智体节点

2.png

这是基于dtns.network的node.js版本(forklist.network)开源代码+《乔布斯3D纪念馆》模板全量数据打包的绿色版Electron应用(著名的跨平台node.js开发的PC电脑端打包应用,例如著名的Discord和微软Team就是基于它开发的)

我们这一步先不打开dtns.exe,而是点击里面的【resources文件夹】,如下图

3.png

再点击打开这里的app文件夹

4.png

进入app文件夹,看到如上图所示,打开forklist.network文件夹(ib3.hub智体节点的nodejs版本)

5.png

编辑图中的config_roomid.js文件(以记事本或vscode代码编辑器打开它),编辑里面的g_dev_roomid为’dev00pet3d’

6.png

即可完成config_roomid.js配置文件的修改。保存这个编辑好的文件后,我们对file_temp文件夹下的所有文件进行删除(减小磁盘占用空间)

9.png

清空这个文件夹内容的所有图片(注意不要删除文件夹),即可完成ib3.hub智体节点的配置。

回到最开始的文件路径,打开dtns.exe,运行ib3.hub智体节点。

10.png

第三步:打开windows电脑版《乔布斯3D纪念馆》ib3.hub智体节点,输入默认的dev00pet3d

11.png

点击【确认切换】后如下图

第四步:点击【直接以密钥登录】,输入默认的测试账号密钥

12.png

开发者测试密钥为:Eh4gDYYKowP2JQMmHbTAGi6hvtvhj6BpoMK5Khc8TzPZ

请复制以上密钥(不要多复制任何非密钥字符),填写在输入框,点击【确定】

登录成功,如下图所示:

13.png

注,如一直未能登录成功(关闭再打开dtns.pc.exe)

请打开网址https://gitee.com/dtnsman/dtns.release/tree/master/files ,下载最新版本的website版本的压缩包,然后解压、使用游览器打开里面的index.html,按上述登录操作进行登录尝试

联系人页面:

14.png

头榜页面:

15.png

注意:由于本教程使用的游览器,用户头像有缓存,如未缓存过这些头像,默认为匿名头像,这是正常的现象。

第五步:点击最下面的底栏【头榜】栏,再点击右上角的_号,进入发布萌宠头榜内容的页面

17.png

注:上传萌宠图片,然后点击右上角【确认】,即可发布萌宠成功!

第六步:切换到【我的】,点击头像进入个人信息页面,上传个人头榜和修改昵称为“萌宠星主”

18.png

修改后返回【我的】页面:

19.png

七步:回到头榜页面,点击左下角的智体IB,在聊天输入框填入3de,进入3D星球编辑器

21.png

编辑好后,发布3D作品至头榜(左上角菜单【文件】推送至头榜(作品)。

注:具体的3D场景如何编辑和设计,参考《乔布斯3D纪念馆》系列图文文章或视频教程。

第八步:返回头榜页面,下拉刷新看到如下新的萌星内容

22.png

至此,我们初步完成了web3d《萌宠星球》智体节点的制作(将制作好并改名为dtns.pet3d文件夹压缩为.zip文件,即可发布到模板市场——推荐发布至官方模板市场获得模板下载收益分成)

总结:经过上述8步,我们实现了以《乔布斯3D纪念馆》为模板的web3d《萌宠星球》智体模板的首次制作(后续可以通过不断完善该智体节点的3D内容、头榜内容、图文内容、视频内容、语音内容、群聊权限、小店供应链、标准实时订单系统等组件完善3D萌宠星球的配套服务)。

注: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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://xiahunao.cn/news/3014883.html

如若内容造成侵权/违法违规/事实不符,请联系瞎胡闹网进行投诉反馈,一经查实,立即删除!

相关文章

Colibri for Mac v2.2.0 原生无损音频播放器 激活版

Colibri支持所有流行的无损和有损音频格式的完美清晰的比特完美播放,仅使用微小的计算能力,并提供干净和直观的用户体验。 Colibri在播放音乐时使用极少的计算能力。该应用程序使用最先进的Swift 3编程语言构建,BASS音频引擎作为机器代码捆绑…

走进CDO的世界:探索其主要职能职责

首席数据官(CDO)是统筹管理数据资产、系统开展内外部数据开放共享和价值开发的首要负责人,是推动以数据为核心要素的创新转型、合法合规开辟价值增长新空间的关键领导角色。CDO 制度是包括以CDO为首的数据人才队伍的岗位设置、职能职责体系、…

苹果自研大语言模型“Ajax“ 助力iOS 18升级;Stack Overflow与OpenAI建立API合作伙伴关系

🦉 AI新闻 🚀 苹果自研大语言模型"Ajax" 助力iOS 18升级 摘要:苹果公司预计通过自研大语言模型Ajax来为iOS 18和Siri带来重大升级,但不计划推出类似ChatGPT的AI聊天机器人。Ajax模型基于Google的Jax框架,并…

220V转18V500mA非隔离恒压WT5113

220V转18V500mA非隔离恒压WT5113 亲爱的朋友们,你们是否在为如何提高电源方案而烦恼呢?今天我给大家带来了一款芯片,WT5113宽输出范围非隔离交直流转换芯片,它可是电源方案中的得力助手哦! 这款芯片拥有220V降12V、2…

力扣刷题:四数相加Ⅱ

题目详情: 解法一:暴力枚举 对于这道题,我们的第一思路就是暴力枚举,我们可以写一个四层的for循环进行暴力匹配,只要相加的结果等于0就进行统计。但是我们会发现,我们的事件复杂度为O(N^4)事件复杂度非常大…

电度表抄表是什么?什么叫电度表抄表?

一、电度表抄表的概念和作用 电度表抄表是电力系统中一个基本但非常重要的阶段。它指的是对安装在用户处电度表开展载入,记录下来电力消耗的值,便于测算电费的一个过程。此项工作不仅有利于供电公司精确扣除电费,都是监控和管理电力工程应用…

【前端--Vue】组件之间的多种通信方式,一文彻底搞懂组件通信!

本篇将重点讲解vue中的多种组件通信方式,包括【父传子】【子传父】【兄弟组件通信】【依赖注入】等等,并提供具体案例来让小伙伴们加深理解、彻底掌握!喜欢的小伙伴们点赞收藏,持续关注哦~💕 💟 上一篇文章…

浅谈智能电气火灾监控系统的设计及应用

摘要:致电气火灾的原因是多方面的,主要成因包括漏电、绝缘层老化、短路、电火花密集、接地发生故障、电气设备自然、接触不良和电流超负荷等。文章分析电气火灾的成因,并探索电气火灾监控系统的设计方案与注意事项。 关键词:电气…

推荐5个免费的国内平替版GPT

提起AI,大家第一个想到的就是GPT。 虽然它确实很厉害,但奈何于我们水土不服,使用门槛有些高。 不过随着GPT的爆火,现在AI智能工具已经遍布到各行各业了,随着时间的推移,国内的AI工具也已经“百花盛放”了…

多模态大模型学杂了能力反下降?新研究:MoE+通用专家解决冲突

微调,能让通用大模型更加适配具体的行业应用。 但现在,研究人员们却发现: 对多模态大模型做“多任务指令微调”,大模型可能会“学得多错得多”,因为不同任务之间的冲突,导致泛化能力下降。 △多模态指令微…

进制乘法表(任意进制均可以)

#include <iostream> // 包含输入输出流库 #include <vector> // 包含向量库&#xff0c;未使用&#xff0c;可以删除 #include <string> // 包含字符串库using namespace std; // 使用标准命名空间// 将十进制数转换为P进制形式的字符串 string toBase(…

uniapp 拉起微信授权登录App

登录 微信开放平台 创建移动应用&#xff1a; 然后下一步&#xff1a; 输入相关信息 然后在项目中配置&#xff1a; 通用链接页面需要在页面中配置拉起你的App的 UrlSchemes 具体可参考 uniapp 自定义App UrlSchemes-CSDN博客 示例代码&#xff1a; uni.login({"prov…

【MySQL】连接查询(JOIN 关键字)—— 图文详解:内连接、外连接、左连接、左外连接、右连接、右外连接

文章目录 连接查询驱动表连接查询分类 内连接&#xff08;INNER JOIN&#xff09;内连接 —— 等值连接内连接 —— 自然连接&#xff08;NATURAL JOIN&#xff09;内连接 —— 交叉连接&#xff08;笛卡尔积&#xff09; 外连接&#xff08;OUTER JOIN&#xff09;外连接 ——…

专注 APT 攻击与防御——红蓝对抗渗透测试

在团体渗透测试的项目中&#xff0c;如红蓝对抗&#xff0c;团队渗透测试比赛等&#xff0c;最重要的是过程与结果实时共享于团队&#xff0c;例如&#xff1a;A同学nmap目标站&#xff0c;B同学也nmap目标站&#xff0c;这在对抗比赛中是极其浪费时间也是非常容易引起防火墙&a…

IDEA无法下载远程仓库jar包问题

问题描述&#xff1a; idea无法下载远程仓库jar包&#xff0c;最奇怪的是idea有多个项目&#xff0c;有些项目可以下载&#xff0c;有些项目不行。报错如下&#xff1a; 一开始&#xff1a; unable to find valid certification path to requested target Try run Maven impo…

SQLI-labs-第十三关和第十四关

目录 第十三关 1、判断注入点 2、判断当前数据库 3、爆表名 4、爆字段名 5、爆值 第十四关 1、判断注入点 知识点&#xff1a;POST方式的单引号和括号闭合错误,报错注入 第十三关 思路&#xff1a; 1、判断注入点 使用Burpsuite抓包 首先加入一个单引号&#xff0c;…

小米手机短信删除了怎么恢复?这里教你快速解决!

手机已经成为我们生活中不可或缺的一部分&#xff0c;比如小米手机。我们通过手机进行通讯、娱乐、学习等各种活动&#xff0c;其中&#xff0c;短信是我们日常生活中的重要信息来源之一。然而&#xff0c;我们可能会不小心删除了一些重要的短信&#xff0c;这时候我们就会想知…

【JS】call和 apply函数的详解

JavaScript 中 call() 和 apply() 函数的详解 在JavaScript中&#xff0c;call()和apply()都是非常重要的方法&#xff0c;用于调用函数时指定函数体内的this的值&#xff0c;从而实现不同对象之间的方法共享。尽管它们的功能非常相似&#xff0c;但在实际使用中各有其优势和特…

【前端】实现表格简单操作

简言 表格合并基础篇 本篇是在上一章的基础上实现&#xff0c;实现了的功能有添加行、删除行、逆向选区、取消合并功能。 功能实现 添加行 添加行分为在上面添加和在下面追加行。 利用 insertAdjacentElement 方法实现&#xff0c;该方法可以实现从前插入元素和从后插入元…

两个开关控制一盏灯

1.PLC控制电路 1.1双联控制 开关控制灯最为普遍、简单的做法是用一个开关控制一盏灯&#xff0c;除此之外&#xff0c;在某个位置需要用两个开关控制一盏灯&#xff0c;这就是双联控制。 灯的双联控制&#xff0c;在传统上要用到2个单刀双联开关&#xff0c;其电气原理图如下图…