# 【WEB前端2024】开源智体世界：乔布斯3D纪念馆-第18课-购买头榜解密文件锁
使用dtns.network德塔世界（开源的智体世界引擎），策划和设计《乔布斯超大型的开源3D纪念馆》的系列教程。dtns.network是一款主要由JavaScript编写的智体世界引擎（内嵌了three.js编辑器的定制版-支持以第一视角游览3D场馆），可以在浏览器和node.js、deno、electron上运行，它是一个跨平台的软件，支持多个操作系统使用！
下面分为几步介绍，如何基于dtns.network智体世界引擎如何实现乔布斯3D纪念馆的碟状总部的展览馆摆件的摆件跳转须购买头榜才能访问《乔布斯传》的文件的交互效果。
该购买头榜可打开《乔布斯传》的功能设置，使用了file-lock文件锁功能。下面我们会先介绍如何使用文件锁（设置待购买头榜的文件锁，购买头榜后会解锁文件内容——如不购买，打不开加密的文件——无解密密钥——AES256密钥加密）。
# 第一步：打开智体IB，输入cd跳转我的文件夹
# 第二步：新建文件夹《须付费的乔布斯传》
点击右上角的新建，进入【新建】文件夹功能页面如下图所示：
将文件夹名设置为：须付费的《乔布斯传》后，点击右上角的【确认】按钮，新建文件夹成功（如下图所示）
# 第三步：点击“须付费的《乔布斯传》”文件夹，进入文件夹后点右上角的【添加】文件
# 第四步：点击右上角的【添加】文件功能，进入添加文件功能页面，上传文件，并设置文件锁
如上图所示，将文件锁的开关打开。而后点击【确认】，添加文件成功。
# 第五步：将“须付费的《乔布斯传》”文件夹，分享至头榜
注：点击右上角的【分享】按钮，可以实现将整个文件夹分享至头榜。
# 第六步：返回头榜页面，点击右上角的+号键，进入发布头榜页面，点击下面的【我的稿箱】
因为分享文件夹，未直接推送头榜，故我们找到【我的稿箱】点击它，查看我发布过的头榜列表。
# 第七步：找到刚分享的“须付费的《乔布斯传》”文件夹分享头榜内容
点击右上角的...
# 第八步：复制整个头榜文本内容
注：务必一字不落地复制整个头榜文本内容。
# 第九步：返回头榜页面，点击右上角的+号，重新进入【发布头榜】页面，粘贴刚才复制的头榜文本内容，并将新头榜定价为1$
点击右上角的【确认】按钮，成功发布至头榜。
# 第十步，找到刚发布的定价1$的头榜
注：进入头榜编辑器的目标是复制头榜id（xmsgid），以便在3D纪念馆中使用ib3.pay购买头榜支付购买该头榜（在此之前将【文件锁】设置为“该头榜可查看此文件”）。
# 第十一步：点击右上角的...进入头榜编辑器，复制头榜ID（xmsgid）
注：一定要复制的是xmsgid属性值，对应msg_xmsgid
# 第十二步：返回“须付费的《乔布斯传》”，将《乔布斯传》的文件锁设置头榜id（刚复制的）
点击右上角编辑，可看到文件锁设置功能（如下图所示）
点击【加锁】操作，进入【文件锁】功能页面如下图
将头榜权限设置为刚才复制的头榜ID（xmsgid），如上图所示。设置完成后，点击右上角【确认】按钮，修改成功。
返回文件夹，点击《乔布斯传》文件的右侧菜单项【信息】，可复制文件ID（以便跳转加了头榜付费可见功能的此文件）
注：使用ctrl+C复制成功。
# 第十三步：找到xverse应用，点击它，进入飞碟形的乔布斯3d纪念馆的3D模型游览
# 第十四步：点击右上角...后，进入编辑xverse应用页面
# 第十五步：编辑xverse源码，进入3D编辑器
点击《乔布斯传》的3D摆件，滚动右侧的属性面板至【脚本】
# 第十六步：点击摆件，在右侧属性的下方【脚本】点击【编辑】poplang智体编程脚本
在脚本中使用ib3.file.go跳转刚才复制的文件ID，如上图所示。填写完后通过右上角的X关闭poplang智体脚本编辑器（会自动保存这个脚本）
# 第十七步：找到并点击“紫金色iphone”摆件，右侧属性面板找到脚本-编辑选项
注：滚动属性面板至最下面以看到【脚本】选项。
# 第十八步：在右侧属性的下方【脚本】点击【编辑】poplang智体编程脚本，以设置购买头榜的ID（如下图所示）
注：使用ib3.pay xmsgid来做到跳转购买头榜页面。
# 第十九步：通过顶部的【文件】菜单，选择【推送头榜（作品）】，将该3D纪念馆源码JSON文件，发布为xverse应用
编辑发送头榜的xmsg标题为：支付头榜并跳转付费的《乔布斯传》!
点击右上角的【确认】发布头榜成功
# 第二十步：返回头榜页面，看到刚发布的xverse应用（如下图）
# 第二十一步：点击新发布的这个xverse应用，进入游览
通过滚轮，移动到刚才的“紫金色iphone”和《乔布斯传》贴图的2个摆件摆件（如上图所示）
# 第二十二步：点击“紫金色iphone”3D摆件，跳转购买头榜
点击右上角的【确认】购买，将支付相应的金额的$，以实现访问加了文件锁的《乔布斯传》
如是自己发布的头榜，不需购买，会提示语如下：不能购买自己的头榜（中文翻译）
# 第二十三步：点击《乔布斯传》的贴图摆件，跳转打开文件
我们看到，消息提示为：打开《乔布斯传》，并已成功跳转到该文件（是自己的或者购买了文件锁对应的头榜，方可解密文件）！
通过上述23步，我们成功完成了《乔布斯3D纪念馆》的飞碟形态的摆件的跳转并打开须付费购买头榜的《乔布斯传》文件，实现了用户点击摆件跳转打开指定的待付费可见文件的交互功能。通过poplang智体编程语言，我们可以实现丰富的自定义的交互功能和能力，跳转并打开任意文件（均由用户自定义是否加付费可见，或者任意用户可见），实现强大的3D-2D交互效果。
通过文件锁，可以实现群成员可访问、会员等级可访问、付费购买头榜-付费购买福刻FORK可访问文件的系列功能。基于文件锁功能的文件付费可见的功能异常强大且实用。
注：dtns.network德塔世界（开源的智体世界引擎）是在github和gitee上开源的项目！
# 开源地址：
github地址：https://github.com/dtnsman/dtns (opens new window)
Gitee地址：https://github.com/dtnsman/dtns (opens new window)
官方文档：https://dtns.network.yunapi.org (opens new window)
加入QQ群：279931001
加入微信群：
