๊ฐ๋ฐ ์ผ์ง๋ผ์ ํธํ๊ฒ ์ฐ๊ฒ ์. ๊ฐ๋ฐ ์ผ์ง๋ผ๊ณ ๋ณ ๊ฑด ์๋๊ณ , ์ค๋ ์์ํ ๋ฌธ์ ๋ก ์ค๋ซ๋์ ์ฝ์ง ํ๋ค๋ณด๋๊น
๋น์ทํ๊ฒ ๋ฌธ์ ์๊ธฐ๋ ์ฌ๋ ์์ผ๋ฉด ๋์๋ ๊น ์ถ์ด์ ์ฌ๋ ค๋ด.
<์๋ก >- ํ์ฌ ์ํฉ
2D๋ก ์์ํ๊ฒ ํ๋ คํ ์ก์ ์๋ง ์น์คํ๋ ์ก์ ๊ฒ์ ๋ง๋ค์ด๋ณด๊ณ ์ถ์ด์ ํฝ์ ์ํธ ์ฐ์ตํ๊ณ ์์.
๋ฐฐ๊ฒฝ์ ๊ทธ๋ญ์ ๋ญ ๊ณ ํ์ ์๋๋๋ผ๋ ๋์์ง๋ ์์ ๋๋์ผ๋ก ์ฐํ๋๋ฐ ์บ๋ฆญํฐ ์ ๋๋ฉ์ด์ ์ด ํฐ ๋ฌธ์ ์.
๊ทผ๋ฐ ๋ ๊ฒ์์ ์บ๋ฆญํฐ ์ ๋๋ฉ์ด์ ์ด ๊ต์ฅํ ๋ง์ด ๋ค์ด๊ฐ์ผํด์ ์ข ๋ง๋งํ ์ํฉ์.
ํ๊ต ๋ค๋๋ฉด์ ์ด๋ฐ์ ๋ฐ ํ๊ณ๋ก ๊ฒ์ ์ถ์๋ย ๋ชป ํ๊ณ ๋งจ๋ ๊นจ์๋๋ ๋๋์ด๋ผ์ย ๋ฐฐ๊ฒฝ ์ฐ์ ๊ฑธ๋ก ์ผ๋จ์ ๊ฒ์ ํ๋๋ฅผ ์ข ๋ด๋ ค๊ณ ํจ.
๊ทธ๋์ ์ง๊ธ์ ๊ทธ๋ฆผ ์ฐ์ตํ๋ฉด์ ์ฌ์ด๋ ํ๋ก์ ํธ๋ฅผ ์งํํ๋ ์ค์. ๊ฒ์์ ํ์ํ ์ฝ๋ฉ์ ๋ค ํ๊ณ ์ด์ ๊ทธ๋ฆผ ์ถ๊ฐ, ๊ทธ๋ฆผ์ ๊ฒ์์ ์ฎ๊ธฐ๋ ์์ ,
์ถ์์ ํ์ํ ๋ง๋ฌด๋ฆฌ ์ฝ๋ฉ ์ ๋ ๋จ์ ์ํฉ์.
<๋ณธ๋ก >- ์ค๋ ์ฝ์งํ ๋ด์ฉ
์ฝ์งํ ๊ฑฐ ๊ณต์ ํด๋ณด์๊ณ ํ๋๋ฐ ์์งํ ๋๋จํ ๋ด์ฉ ์๋.
1. ์ด๋ฏธ์ง ๋ฒํผ์ ์ฐ๋๋ฐ ์ด์ํ๊ฒ ๋ช๋ช ์ด๋ฏธ์ง๋ง ์์ผ๋ก ํผ์ง๊ฑฐ๋ ์๋ก ๊ธธ์ญํ๊ฒ ๋์์. ๊ทธ๋์ ์ผ๋ถ ์ ์์ ์ผ๋ก ๋์ค๋ ์ด๋ฏธ์ง๋คํ๊ณ ๋น๊ตํด๋ณด๋๊น
๋น์จ์ด ์ด์ํด์ง ์ด๋ฏธ์ง๋ค์ ๊ฐ๋ก๋ย ์ธ๋ก๊ฐ ๊ฐ์ง ์์์. ์ด๊ฒ Rect Transform ์ปดํฌ๋ํธ๊ฐ ๋ฌ๋ ค์๋ ์ ๋ค์ ๊ธฐ๋ณธ์ ์ผ๋ก Width Height์ ๋ง๊ฒ ๋ง์ถฐ์ฃผ๋ค๋ณด๋
์ด๋ฐ ๋ฌธ์ ๊ฐ ๋ฐ์ํ๋ ๊ฑฐ ๊ฐ์์. ๊ทธ๋์ Scale์ ๊ฐ๋ก, ์ธ๋ก์ ๋น์ ๊ฐ๊ฒ ์ค์ ํด์ค์ ํด๊ฒฐํจ.
2. Unity์์ ์ ๊ณตํ๋ Sprite Editor๋ฅผ ์ฌ์ฉํ์ฌ border๋ฅผ ์ง์ ํด์ฃผ๋ฉด UI ๊ฐ์ ๊ฑฐ ๋๋ฆด ๋ ํ ๋๋ฆฌ๋ ๋ ๋๊ณ ์ค์ ๋ถ๋ถ๋ง ๋์ด๋๋๋ก ํด์ค ์ ์์.
์ด ๊ธฐ๋ฅ์ ์ฌํ ์จ๋ณธ์ ์ด ์์ด์ ๋์ถฉ ์๊ณ ์์์. ์ฌํ๊น์ง๋ ํด๋น ๊ธฐ๋ฅ ํ์ํ ๋ ๊ทธ๋ฅ ๋ค๋ฅธ ๋ฐฉ์์ผ๋ก ํ์๋๋ฐ ๊ณต๋ถํ ๊ฒธ ์๋ํด๋ณด๋ ค ํ ๊ฑฐ์.
๊ทธ๋ฐ๋ฐ ๋๋ฌด ๋์ถฉ ์๊ณ ์์์ด์ ์ ์ฉํ๋๋ฐ ๋ง์ด ์ ๋ฅผ ๋จน์๊ณ ๊ฒฐ๊ตญ์๋ ๋ด ๊ฒฝ์ฐ์๋ ์ฌ์ฉํ ์ ์๋ค๋ ๊ฒ๋ ์๊ฒ ๋์.
https://docs.unity3d.com/Manual/9SliceSprites.html
9-slicing ๋ถ๋ถ ์ฝ์ผ๋ฉด ๋ ๊ฑฐ์. ์ด ๊ฑธ ๋ด๊ฐ ์ฌ์ฉ ๋ชป ํ๋ ์ด์ ๋ UI ๋ฐ์ ์ธ ๊ฑด๋ฐ Image ์ปดํฌ๋ํธ์์๋ Image Type์ slice๋ก ๋ฐ๊ฟ์ค๋ ํฌ๊ธฐ ์กฐ์ ํ๋๊ฒ
์ ๋ณด์. ๊ทธ๋ ๋ค๊ณ ์ฐํํด์ ์ฐ์๋ ๋ ๋ณต์กํด ๋ณด์ฌ์ ํฌ๊ธฐ.
3. Aseprite๋ก ๊ทธ๋ฆผ ์์ ํด์ Unity์์ ์ฐ๊ณ ์๋๋ฐ ์๋ ๋ณด์ด๋ ๊ฑฐ ์ฒ๋ผ ์คํ๋ผ์ดํธ๋ฅผ ๋ณ๊ฒฝํด์ ์ ์ฅํด์คฌ๋๋ฐ ์ด์ํ๊ฒ ์์ด ๋ณํด ์์์.
๊ทธ๋์ ํ์ธ ํด๋ณด๋๊น ์๋์ ํฝ์ ์๋ ์์ถ์ ๊ดํ ์ ๋ณด๊ฐ ์๋๊ฒ ๋ฌ๋์.
๊ทธ๋์ ์ฒ์์๋ ๋ด๊ฐ Aseprite ์ค์ ์ ์๋ชปํด์ ๋ฐ๊ฟจ๋ ์ถ์ด์ ๊ด๋ จ ์คํ ํด๋ณด๋๊น ์๋์์.
๋ฌธ์ ๋ ์ ๋ ๊ฒ ๋ฐ๊พธ๋ ๊ณผ์ ์์ ํฌ๋ช ํ ๋ถ๋ถ์ด ์ฌ๋ผ์ก๋๋ฐ ๊ทธ๋ ๊ฒ ํ๋ฉด ์๋์ผ๋ก RGBA 8bits ์์ถ ๋ฐฉ์์ RGB 4bits ๋ก ๋ฐ๊ฟจ๋ ๊ฑฐ์.
๊ทธ๋์ ์ ์์ผ๋ก ํฌ๋ช ํ ์นธ ๋ฃ์ด์ฃผ๋ ๊ฑธ๋ก ํด๊ฒฐํจ.
์ ๋ฌธ์ ๋ค์ ๋ํ ๋ ์ข์ ํด๊ฒฐ์ฑ ์์ผ๋ฉด ์ข ์๋ ค์ฃผ์ธ์! ๋ค๋ค ์ฆ๊ฑฐ์ด ๊ฐ๋ฐ ๋์ธ์~
ใฑใ ใ
1. ์บ๋ฒ์ค ์ค์ผ์ผ๋ฌ ์ปดํฌ๋ํธ๋ฅผ ์ ํ์ฉํด๋ณด์
https://docs.unity3d.com/Manual/script-CanvasScaler.html
3. ์คํ๋ผ์ดํธ ์ํฌํธ์ค์ ์์ Compression์ none์ผ๋ก ์ค์ ํ๋ฉด ์์๋ฌธ์ ๊ฐ ํด๊ฒฐ๋จ ํ๋ฒ ํด๋ณด์
๋ด์ผ ์๋ํด๋ด์ผ ๊ฒ ๋ค์. ๋ต๋ณ ๊ฐ์ฌํฉ๋๋ค!