HashLips Art Engine 常见问题解决方案

HashLips Art Engine 常见问题解决方案

hashlips_art_engine HashLips Art Engine is a tool used to create multiple different instances of artworks based on provided layers. 项目地址: https://gitcode.com/gh_mirrors/ha/hashlips_art_engine

1. 项目基础介绍和主要编程语言

HashLips Art Engine 是一个开源项目，用于生成基于提供图层的多种不同实例的艺术作品。这个项目主要使用 JavaScript 编程语言，并且依赖于 Node.js 环境。它通过使用画布 API 和 Node.js 来创建生成性艺术。

2. 新手在使用这个项目时需要特别注意的3个问题及解决步骤

问题一：如何安装项目

问题描述： 新手可能不知道如何正确安装项目以开始使用。

解决步骤：

1. 确保你的系统中已安装 Node.js（版本 10.18.0 或更高）。
2. 克隆项目到本地：

   git clone https://github.com/HashLips/hashlips_art_engine.git
   

3. 进入项目目录：

   cd hashlips_art_engine
   

4. 使用 yarn 安装依赖（或者如果你没有安装 yarn，可以使用 npm）：

   yarn install
   

   或者

   npm install
   

问题二：如何配置图层顺序

问题描述： 新手可能不清楚如何设置图层的顺序来生成艺术作品。

解决步骤：

1. 在项目的 'layers' 目录下创建不同的文件夹，每个文件夹中包含该图层的所有资源。
2. 打开 src/config.js 文件。
3. 找到 layerConfigurations 对象中的 layersOrder 数组。
4. 按照从后到前的顺序，将你的图层文件夹名称添加到 layersOrder 数组中。例如：

   const layerConfigurations = [
     {
       growEditionSizeTo: 100,
       layersOrder: [
         { name: "Background" },
         { name: "Head" },
         { name: "Mouth" },
         { name: "Eyes" },
         { name: "Eyeswear" },
         { name: "Headwear" }
       ]
     }
   ];
   

问题三：如何设置元素的稀有度权重

问题描述： 新手可能不知道如何设置每个元素资产的稀有度权重。

解决步骤：

1. 在 'layers' 目录下的每个文件夹中，将你的资产命名为 元素名称#稀有度权重.png 的格式。例如 example_element#70.png。
2. 你可以在 src/config.js 文件中修改 rarityDelimiter 变量来自定义稀有度权重的分隔符。
3. 确保 rarityDelimiter 与你资产文件名中的分隔符保持一致。

通过以上步骤，新手可以顺利地安装并开始使用 HashLips Art Engine 生成艺术作品。

hashlips_art_engine HashLips Art Engine is a tool used to create multiple different instances of artworks based on provided layers. 项目地址: https://gitcode.com/gh_mirrors/ha/hashlips_art_engine