【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左右)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

至此,我们初步完成了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

加入微信群:

相关推荐
听麟2 小时前
HarmonyOS 6.0+ PC端虚拟仿真训练系统开发实战:3D引擎集成与交互联动落地
笔记·深度学习·3d·华为·交互·harmonyos
TT哇2 小时前
【实习】数字营销系统 银行经理端(interact_bank)前端 Vue 移动端页面的 UI 重构与优化
java·前端·vue.js·ui
蓝帆傲亦2 小时前
Web前端跨浏览器兼容性完全指南:构建无缝用户体验的最佳实践
前端
晴殇i2 小时前
【前端缓存】localStorage 是同步还是异步的?为什么?
前端·面试
不一样的少年_2 小时前
Chrome 插件实战:如何实现“杀不死”的可靠数据上报?
前端·javascript·监控
深度涌现2 小时前
DNS详解——域名是如何解析的
前端
小码哥_常2 小时前
Android内存泄漏:成因剖析与高效排查实战指南
前端
卤代烃2 小时前
✨ 形势比人强,Chrome 大佬也去搞 Gemini 了
前端·agent·vibecoding
偶像佳沛2 小时前
JS 对象
前端·javascript
宁雨桥2 小时前
Gitee迁移GitHub开源全攻略:一键配置自动同步,仅需维护单一仓库
gitee·开源·github