HashLips Art Engine实战教程:30分钟创建专属NFT系列

HashLips Art Engine实战教程:30分钟创建专属NFT系列

【免费下载链接】hashlips_art_engine HashLips Art Engine is a tool used to create multiple different instances of artworks based on provided layers. 【免费下载链接】hashlips_art_engine 项目地址: https://gitcode.com/gh_mirrors/ha/hashlips_art_engine

你还在为NFT创作工具复杂难用而烦恼?还在为生成独特艺术作品需要编写大量代码而头疼?本文将带你快速掌握HashLips Art Engine的使用方法,无需编程经验,30分钟即可创建属于自己的NFT系列。读完本文,你将学会环境搭建、图层配置、作品生成、 metadata创建等核心技能,轻松开启NFT创作之旅。

项目简介

HashLips Art Engine是一款基于图层的NFT批量生成工具,它能够根据用户提供的图层素材,自动组合生成大量独特的数字艺术作品。该工具采用JavaScript开发,运行在Node.js环境中,具有配置简单、生成高效等特点,非常适合NFT创作者快速批量生产作品。

项目的核心文件结构如下:

  • index.js:程序入口文件
  • src/config.js:项目配置文件,用于设置NFT系列基本信息和生成规则
  • layers/:存放图层素材的目录
  • utils/:工具函数目录,包含metadata生成、预览图创建等功能

项目Logo

环境搭建

安装Node.js

HashLips Art Engine需要Node.js环境支持,首先确保你的电脑上已经安装了Node.js。如果没有安装,可以从Node.js官网下载并安装适合你操作系统的版本。

获取项目代码

使用以下命令克隆项目仓库:

git clone https://gitcode.com/gh_mirrors/ha/hashlips_art_engine
cd hashlips_art_engine

安装依赖

进入项目目录后,运行以下命令安装项目所需依赖:

npm install

查看package.json文件可以了解项目的主要依赖和可用脚本命令。其中,"scripts"部分定义了常用的命令,如生成作品、创建预览等。

图层准备

图层结构

HashLips Art Engine通过图层叠加的方式生成NFT作品。项目默认的图层目录结构如下:

layers/ ├── Background/ ├── Bottom lid/ ├── Eye color/ ├── Eyeball/ ├── Goo/ ├── Iris/ ├── Shine/ └── Top lid/

每个子目录代表一个图层类别,里面存放该类别的不同样式图片。例如,Eye color/目录下包含了Cyan#1.png、Green#1.png等不同颜色的眼睛图层。

图层命名规则

图层图片的命名格式为"样式名称#出现概率.png",其中"#"后面的数字表示该样式在生成作品时的出现概率。例如,"Low#40.png"表示该样式的出现概率为40%。

自定义图层

你可以根据自己的创作需求,添加或修改图层目录和图片。只需按照以下步骤操作:

  1. 在layers目录下创建新的图层目录,如"Hat/"
  2. 将该图层的不同样式图片放入新目录
  3. 按照"样式名称#概率.png"的格式命名图片
  4. 在配置文件中添加该图层

配置项目

基本信息配置

打开src/config.js文件,修改以下基本信息:

// General metadata for Ethereum
const namePrefix = "Your Collection"; // NFT系列名称前缀
const description = "Remember to replace this description"; // NFT系列描述
const baseUri = "ipfs://NewUriToReplace"; // 元数据存储地址

将namePrefix修改为你的NFT系列名称,description修改为你的系列描述,baseUri暂时可以保留默认值,后续发布时再替换为实际的IPFS地址。

图层顺序配置

src/config.js文件中,layerConfigurations数组定义了图层的生成顺序和数量:

const layerConfigurations = [
  {
    growEditionSizeTo: 5, // 生成作品的总数
    layersOrder: [
      { name: "Background" }, // 背景图层
      { name: "Eyeball" }, // 眼球图层
      { name: "Eye color" }, // 眼睛颜色图层
      { name: "Iris" }, // 虹膜图层
      { name: "Shine" }, // 光泽图层
      { name: "Bottom lid" }, // 下眼睑图层
      { name: "Top lid" }, // 上眼睑图层
    ],
  },
];

修改growEditionSizeTo的值可以设置要生成的NFT作品数量。layersOrder数组定义了图层的叠加顺序,排在前面的图层会被后面的图层覆盖。

其他配置

src/config.js文件中还有其他一些可配置项:

  • format:设置生成图片的尺寸
  • background:设置背景生成方式
  • preview:设置预览图的参数
  • rarityDelimiter:设置稀有度分隔符

根据你的需求修改这些配置项,以获得理想的生成效果。

生成NFT作品

执行生成命令

完成配置后,运行以下命令生成NFT作品:

npm run generate

该命令会执行index.js文件,根据src/config.js中的配置生成NFT作品。

生成过程

生成过程中,程序会:

  1. 读取图层配置和素材
  2. 根据概率随机选择每个图层的样式
  3. 将选中的图层按顺序叠加
  4. 保存生成的图片到build/images目录
  5. 创建对应的metadata文件

查看生成结果

生成完成后,你可以在项目根目录下的build/images目录中找到生成的NFT图片,在build/json目录中找到对应的metadata文件。

创建预览

为了快速查看生成的NFT系列整体效果,可以使用预览功能生成缩略图预览图:

npm run preview

该命令会执行utils/preview.js文件,根据src/config.js中preview部分的配置生成预览图。默认情况下,预览图会以5张一行的方式排列所有NFT缩略图,保存为build/preview.png。

NFT系列预览

生成Metadata

Metadata是NFT的重要组成部分,包含了作品的名称、描述、属性等信息。运行以下命令生成metadata:

npm run generate_metadata

该命令会执行utils/generate_metadata.js文件,为每个生成的NFT作品创建对应的metadata文件。metadata文件为JSON格式,包含以下主要信息:

{
  "name": "Your Collection #1",
  "description": "Remember to replace this description",
  "image": "ipfs://NewUriToReplace/1.png",
  "edition": 1,
  "attributes": [
    {
      "trait_type": "average color",
      "value": "rgb(0,0,0)"
    },
    {
      "trait_type": "What is this?",
      "value": "NOT a Hot Dog"
    },
    {
      "trait_type": "date",
      "value": 1750
    }
  ],
  "compiler": "HashLips Art Engine"
}

你可以根据需要修改utils/generate_metadata.js文件,自定义metadata的内容和格式。

总结与展望

通过本教程,你已经掌握了使用HashLips Art Engine创建NFT系列的基本流程,包括环境搭建、图层准备、项目配置、作品生成等关键步骤。现在,你可以尝试使用自己的素材创建独特的NFT系列了。

未来,你还可以探索HashLips Art Engine的更多高级功能,如:

  • 使用自定义的稀有度算法
  • 创建动画NFT(GIF格式)
  • 集成IPFS自动上传功能
  • 开发自定义插件扩展功能

希望本教程能帮助你快速入门NFT创作,祝你创作顺利!

【免费下载链接】hashlips_art_engine HashLips Art Engine is a tool used to create multiple different instances of artworks based on provided layers. 【免费下载链接】hashlips_art_engine 项目地址: https://gitcode.com/gh_mirrors/ha/hashlips_art_engine

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值