[NFT] 이미지 조합 자동 생성 Hashlips art engine 사용하기

[NFT] 이미지 조합 자동 생성 Hashlips art engine 사용하기

---

 

먼저 Visual Studio Code 와 Node.js를 사용할 것이기 때문에 개발환경 세팅을 하고오자.

[VSCODE] Visual Studio Code 다운로드 및 설치 후 확장자 세팅방법

[NodeJS] Node.js 다운로드 및 설치 방법, 버전 확인 방법

 

 

 

 

Hashlips.art.engine을 사용하기 위해 github에서 다음 라이브러리를 다운로드 받을 것이다.

 

Hashlips art engine github 바로가기

GitHub - HashLips/hashlips_art_engine: HashLips Art Engine is a tool used to create multiple different instances of artworks bas

 

 

1. Hashlips 다운로드

 

우측에 중단에 Release 버튼을 클릭하면 최신버전 라이브러리를 다운받을 수 있는 화면으로 이동된다.

 

 

 

Source_code(zip) 파일을 다운로드 받아 압축을 해제한다.

 

 

 

 

 

 

2. Hashlips 설치하기

 

 

Visual Studio Code 프로그램을 열어 상단 좌측에 File - Open Folder.. 를 선택한다.

위에서 받아 압축해제한 폴더를 선택하여 Open 한다.

 

 

 

 

상단에 Terminal - New Terminal 을 클릭하면 하단에 터미널 창이 열릴 것이다.

만약 우측에 cmd 라고 표시되는 위치에 powershell이라고 열려있는 사람이 있다면 +옆에 아래 화살표를 클릭한 뒤 Command Prompt를 클릭하여 cmd창으로 바꿔준다.

 

 

 

 

그리고 Terminal 창에서 npm install  명령어를 입력하여 설치를 완료한다.

npm install

 

 

 

 

 

3. 이미지 레이어 설정

 

src - config.js 파일을 열면 layerConfigurations 에서 본인이 만든 이미지 레이어를 어떤 순서로 쌓을 것인지 설정할 수 있다.

 

예제를 살펴보면, layers 경로에 레이어 폴더와 그 내부에 파트별 이미지들이 있는 것을 볼 수 있다.

마찬가지로 자신이 만든 레이어 구조대로 수정하면 된다.

 

참고로 이미지명 뒤에 #해쉬태그 부분은 조합의 확률을 의미한다.

#40 : 40프로 확률로 조합을 한다.

#1 : 1프로 확률로 조합을 한다.

 

확률이 낮을수록 조합의 수가 적게 나올 것이고, 확률이 낮은 파트가 조합으로 나온다면 그만큼 레어 아이템이 되는 것이다.

 

 

 

스크롤을 상단으로 조금 올리면, 빌드가 된 후 생성되는 이미지의 namePrefix와 description 등을 원하는데로 수정할 수 있다.

만약 빌드 후에 config 내용을 수정했을 경우 터미널 창에서 nmp run update_info 명령어를 입력해주면 된다.

 

 

 

4. 실행하기

 

본인의 설정에 맞게 수정을 했다면, 터미널 창에서 npm run build  명령어를 실행시킨다.

 

npm run build

 

 

 

build를 실행시키면 build 폴더가 생긴 것을 알 수 있다.

하위의 images 파일을 열어보면 각 레이어의 파트이미지들이 조합을 이루어 1~5png의 이미지를 만든 것을 볼 수 있다.

 

또한 build - json 에는 각각의 만들어진 이미지의 정보들이 들어있는 것을 확인할 수 있다.

 

 

 

 

이렇게 해서 많이 쓰이는 이미지 조합 자동생성 프로그램을 다운로드 및 설치하여 실행시키는 방법을 살펴보았다.