2d ๋„ํŠธ ๊ฒŒ์ž„ ๋งŒ๋“œ๋Š”์ค‘์ธ๋ฐ ๊ฒŒ์ž„ ์ฃผ์š” ๋กœ์ง ๋จผ์ € ๋งŒ๋“œ๋А๋ผ ์ด์ œ์„œ์•ผ ui ๊ฑด๋“œ๋Š”์ค‘์ž„

์šฐ์„  ํ˜„์žฌ ์„ธํŒ…์€
sprite์—์„œ ํ•„ํ„ฐ, ์••์ถ• ๋‹ค ๊ป๊ณ 
canvas render mode๋Š” overlay๋กœ ํ•˜๊ณ 
canvas scaler์— ๊ธฐ์ค€ ํ•ด์ƒ๋„ ์ž…๋ ฅํ•˜๊ณ 
screen Match Mode๋Š” expand๋กœ ํ•ด๋†จ์Œ
pixel perfect camera์—์„œ ๊ธฐ์ค€ ํ•ด์ƒ๋„์— ๋งž์ถฐ๋†จ๊ณ 
ppu๋Š” ์•„์งย ย ๊ธฐ์ค€์„ ์•ˆ์žก์•„์„œ ์ผ๋‹จ 1๋กœ ์คฌ์Œ
์นด๋ฉ”๋ผ ํฌ๊ธฐ๋ฅผ ์žฅ์น˜ ํ•ด์ƒ๋„์— ๋งž์ถ”๋Š”๊ฑด cam.size = screen.height / ppu * 0.5 ๋„ฃ์—ˆ์Œ

๊ทผ๋ฐ ์•„์ง ํ•ด์ƒ๋„๋ž‘ ppu์— ๋Œ€ํ•ด์„œ ๊ฐ์ด ์ž˜ ์•ˆ์žกํžˆ๋Š”๋ฐ ์•„๋ž˜ ๋‚ด๊ฐ€ ์ดํ•ดํ•˜๋Š”๊ฒŒ ๋งž๋Š”๊ฑด์ง€ ์ข€ ๋ด์ค˜

1.์ง€ํ˜•์ด๋‚˜ ๊ฑด๋ฌผ, ์บ๋ฆญํ„ฐ, ์Šคํ‚ฌ ๋“ฑ ์ธ๊ฒŒ์ž„ sprite๋“ค์€ pixel ํฌ๊ธฐ๋ฅผ ํƒ€์ผ๋งต์˜ ๊ธฐ์ค€์ด ๋˜๋Š” ํƒ€์ผ ํฌ๊ธฐ์— ๋งž์ถฐ์„œ ๋งŒ๋“ ๋‹ค.

2.๊ธฐ์ค€ ํ•ด์ƒ๋„์— ๋”ฐ๋ผ unit ๊ฐœ์ˆ˜๋„ ๋‹ฌ๋ผ์ง€๋ฏ€๋กœ ํ•ด์ƒ๋„์— ๋งž์ถฐ ์œ„ sprite์— ์ ์ ˆํ•œ ํฌ๊ธฐ์˜ ppu๋ฅผ ์ž…๋ ฅํ•œ๋‹ค.

3.๋งŒ์•ฝ ์—์…‹์„ ์‚ฌ์„œ ์“ธ ๊ฒฝ์šฐ ๊ฐ sprite์˜ pixel ํฌ๊ธฐ๋ฅผ ๋งž์ถ”์ง€ ๋ชปํ•˜๋ฏ€๋กœ ๊ฐœ๋ณ„์ ์œผ๋กœ ppu๋ฅผ ์กฐ์ •ํ•ด์„œ ๊ธฐ์ค€ ํƒ€์ผ ํฌ๊ธฐ์— ๋งž์ถ˜๋‹ค.


4.์œ„์—์„œ ํฌ๊ธฐ๊ฐ€ ๋‹ฌ๋ผ๋„ ๊ฐœ๋ณ„์ ์œผ๋กœ ppu๋ฅผ ์ž…๋ ฅํ•ด ์กฐ์ •ํ•  ์ˆ˜ ์žˆ์ง€๋งŒ 16x16 px, 24x24 px ์ฒ˜๋Ÿผ ๋‹ค๋“ค ๊ธฐ์ค€์ด๋˜๋Š” sprite ํฌ๊ธฐ๋ฅผ ์ง€์ •ํ•˜๋ฉด ๊ฐ sprite ๋งˆ๋‹ค ppu๋ฅผ ์ผ์ผ์ด ์ž…๋ ฅํ•˜๋Š” ๋ฒˆ๊ฑฐ๋กœ์›€์„ ์ค„์ผ ์ˆ˜ ์žˆ๋‹ค. ์ด๊ฒƒ์ด ๊ธฐ์ค€ ํฌ๊ธฐ๋ฅผ ์ •ํ•˜๋Š” ์ด์œ ?


5. ๊ทธ์™ธ ui์šฉ sprite๋Š” ๊ทธ๋Ÿผ pixel ํฌ๊ธฐ๋ฅผ ์•ˆ๋งž์ถฐ๋„ ๋˜๋Š”๊ฑด์ง€?


6. canvas scaler์—์„œ reference ppu๋ฅผ ๋ณ€๊ฒฝํ•ด๋„ ์•„๋ฌด๋Ÿฐ ๋ณ€ํ™”๊ฐ€ ์—†๋˜๋ฐ ์ด๊ฑด ์™œ ๊ทธ๋Ÿฐ๊ฑด์ง€?

7. pixel perfect camera์—์„œ๋„ ppu๋ฅผ ์ž…๋ ฅํ•˜๋Š”๋ฐ ์ด๊ฑด ๊ธฐ์ค€ ํƒ€์ผ์˜ ppu๋ฅผ ๋„ฃ์œผ๋ฉด ๋˜๋Š”๊ฑด์ง€?

8. ์žฅ์น˜ ํ•ด์ƒ๋„๋ฅผ ํ™•๋Œ€ํ•˜๋Š”๊ฑด ๊ดœ์ฐฎ์€๋ฐ ์ถ•์†Œํ•˜๋ฉด ์‚ฌ์ด์ฆˆ๊ฐ€ ์ž‘์€ ๋„ํŠธ๋Š” ๊นจ์ง€๋˜๋ฐ ๊ทธ๋Ÿฌ๋ฉด ๊ธฐ์ค€ ํ•ด์ƒ๋„๋ฅผ ์ž‘๊ฒŒ ์žก์„ ์ˆ˜๋ก ํ•ด์ƒ๋„ ๋Œ€์‘์— ๋” ์œ ๋ฆฌํ•œ๊ฑด์ง€?

์งˆ๋ฌธ์ด ๋งŽ์•„์„œ ๋ฏธ์•ˆใ