์ ๋๋ฉ์ด์ ์ถ๊ฐ
๋์์, ์์ง์ด๋ GIF ๋๋ ํ๋ ์ ์ด๋ฏธ์ง๋ฅผ ๋๊ฑฐ๋, ์์ ํด๋ฆฝ์ ์ฌ์ฉํด ๋ณด์ธ์. ์๋ฌด๊ฒ๋ ์ ๋ก๋๋์ง ์์์.
์ด๋ค ์ ๋๋ฉ์ด์
์ด๋ ํ๋ ์์ ์ถ์ถํ๊ณ , ๋ฐฐ๊ฒฝ์ ์ ๊ฑฐํด ํ๋์ ์คํ๋ผ์ดํธ ์ํธ๋ก ๋ฌถ์ด์.
๋ฃจํ๋ฅผ ๋ฏธ๋ฆฌ ํ์ธํ ๋ค, ์์ง์ฉ ํ๋ ์ ๋ฐ์ดํฐ๊ฐ ๋ด๊ธด JSON๊ณผ PNG๋ฅผ ๋ค์ด๋ก๋ํ์ธ์.
๋์์(MP4, WebM, MOV), ์์ง์ด๋ GIFยทWebP, ๋๋ ์ฌ๋ฌ ์ฅ์ PNGยทJPG ํ๋ ์์ ์ฌ์ฉํ ์ ์์ด์.
์ด๋ฏธ์ง๋ฅผ ์ฌ๋ฌ ์ฅ ํ๊บผ๋ฒ์ ์ ํํ๋ฉด ํ์ผ ์ด๋ฆ ์์๋๋ก ํ๋ ์์ด ๋ผ์.๋์์ด ํ์ํ์ธ์? AI ๋ชจ์ ๊ฐค๋ฌ๋ฆฌ ๋๋ฌ๋ณด๊ธฐ์บ๋ฆญํฐ๋ฅผ ๋ง๋ค๊ณ , AI๋ก ์์ง์ด๊ฒ ํ ๋ค์, ๊ทธ ํด๋ฆฝ์ ์ฌ๊ธฐ๋ก ๊ฐ์ ธ์ ์คํ๋ผ์ดํธ ์ํธ๋ฅผ ๋ง๋์ธ์.
๋์์, ์์ง์ด๋ GIF ๋๋ ํ๋ ์ ์ด๋ฏธ์ง๋ฅผ ๋๊ฑฐ๋, ์์ ํด๋ฆฝ์ ์ฌ์ฉํด ๋ณด์ธ์. ์๋ฌด๊ฒ๋ ์ ๋ก๋๋์ง ์์์.
fps์ ์์ยท๋ ์ง์ ์ ์ค์ ํ๊ณ , ํ์ ์๋ ํ๋ ์์ ์ ์ธํ ๋ค, AI๋ ํค ์ปฌ๋ฌ๋ก ๋ฐฐ๊ฒฝ์ ์ ๊ฑฐํ์ธ์.
๊ทธ๋ฆฌ๋, ํ๋ ์ ํฌ๊ธฐ, ์ฌ๋ฐฑ์ ์ ํ๊ณ ๋ฃจํ๋ฅผ ํ์ธํ ๋ค์, JSON์ด ํฌํจ๋ PNG ์ํธ, GIF ๋๋ ํ๋ ์ ZIP์ ๋ค์ด๋ก๋ํ์ธ์.
JSON์ TexturePacker์ Hash ๋๋ Array ํ์์ด๋ผ Phaser์ ์ํ๋ผ์ค ๋ก๋์ PixiJS๊ฐ ๋ฐ๋ก ์ฝ์ ์ ์๊ณ , ๋ชจ๋ ํ๋ ์์ ๋์ดํ ์ ๋๋ฉ์ด์ ์ด ๋ค์ด ์์ด์. ํ๋ ์ ๋๋น์ ๋์ด๋ก ์๋ฅด๋ ์คํ๋ผ์ดํธ์ํธ๋ก๋ ์ธ ์ ์์ด์.
๋ชจ๋ ํ๋ ์์ ํฌ๊ธฐ๊ฐ ๊ฐ์์ Sprite2D๋ Hframes์ Vframes๋ง ์ค์ ํ๋ฉด ๋๊ณ , AnimatedSprite2D๋ ๊ทธ๋ฆฌ๋๋ก ์ํธ์์ ํ๋ ์์ ์ถ๊ฐํ ์ ์์ด์. ์ ๋ ฅํ ์ซ์๋ ๋๊ตฌ์ ํ์๋ผ์.
Unity์์๋ Sprite Editor์์ ์ ํฌ๊ธฐ๋ก PNG๋ฅผ ์๋ฅด๊ณ , GameMaker์์๋ ์คํธ๋ฆฝ์ผ๋ก ๊ฐ์ ธ์ค์ธ์. ํ๋ ์ ํฌ๊ธฐ, ์ฌ๋ฐฑ, fps๋ ๋ค์ด๋ก๋ ์์ ํ์๋๋ฉฐ JSON์๋ ์ ์ฅ๋ผ์.
WaveSpeed AI๋ก ๊ฒ์ ์บ๋ฆญํฐ๋ฅผ ๋์์ธํด ์์ง์ด๊ฒ ํ ๋ค์, ๊ทธ ํด๋ฆฝ์ ์ฌ๊ธฐ์ ์คํ๋ผ์ดํธ ์ํธ๋ก ๋ง๋์ธ์.
ํ๋กฌํํธ ํ๋๋ก ์บ๋ฆญํฐ, ์ , ์์ดํ ์ ๋์์ธํด์.
๊ฑท๊ธฐ, ๋ฌ๋ฆฌ๊ธฐ, ์ ํ, ๊ณต๊ฒฉํ๋ ์บ๋ฆญํฐ๋ฅผ ์งง์ ํด๋ฆฝ์ผ๋ก ๋ง๋ค์ด์.
์กฐ๊ฑด์ ์ถฉ์กฑํ๋ ์ ๊ท ๊ณ์ ์ $1 ๋ฌด๋ฃ ํฌ๋ ๋ง. ์นด๋ ํ์ ์์. ์์ฑ๊ธฐ๋ ๊ณ์ ๊ณผ ํฌ๋ ๋ง์ด ๋ณ๋๋ก ํ์ํฉ๋๋ค. ๋ฌด๋ฃ์ธ ๊ฒ์ ์คํ๋ผ์ดํธ ์ํธ ๋ฉ์ด์ปค๋ฟ์ ๋๋ค.
๋ค. ๊ณ์ ๋ ์ํฐ๋งํฌ๋ ์์ด ์ํ๋ ๋งํผ ์คํ๋ผ์ดํธ ์ํธ๋ฅผ ๋ง๋ค ์ ์์ด์.
์๋์. ํ๋ ์ ์ถ์ถ, ์๋ผ๋ด๊ธฐ, ๋ฌถ๊ธฐ๊ฐ ๋ชจ๋ ๋ธ๋ผ์ฐ์ ์์์ ์ด๋ฃจ์ด์ ธ ๋์์์ด๋ ์ด๋ฏธ์ง๊ฐ ๊ธฐ๊ธฐ ๋ฐ์ผ๋ก ๋๊ฐ์ง ์์์. AI ๋ฐฐ๊ฒฝ ์ ๊ฑฐ๋ฅผ ์ฒ์ ์ฌ์ฉํ ๋๋ง ๋ธ๋ผ์ฐ์ ๊ฐ AI ๋ชจ๋ธ(์ฝ 91MB)์ ํ ๋ฒ ๋ค์ด๋ก๋ํ๊ณ , ๋ค์์ ์ธ ์ ์๋๋ก ์ ์ฅํด ๋ฌ์.
๋์์์ ์ถ๊ฐํ๊ณ ์ด๋น ํ๋ ์ ์์ ๋์์ ์์ยท๋ ์ง์ ์ ๊ณ ๋ฅธ ๋ค์ ์ํธ๋ฅผ ๋ค์ด๋ก๋ํ์ธ์. ๋๋ถ๋ถ์ ๊ฒ์ ์ ๋๋ฉ์ด์ ์ 8~12 fps๋ฉด ์ถฉ๋ถํ๊ณ , ๊ฑท๊ธฐ๋ ๋ฌ๋ฆฌ๊ธฐ์ฒ๋ผ ๋ฐ๋ณต๋๋ ๋์์ ๋ณดํต 0.5์ด์์ 1์ด ์ ๋๊ฐ ์๋ง์์.
๋ค. ์์ง์ด๋ GIF๋ WebP๋ฅผ ์ถ๊ฐํ๋ฉด ์๋ ํ์ด๋ฐ ๊ทธ๋๋ก ํ๋ ์์ ์ฝ์ด ์์. ์์ง์ด๋ ์ด๋ฏธ์ง๋ฅผ ์ฝ์ง ๋ชปํ๋ ๋ธ๋ผ์ฐ์ ๋ ์์ผ๋, ๊ทธ๋ด ๋๋ Chrome์ด๋ Edge๋ฅผ ์ฐ๊ฑฐ๋ ํ๋ ์์ PNG ํ์ผ๋ก ์ถ๊ฐํ์ธ์.
โAI ์ ๊ฑฐโ๋ฅผ ์ ํํ๊ณ โ๋ฐฐ๊ฒฝ ์ ๊ฑฐโ๋ฅผ ๋๋ฅด๋ฉด AI๊ฐ ๊ฐ ํ๋ ์์์ ์บ๋ฆญํฐ๋ฅผ ์๋ผ๋ด์. ๊ทธ๋ฆฐ ์คํฌ๋ฆฐ์ด๋ ๋จ์ ๋ฐฐ๊ฒฝ์ด๋ผ๋ฉด โํค ์ปฌ๋ฌโ๊ฐ ์ฆ์ ์ฒ๋ฆฌํด์.
ํ๋ ์์ ํ๋์ฉ ์๋ผ๋ด๋ฉด ํ๋ ์๋ง๋ค ์บ๋ฆญํฐ ์์น๊ฐ ๋ฌ๋ผ์ ธ์. โ๋ด์ฉ์ ๋ง์ถฐ ํธ๋ฆฌ๋ฐโ์ ๋ชจ๋ ํ๋ ์์์ ์บ๋ฆญํฐ๋ฅผ ๊ฐ์ธ๋ ํ๋์ ์์ญ์ ์ฐ๊ณ , ๊ณ ์ ํฌ๊ธฐ ํ๋ ์์ ์บ๋ฆญํฐ๋ฅผ ์๋์ชฝ ๊ฐ์ฅ์๋ฆฌ์ ์ธ์ ๋๊ธฐ ๋๋ฌธ์ ์ ์๋ฆฌ์ ์์ ์ ์ผ๋ก ์์ด์.
TexturePacker ํ์์ JSON(Hash ๋๋ Array)์ผ๋ก, ๋ชจ๋ ํ๋ ์์ ์์น์ ํฌ๊ธฐ, ์ง์ ์๊ฐ, ํ๋ ์์ ๋์ดํ ์ ๋๋ฉ์ด์ ์ด ๋ค์ด ์์ด์. Phaser์ PixiJS๊ฐ ๋ฐ๋ก ๋ถ๋ฌ์ฌ ์ ์์ด์. ๊ทธ๋ฆฌ๋๋ก ์๋ฅด๋ ์์ง์ ์ํด ๊ทธ๋ฆฌ๋ ํฌ๊ธฐ, ์ฌ๋ฐฑ, fps๋ ํจ๊ป ๋ด๊ฒจ ์์ด์.
๋ค. โํฝ์ ์ํธโ๋ฅผ ์ผ๋ฉด ๋ถ๋๋ฝ๊ฒ ๋ณด์ ํ์ง ์๊ณ ๊ฐ์ฅ์๋ฆฌ๋ฅผ ์ ๋ช ํ๊ฒ ์ ์งํ ์ฑ ํ๋ํ๊ณ , 200%๋ 400% ๊ฐ์ ๋ฐฐ์จ์ ๊ณ ๋ฅผ ์ ์์ด์. 32 ร 32๋ 64 ร 64 ๊ฐ์ ๊ณ ์ ํ๋ ์ ํฌ๊ธฐ๋ฅผ ์ง์ ํ๋ฉด ํด๋์ํ ๋๋์ด ๋์.
์ต๋ 150ํ๋ ์, ์ํธ๋ ํ ๋ณ ์ต๋ 8192 px๊น์ง์์. ํ๋ ์์ด ํด์๋ก ๋ด์ ์ ์๋ ์๋ ์ค์ด์. ๋ ๋ง์ด ๋ด์ผ๋ ค๋ฉด fps๋ฅผ ๋ฎ์ถ๊ฑฐ๋ ํ๋ ์ ํฌ๊ธฐ๋ฅผ ์๊ฒ ์ ํํ์ธ์.
AI ์ด๋ฏธ์ง ์์ฑ๊ธฐ๋ก ์บ๋ฆญํฐ๋ฅผ ๋ง๋ค๊ณ , AI ๋ชจ์ ๊ฐค๋ฌ๋ฆฌ๋ AI ์๋ฐํ ์์ฑ๊ธฐ๋ก ์์ง์ด๊ฒ ํ ๋ค์, ๊ทธ ํด๋ฆฝ์ ์ฌ๊ธฐ๋ก ๊ฐ์ ธ์ค์ธ์.
๋ฌด๋ฃ์, ์์ ํ๊ณ , ๊ฐ์ ๋ ํ์ ์์ด์. ํ์ผ์ ๊ธฐ๊ธฐ ๋ฐ์ผ๋ก ๋๊ฐ์ง ์์์.