🌈NFT 대량제작_(2)

🪂 2023. 04. 24. Monday_ 거의 내 머리속에 지우개... TIL 제발 제발 제발 꾸준히 작성하자 🪂

---

✅ HashLips

⠀⠀⠀

Intro

안녕하세요!😁

모두 함께 4개월 동안 하나의 멋진 프로젝트를 완성하는 그날까지 화이팅합시다 !

* 이 곳에서는 당일에 배운 내용을 복습하는 용도로 글을 작성하려고 합니다.

* 오늘 이 시간에는 NFT 대량 제작 과정 2번째 시간으로 hashlips_art_engine에 관한 내용을 복습해 보겠습니다.

⠀⠀⠀⠀
⠀⠀

---

✅ Hashlips_art_engine

⠀⠀⠀

👉 Step01. Hashlips 설치하기

⠀⠀⠀
✔️ 01. hashlips_art_engine 선택

▪️ git clone or Download Zip
▪️ Download Zip과정은 압축을 풀어야 해서, git clone 선택

⠀⠀⠀
✔️ 02. 터미널에서 다음 명령어 순서대로 입력 (window 버전! )

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

🔸 npm update

🔸 npm install -g node-gyp

🔸 npm install

( 이 부분에서 오류가 많이 발생함....)

⠀⠀⠀
⠀⠀⠀⠀⠀
✔️ 03. 이미지 제작 !

▪️ 예제 폴더에 있는 layer를 기반으로 이미지가 랜덤으로 제작된다.

🔸 npm run build

⠀⠀⠀

---

👉 Step02. layer 변경 및 내 이미지 제작

⠀⠀⠀
✔️ 01. layer 변경하기

▪️ 이전 시간에 pixilart로 제작한 해골 layer로 변경하기 

⠀⠀⠀
✔️ 02. src/ config.js 파일 내용 변경하기

🔸 growEditionSizeTo: 50
	=> 랜덤으로 50개를 생성한다는 것을 의미한다.

🔸 layersOrder: [...]
	=> 속성값들을 넣어주면 된다.
    => 이때 가장 밑에 깔릴 layer부터 적어주어야 한다!

    // If you have selected Solana then the collection starts from 0 automatically
    const layerConfigurations = [
        {
            growEditionSizeTo: 50,
            layersOrder: [
                { name: "Background" },
                { name: "Face" },
                { name: "Hat" },
                { name: "Eyes" },
            ],
        },
    ];

⠀⠀⠀
⠀⠀⠀

✔️ 02. 이미지 랜덤 제작

▪️ 내가 설정한 layer로 50개의 이미지가 랜덤으로 생성된 것을 확인할 수 있다.

🔸 npm run build

---

⠀⠀⠀
⠀⠀⠀

📌23. 04. 24

😶‍🌫️오늘따라 왜이리 피곤한건지 . . . 😶‍🌫️
저녁도 안 먹고 수업끝나자마자 3시간 자고 일어났더니 졸립지는 않은데,
승모근이 단단히 뭉쳤다. 컨디션 아쥬 별로다.🥴💧💧💧