如何铸造游戏中的NFT游戏角色

Web3 领域中有许多令人兴奋的领域。然而,NFT 仍然风靡一时。如您所知,2021 年 NFT 出现了巨大的增长,它们的众多用例开始出现。因此,NFT 游戏浮出水面,让程序员将全部注意力转向 NFT 游戏开发。此外,由于角色是任何类型游戏的关键元素,因此了解如何创建 NFT 游戏角色至关重要。现在,如果您已经熟悉创建不可替代代币的过程,您就会知道其中涉及到铸币过程。在这种情况下,人们实际上必须为区块链游戏铸造 NFT 游戏角色是有道理的。因此,如果您想学习如何在游戏中铸造 NFT 角色,请跟随我们进一步了解该主题。

虽然目前最流行的 NFT 都是关于数字收藏品和艺术的,但 Web3 游戏有望成为下一件大事。您甚至可能已经注意到最近 Axie Infinity 的受欢迎程度。此外,与 Axie Infinity 和GameFi 以及即玩即赚 (P2E) 细分市场一样,NFT 发挥着重要作用。此外,游戏中的 NFT 可以表示各种对象。然而,NFT 游戏角色是最关键和必不可少的方面之一。因此,我们想向您展示如何轻松铸造 NFT 字符。幸运的是,我们可以在使用Moralis时快速轻松地完成此任务。这个终极Web3开发平台被称为“用于加密的 Firebase” 有充分的理由。它使您能够通过简单地复制和粘贴简短的代码片段来覆盖与区块链相关的后端。此外,结合终极以太坊 dApp 样板,您可以立即准备好自己的 NFT 游戏角色铸造 dApp(去中心化应用程序)。

在我们继续向您展示如何使用 Moralis 铸造 NFT 字符之前,我们需要让您全部了解速度。那么,什么是 NFT 游戏角色?让我们分解一下“NFT”和“游戏角色”的概念;但是,让我们关注后者。如果你玩过任何游戏,你很可能知道游戏角色是什么。它们代表屏幕后面的人或在游戏中行动的任何其他实体。此外,不受玩家控制的游戏角色被称为非玩家角色(NPC)。此外,不同游戏中可用的角色数量差异很大。

但是,当我们将不可替代的代币 (NFT) 添加到图片中时,事情会变得有点复杂。此外,虽然大多数 NFT 新手将 NFT 视为 JPEG 文件,但实际上 NFT 更多。一方面,JPEG 文件或任何其他类型的文件(PNG、MP3、MP4、PDF、GIF 等)只是 NFT 的视觉或听觉部分。没有智能合约和可编程区块链(例如以太坊),这些文件将只是普通的数字文件。此外,您很可能知道,NFT 是代表独特性的加密资产。涵盖唯一性的详细信息存储在每个 NFT 的元数据中,这些元数据存储在区块链上。因此,没有两个相同的 NFT。因此,即使它们代表相同的数字文件,它们的元数据也不相同。

现在,我们可以把它们放在一起。因此,NFT 游戏角色就像普通游戏角色一样,但存储在区块链上。此外,这也意味着用户可以真正拥有自己的角色。这为 NFT 游戏角色交易提供了途径。此外,用户可以显示 NFT 字符或在其他支持的 NFT 平台上使用它们。

NFT 游戏角色的未来

由于它还处于游戏初期,NFT 游戏和不同的元宇宙才刚刚开始出现。此外,在许多情况下,它们还无法匹配 Web2 或离线游戏。然而,加密领域的事情正在快速发展,很多投资者都将资金投入到这个领域。反过来,我们可以看到 NFT 游戏角色应用程序爆炸式增长并早日成为主流。这很可能也将超越游戏。例如,我们很可能会使用 NFT 字符进行在线社交互动,这是巨大的。因此,请务必使用接下来的部分来学习如何明智地铸造 NFT 字符。

如上所述,我们将向您展示如何以简单的方式铸造 NFT 游戏角色。成功完成这项任务的第一个关键是 Moralis 及其终极Web3 SDK,包括 Moralis 的NFT API。第二个无价的捷径是最终的Web3 样板。但是,由于 Moralis 的一位专家已经对样板进行了必要的调整,您可以使用完成的代码。因此,您可以进一步加快该过程。

但是,为了充分利用本文,我们希望为您提供清晰的图片。因此,以下是铸造 NFT 字符的方法:

第 1 步:前端——使用几个库创建一个React .js 项目。这足以设置适当的 UI 和 UX,这将使事情变得用户友好。此外,您需要一个带有上传字段和提交按钮的标准 HTML 表单。

第 2 步:编译文件和数据——通过使用 HTML 表单获取数据和图像文件,您需要将它们编译成 JSON 文件。这些是代表 NFT 元数据的文件。此外,这也是 Moralis 将为我们完成大部分工作的地方。一方面,由于其IPFS集成,它将使我们能够以完全去中心化的方式存储上传的图像并生成 JSON 文件。此外,我们还将获得一个唯一的哈希标识符,指向我们编译的 JPEG 和 JSON 文件。

第 3 步:铸币– 这是我们最终创建 NFT 字符的部分。通过使用 ERC-721 智能合约,我们可以使用哈希标识符将我们的图像和相应的 JSON 文件转换为 NFT 字符。

我们的 NFT 字符生成器预览

通过实施上述步骤,您可以轻松创建一个可以铸造 NFT 游戏角色的 dApp。就前端而言,我们使事情尽可能简单。我们的 dApp 使用户能够命名他们的角色,定义其力量、伤害、耐力等级,并上传他们的角色图像:

接下来,通过将单个按钮与 Moralis 的MetaMask集成结合使用,用户可以轻松地创建他们的 NFT 字符:

如需更详细地预览,请查看本文末尾的视频,从 5:10 开始。

Mint NFT 游戏角色——一个示例项目

我们鼓励您使用我们的代码并创建您自己的 NFT 铸造 dApp 版本。但是,为此,您需要先完成一些简单的初始设置步骤。为了使事情对您来说尽可能简单,我们将事情分解成简单的步骤。第一部分将向您展示如何涵盖最初的 Moralis 设置。此外,第二部分将指导您完成代码的克隆和 Moralis SDK 的初始化。

初始 Moralis 设置

为了最轻松地构建 dApp,您需要完成初始 Moralis 设置。以下是您需要完成的步骤:

创建您的免费 Moralis 帐户– 单击左侧的链接以访问注册页面。然后,输入您的电子邮件,创建您的密码,然后单击将发送到您的电子邮件地址的确认链接。当然,如果您已经有一个活跃的 Moralis 帐户,请立即登录。

创建 Moralis 服务器- 进入 Moralis 管理区域后,选择“服务器”选项卡,然后单击“+ 创建新服务器”按钮(右上角)。接下来,将出现一个包含三种服务器类型的下拉菜单(请参见下面的屏幕截图)。选择最适合您项目的网络类型。然而,当示例项目或 dApp 测试存在问题时,“Testnet Server”(以太坊测试网)或“Local Devchain Server”是可行的方法。

选择服务器类型后,您将看到一个弹出窗口,询问您的服务器详细信息。您需要输入服务器的名称(可以是您想要的任何名称),然后选择您的区域、网络类型和链。要运行您的服务器,请单击“添加实例”:

访问服务器详细信息– 在您的服务器启动并运行后,您可以通过单击“查看详细信息”访问其详细信息(服务器 URL 和应用程序 ID):

详细信息将显示在新窗口中。因此,您可以通过单击每个详细信息右侧的复制图标来简单地复制服务器的 URL 和应用程序 ID:

初始化

注意:现在,跳过这一步。准备好“.env”文件后,您将返回并完成它。

初始化 Moralis –准备好编码文件后,您可以通过填充相关文件来初始化 Moralis 的 SDK。无论何时使用样板文件,都需要为此目的使用“.env”文件。因此,将服务器的详细信息粘贴到指定位置:

以太坊样板设置

Moralis 专家将在下面的视频教程中向您展示与此示例项目相关的其他详细信息,并准备了您可以使用的代码。此外,该代码可在 GitHub 上获得。此外,他从最终的 Web3 样板开始,并应用了一些简单的调整。因此,您有机会从最终的 Web3 样板开始并自己应用调整或使用完成的代码。显然,通过使用后者,您将进一步加快进度。此外,只要您不需要创建独特的 UI,从以太坊样板开始就很有意义。要访问此样板文件,请使用浏览器的搜索引擎并在搜索栏中输入“以太坊样板文件”。

展望未来,我们将指导您完成克隆“ moralis-nft-game ”代码的过程。然而,以太坊样板的过程基本相同(只需使用相关的 URL)。通过克隆起始代码或完成版本,您将轻松地按照此处的代码演示进行操作。

克隆代码 - 分步说明

按照以下步骤克隆我们修改后的样板(已针对 NFT 铸币者 dApp 进行了调整):

首先,点击上面给出的“moralis-nft-game”链接。这样,您将在我们的 GitHub 存储库中访问代码。

接下来,单击“代码”按钮,然后单击 HTTPS 地址旁边的复制图标:

复制地址后,您可以克隆我们的代码。然后,使用您的代码编辑器的终端(我们通常使用 Visual Studio Code [VSC]) 并输入以下命令行:git clone [在此处粘贴复制的 HTTPS 地址]

克隆代码后,您需要安装所有依赖项。同样,使用您的终端并输入以下命令行:

cdmoralis-nft 游戏

纱线安装

注意:“yarn”和“npm”包管理器都是有效的选项。如果您决定使用“npm”,请确保输入正确的命令。

您现在需要将“.env.example”文件重命名为“.env”。完成后,也是时候完成上一节中的第四步了。因此,请确保使用您的服务器 URL 和应用程序 ID 正确填充“.env”文件。

最后,您可以通过在终端中粘贴或键入“ yarn start ”来运行前端 :

代码演示

完成上述设置后,您就可以仔细查看代码了。通过这样做,您将了解我们示例 dApp 的哪些方面是最重要的。因此,您将仔细查看“ Uploader.jsx ”文件,其中涵盖了所有输入字段 (2:28)。我们的铸币者 dApp 的另一个关键方面是“ Character.sol ”智能合约。Moralis 专家将在下面的视频中告诉您有关此智能合约的更多详细信息,从 3:35 开始。此外,他使用Truffle来完成本教程。

猜你喜欢

转载自blog.csdn.net/hengpai888/article/details/122876904