Pixi.js๊ฐ React Native/Expo.io๋ฅผ ์ง์ํ ๊ณํ์ด ์์ต๋๊น? Three.js๋ Expo์ ํจ๊ป ์๋ํ์ง๋ง React Native์ ์ ์๋ํ๋ 2D ๊ทธ๋ํฝ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๊ฐ ์ ๋ง ํ์ํฉ๋๋ค. Pixi.js๋ ๋ฌผ๋ก ๊ฐ์ฅ ์ด์์ ์ธ ์๋ฃจ์ ์ ๋๋ค.
Expo.io ์ง์์ ๋ฐ์ ๊ฐ๋ฅ์ฑ์ ๋ฌด์์ ๋๊น?
๋๋ pixi๋ฅผ ์คํํ ์ ์ด ์์ง๋ง RN๊ณผ ํจ๊ป ์คํํ๋ ๋ฐ ๋งค์ฐ ๊ด์ฌ์ด ์์ต๋๋ค. ์ฃผ์๋ฅผ ๋น ๋ฅด๊ฒ ๋๋ฌ๋ณด๊ณ ์ค์ ์ง์นจ์ ๋ณด๋ pixi๊ฐ ์บ๋ฒ์ค์ ์ข ์๋ ๊ฒ์ผ๋ก ๋ณด์ ๋๋ค.
์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ๋์ผํ API๋ฅผ ์ฌ์ฉํ์ฌ RN์ ๋ํ ์บ๋ฒ์ค ์์๋ฅผ ์ ๊ณตํ๋ค๊ณ ๋ช ์ํ๊ณ ์์ต๋๋ค. pixi์ ํฌํฌ๋ฅผ ์ด๊ณ ์ฑ์ฐ์งํ๊ณ ๋ฌด์์ด ๊นจ์ง๋์ง ํ์ธํ๋ ๊ฒ์ด ๊ฐ์น๊ฐ ์์ ์ ์์ต๋๋ค: https://alibaba.github.io/GCanvas/
@RossKinsella ๊ฐ์ฌํฉ๋๋ค! GCanvas์ ๋๊ฐ์ ๊ฒ์ ๊ธฐ๋ค๋ฆฌ๊ณ ์์์ต๋๋ค!
๋๋ expo/pixi ํธํ์ฑ์ผ๋ก ์ํ๋ ๋ช ๊ฐ์ง ์์ ์ ๋ณด์์ต๋๋ค. https://github.com/expo/expo-pixi
๋๊ตฌ๋ ์ง ์ด๊ฒ์ผ๋ก ๋ง์ ์ฑ๊ณต์ ๊ฑฐ๋์์ต๋๊น? ์๋ ์ค์ธ ๋ฐ๋ชจ๋ฅผ ๋ช ๊ฐ ๋ณด์์ง๋ง ํ๋ก๋์ ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ถ์ฅํ๊ธฐ๋ฅผ ๊บผ๋ฆฝ๋๋ค.
์ด ๋ฌธ์ ๋ ์ต๊ทผ ํ๋์ด ์์๊ธฐ ๋๋ฌธ์ ์๋์ผ๋ก ์ค๋๋ ๊ฒ์ผ๋ก ํ์๋์์ต๋๋ค. ๋ ์ด์ ํ๋์ด ์์ผ๋ฉด ํ์๋ฉ๋๋ค. ๊ทํ์ ๊ธฐ์ฌ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค.
์ด ์ค๋ ๋๋ ๋ซํ ํ ์ต๊ทผ ํ๋์ด ์์๊ธฐ ๋๋ฌธ์ ์๋์ผ๋ก ์ ๊ฒผ์ต๋๋ค. ๊ด๋ จ ๋ฒ๊ทธ์ ๋ํ ์ ๋ฌธ์ ๋ฅผ ์ฌ์ญ์์ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
๋๋ pixi๋ฅผ ์คํํ ์ ์ด ์์ง๋ง RN๊ณผ ํจ๊ป ์คํํ๋ ๋ฐ ๋งค์ฐ ๊ด์ฌ์ด ์์ต๋๋ค. ์ฃผ์๋ฅผ ๋น ๋ฅด๊ฒ ๋๋ฌ๋ณด๊ณ ์ค์ ์ง์นจ์ ๋ณด๋ pixi๊ฐ ์บ๋ฒ์ค์ ์ข ์๋ ๊ฒ์ผ๋ก ๋ณด์ ๋๋ค.
์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ๋์ผํ API๋ฅผ ์ฌ์ฉํ์ฌ RN์ ๋ํ ์บ๋ฒ์ค ์์๋ฅผ ์ ๊ณตํ๋ค๊ณ ๋ช ์ํ๊ณ ์์ต๋๋ค. pixi์ ํฌํฌ๋ฅผ ์ด๊ณ ์ฑ์ฐ์งํ๊ณ ๋ฌด์์ด ๊นจ์ง๋์ง ํ์ธํ๋ ๊ฒ์ด ๊ฐ์น๊ฐ ์์ ์ ์์ต๋๋ค: https://alibaba.github.io/GCanvas/