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

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

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

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

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

本节图文教程,主要是利用fast-upload插件和dtns.connector的闪传机制,实现了待上传压缩文件包(共6个,312多MB)的快速复制上传,从而实现了dtns.pet3d智体节点压缩包的镜像文件的快速上传。并利用发送头榜(闪传),供社区粉丝用户快速下载(可达10MB/s甚至更高的下载速度)!

第一步:关闭dtns.pc.exe程序,找到dtns.pet3d文件夹,将其压缩为分包60MB的6个文件(共312MB左右)

1.png

注:我们看到上面的压缩包被分包成6个子压缩包(每个均为60MB,结束的分包的大小是19MB)。

第二步:将上述6个压缩包,移动到dtns.pet3d\resources\app\forklist.network\plugins\fast-upload\src文件夹下(使用fast-upload插件)

2.png

注:复制成功后,返回到fast-upload路径

3.png

第三步:鼠标右键“在终端打开”,在powershell或cmd命令行输入窗口输入:node fast_upload.js

4.png

注:输入node fast_upload.js后,回车键(点击键盘),得到如上图的运行结果。看到  zip.00 copy ok! 共6个文件被copy成功,证明已经运行完成!

第四步:将fast-upload/file_temp文件夹下的sha256sum文件名的6个文件,移动至目标文件存储路径forklist.network/file_temp路径下

5.png

复制如上图所示的:plugins/fast-upload/file_temp下的这6个sha256sum命名的文件。移动至forklist.network/file_temp下(如下图所示)

6.png

复制成功后,如上图所示。

第五步:点击dtns.pet3d路径下的dtns.pc.exe,运行《萌宠星球》ib3.hub智体节点

7.png

如上图所示,点击dtns.pc.exe可执行文件,启动智体节点。

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

8.png

第七步:将刚才的6个压缩包文件上传

9.png

注:将头榜文字内容框输入为“dtns.pet3d模板.zip文件下载列表(6个分包文件),点击右上角【确认】,发布头榜成功。

注2:我们看到,每上传一个文件,不过1-2秒反应时间,这预示着刚才的sha256sum命名的6个文件,已经避免了慢速上传(1-2MB/s),而是使用了判断是否该文件已上传过(通过sha256的hash-sum实现判断闪传功能)

第八步:回到头榜页面,看到最新的头榜内容

10.png

我们看到,刚才上传的6个文件,已经在头榜列表中了。

第九步:点击下载这6个分包文件

12.png

将其保存在windows的【下载】路径,如下图所示:

13.png

第十步:点击dtns.pet3d.zip.001进行全部压缩分包的角压缩(共6个分包,解压001即可全部解压缩)

14.png

如上图所示:我们看到总大小为674MB,证明解压缩的不仅仅是一个分包,而是完整zip包。

第十一步:全部解压缩成功后,我们进行downloads/dtns.pet3d路径下

15.png

第十二步:进入forklist.network路径,修改config_roomid.js中的g_dev_roomid为dev00pet3d2

16.png

第十三步:回到downloads/dtns.pet3d路径下,打开dtns.pc.exe可执行文件,切换节点为dev00pet3d2

17.png

如上图所示:点击确认切换。

第十四步:点击中间位置的直接以密钥登录,输入开发者密钥,点击【确定】按钮

18.png

注:输入的开发者密钥为Eh4gDYYKowP2JQMmHbTAGi6hvtvhj6BpoMK5Khc8TzPZ

第十五步:登录成功,点击头榜查看内容列表

19.png

点击底部的头榜底栏按钮,切换至头榜页面(如下图)

20.png
至此,我们初步完成了web3d《萌宠星球》智体节点的完整的模板.zip文件制作(将制作好并改名为dtns.pet3d文件夹压缩为.zip文件),并实现了文件快速闪传和极速下载(6个压缩包文件,最慢不超过1分钟即可完成下载)

总结:经过上这述15步,我们实现了以《乔布斯3D纪念馆》为模板的web3d《萌宠星球》智体节点模板的完整压缩包.zip制作(后续可以通过不断完善该智体节点的3D内容、头榜内容、图文内容、视频内容、语音内容、群聊权限、小店供应链、标准实时订单系统等组件完善3D萌宠星球的配套服务),并实现了通过fast-upload的sha256-hash机制实现极速模板文件上传,以便发布头榜,供社区粉丝极速下载!

注: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/3019287.html

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

相关文章

21 使用Hadoop Java API读取序列化文件

在上一个实验中我们筛选了竞赛网站日志数据中2021/1和2021/2的数据以序列化的形式写到了hdfs上。 接下来我们使用Java API 读取序列化的数据保存到磁盘中。 其他命令操作请参考:16 Java API操作HDFS-CSDN博客 1.我直接在上一个项目中test/java目录下创建com.maidu.s…

鸿蒙 Next 模拟器 体验

参加华为社区相关Next 的活动,只要申请通过就可以下载模拟器。整个过程稍微慢些,大家可以根据活动相关信息,加入微信群。跟踪催促进度。争取早日体验 next 。 目前模拟器里边还是空空的,没有什么内置 APP ,但是足够大…

net7部署经历

1、linux安装dotnet命令: sudo yum install dotnet-sdk-7.0 或者直接在商店里安装 2、配置反向代理 127.0.0.1:5000》localhost 访问后报错 原因:数据表驼峰名, 在windows的数据表不区分大小写,但是在linux里面是默认区分的&…

【xxl-job | 第三篇】SpringBoot整合xxl-job

文章目录 3.SpringBoot整合xxl-job3.1定时任务服务配置3.1.1导入maven依赖3.1.2yml配置3.1.3XxlJobConfig配置类3.1.4定时任务类 3.2xxl-job配置3.2.1新增执行器3.2.2新增任务3.2.3执行任务3.2.4查看日志3.2.5查看任务后台日志 3.3小结 3.SpringBoot整合xxl-job 3.1定时任务服…

第一个C++项目

文章目录 一、新建项目1.打开软件,选择“创建新项目”2.新建项目栏中,按自己的需求来设置项目模板,项目名称和文件存放位置,设置好后点击“确认”3. 点击“Next”4. 按照自己需求设置,设置完后,点击“Next”…

【数据治理】指标体系

文章目录 1. 如何进行体系化建模2. 高层模型设计3. 派生指标3.1 派生指标体系的架构、概念一种可行的指标构造方式:举例: 3.2 派生指标体系的规范细则 1. 如何进行体系化建模 体系化建模流程图: 指标相关设计流程: 首先&#x…

基于大数据+Hadoop的豆瓣电子图书推荐系统实现

🌹作者主页:青花锁 🌹简介:Java领域优质创作者🏆、Java微服务架构公号作者😄 🌹简历模板、学习资料、面试题库、技术互助 🌹文末获取联系方式 📝 系列文章目录 基于大数…

手动实现简易版RPC(四)

手动实现简易版RPC(四) 往期内容 手动实现简易版RPC(一):RPC简介及系统架构 手动实现简易版RPC(二):简单RPC框架实现 手动实现简易版RPC(三):mock数据生成 前言 接上几篇博客我们实现了最…

便签怎么设置不同的标签 便签创建不同分组标签的方法

在日常工作和生活中,便签已成为我随身携带的小助手。每当灵感闪现,或是需要临时记录一些重要事项,我都会随手打开便签,快速记录下来。然而,随着记录的内容越来越多,如何高效地管理和查找这些信息成为了一个…

联丰策略股票炒股市场港股恒生指数止步“10连阳”

查查配港股市场今日未能持续之前的上涨趋势。恒生指数在经历了4月22日至5月6日的“十日连阳”罕见行情后,其反弹动能有所减弱。与此同时,恒生科技指数也遭遇了回调。截至收盘,恒生指数跌0.53%,报收18479.37点;科技指数跌2.13%,报收3922.54点;国企指数跌0.70%,报收6526.67点。 …

【保姆级详细步骤教学用DOSBoxV0.74写出一个汇编语言程序输出Hello World!】

使用任何文本编辑器创建一个名为 HELLO.ASM 的文件,并将以下代码粘贴到文件中: .MODEL SMALL .STACK 100H.DATAMSG DB Hello, World!, $PROMPT DB 13, 10, Press any key to exit..., $.CODEMAIN PROCMOV AX, DATAMOV DS, AXMOV AH, 09HLEA DX, MSGINT …

R语言【Tidyverse、Tidymodel】机器学习

机器学习已经成为继理论、实验和数值计算之后的科研“第四范式”,是发现新规律,总结和分析实验结果的利器。机器学习涉及的理论和方法繁多,编程相当复杂,一直是阻碍机器学习大范围应用的主要困难之一,由此诞生了Python…

2024最详细全面的发卡平台对比调研

最近在调研目前市面上的发卡平台,对一些主流的托管式发卡平台与github上开源的发卡项目做了横向对比,本文主要介绍各自特点以及需要注意避免的坑。 直接上表格,一目了然。 对比独角数卡***发卡/泛发卡平台iDataRiver发卡稳定性/跑路风险自己…

双层胶工艺是什么?

知 识星球(星球名: 芯片制造与封测社区,星球号: 63559049)里的学员问: 什么是双层胶工艺? 为什么要用双层胶呢? 本图由allresist公司提供,特此鸣谢 为什么要涂双层…

【机器学习与实现】线性回归示例——波士顿房价分析

目录 一、创建Pandas对象并查看数据的基本情况二、使用皮尔逊相关系数分析特征之间的相关性三、可视化不同特征与因变量MEDV(房价中值)间的相关性四、划分训练集和测试集并进行回归分析 一、创建Pandas对象并查看数据的基本情况 boston.csv数据集下载&a…

Proxmox VE 8 SDN创建VLAN隔离用户网络

作者:田逸(formyz) 在上一篇文章中,我们用SDN的Simple对租户(用户)网络实现了隔离功能,但它有个限制,仅仅能在单个物理节点上进行通信,而不能跨越物理节点(除…

天诚再出学校物联网锁新品,打造AIoT高校数智化通行解决方案

为进一步提升高职及本科院校校园安防智能化管理水平,助力学校教育信息化转变,校园全场景AIoT解决方案服务商——江苏新巢天诚智能技术有限公司(以下简称“天诚”)推出系列校园物联网锁新品,为在校师生用户群体提供更多…

24_Scala集合Map

文章目录 Scala集合Map1.构建Map2.增删改查3.Map的get操作细节 Scala集合Map –默认immutable –概念和Java一致 1.构建Map –创建kv键值对 && kv键值对的表达 –创建immutable map –创建mutable map //1.1 构建一个kv键值对 val kv "a" -> 1 print…

数据挖掘流程是怎样的?数据挖掘平台基本功能有哪些?

数据挖掘是从大量的、不完全的、有噪声的、模糊的、随机的数据中提取隐含在其中的、人们事先不知道的、但又是潜在有用的信息和知识的过程。 数据挖掘的流程是: 清晰地定义出业务问题,确定数据挖掘的目的。 数据准备: 数据准备包括&am…

《ElementUI 基础知识》el-tree 之“我的电脑”目录结构效果

前言 项目需求,Web 端获取服务器文件夹目录结构。目录数据是调接口获取,本篇略过,直接展现数据! 效果 实现 html 代码 8 - 15 行,自定义节点信息;代码 9 - 14 行,判断 icon 显示&#xff1b…