🌈NFT λŒ€λŸ‰μ œμž‘_(2)

RoRAΒ·2023λ…„ 4μ›” 24일
0

[λΈ”μ²΄μŠ€] NFT

λͺ©λ‘ 보기
2/3

πŸͺ‚ 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μ‹œκ°„ 자고 μΌμ–΄λ‚¬λ”λ‹ˆ μ‘Έλ¦½μ§€λŠ” μ•Šμ€λ°,
승λͺ¨κ·Όμ΄ λ‹¨λ‹¨νžˆ λ­‰μ³€λ‹€. μ»¨λ””μ…˜ μ•„μ₯¬ λ³„λ‘œλ‹€.πŸ₯΄πŸ’§πŸ’§πŸ’§

0개의 λŒ“κΈ€