Pixi.js: React Native/Expo.io์™€์˜ ํ˜ธํ™˜์„ฑ

์— ๋งŒ๋“  2017๋…„ 11์›” 22์ผ  ยท  5์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: pixijs/pixi.js

Pixi.js๊ฐ€ React Native/Expo.io๋ฅผ ์ง€์›ํ•  ๊ณ„ํš์ด ์žˆ์Šต๋‹ˆ๊นŒ? Three.js๋Š” Expo์™€ ํ•จ๊ป˜ ์ž‘๋™ํ•˜์ง€๋งŒ React Native์™€ ์ž˜ ์ž‘๋™ํ•˜๋Š” 2D ๊ทธ๋ž˜ํ”ฝ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊ฐ€ ์ •๋ง ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. Pixi.js๋Š” ๋ฌผ๋ก  ๊ฐ€์žฅ ์ด์ƒ์ ์ธ ์†”๋ฃจ์…˜์ž…๋‹ˆ๋‹ค.

Expo.io ์ง€์›์„ ๋ฐ›์„ ๊ฐ€๋Šฅ์„ฑ์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

Stale ๐Ÿค” Question

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

๋‚˜๋Š” pixi๋ฅผ ์‹คํ–‰ํ•œ ์ ์ด ์—†์ง€๋งŒ RN๊ณผ ํ•จ๊ป˜ ์‹คํ–‰ํ•˜๋Š” ๋ฐ ๋งค์šฐ ๊ด€์‹ฌ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ฃผ์œ„๋ฅผ ๋น ๋ฅด๊ฒŒ ๋‘˜๋Ÿฌ๋ณด๊ณ  ์„ค์ • ์ง€์นจ์„ ๋ณด๋‹ˆ pixi๊ฐ€ ์บ”๋ฒ„์Šค์— ์ข…์†๋œ ๊ฒƒ์œผ๋กœ ๋ณด์ž…๋‹ˆ๋‹ค.

์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” ๋™์ผํ•œ API๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ RN์— ๋Œ€ํ•œ ์บ”๋ฒ„์Šค ์š”์†Œ๋ฅผ ์ œ๊ณตํ•œ๋‹ค๊ณ  ๋ช…์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. pixi์˜ ํฌํฌ๋ฅผ ์—ด๊ณ  ์ฑ„์ฐ์งˆํ•˜๊ณ  ๋ฌด์—‡์ด ๊นจ์ง€๋Š”์ง€ ํ™•์ธํ•˜๋Š” ๊ฒƒ์ด ๊ฐ€์น˜๊ฐ€ ์žˆ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค: https://alibaba.github.io/GCanvas/

๋ชจ๋“  5 ๋Œ“๊ธ€

๋‚˜๋Š” pixi๋ฅผ ์‹คํ–‰ํ•œ ์ ์ด ์—†์ง€๋งŒ RN๊ณผ ํ•จ๊ป˜ ์‹คํ–‰ํ•˜๋Š” ๋ฐ ๋งค์šฐ ๊ด€์‹ฌ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ฃผ์œ„๋ฅผ ๋น ๋ฅด๊ฒŒ ๋‘˜๋Ÿฌ๋ณด๊ณ  ์„ค์ • ์ง€์นจ์„ ๋ณด๋‹ˆ pixi๊ฐ€ ์บ”๋ฒ„์Šค์— ์ข…์†๋œ ๊ฒƒ์œผ๋กœ ๋ณด์ž…๋‹ˆ๋‹ค.

์ด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” ๋™์ผํ•œ API๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ RN์— ๋Œ€ํ•œ ์บ”๋ฒ„์Šค ์š”์†Œ๋ฅผ ์ œ๊ณตํ•œ๋‹ค๊ณ  ๋ช…์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. pixi์˜ ํฌํฌ๋ฅผ ์—ด๊ณ  ์ฑ„์ฐ์งˆํ•˜๊ณ  ๋ฌด์—‡์ด ๊นจ์ง€๋Š”์ง€ ํ™•์ธํ•˜๋Š” ๊ฒƒ์ด ๊ฐ€์น˜๊ฐ€ ์žˆ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค: https://alibaba.github.io/GCanvas/

@RossKinsella ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค! GCanvas์™€ ๋˜‘๊ฐ™์€ ๊ฒƒ์„ ๊ธฐ๋‹ค๋ฆฌ๊ณ  ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค!

๋‚˜๋Š” expo/pixi ํ˜ธํ™˜์„ฑ์œผ๋กœ ์ˆ˜ํ–‰๋œ ๋ช‡ ๊ฐ€์ง€ ์ž‘์—…์„ ๋ณด์•˜์Šต๋‹ˆ๋‹ค. https://github.com/expo/expo-pixi

๋ˆ„๊ตฌ๋“ ์ง€ ์ด๊ฒƒ์œผ๋กœ ๋งŽ์€ ์„ฑ๊ณต์„ ๊ฑฐ๋‘์—ˆ์Šต๋‹ˆ๊นŒ? ์ž‘๋™ ์ค‘์ธ ๋ฐ๋ชจ๋ฅผ ๋ช‡ ๊ฐœ ๋ณด์•˜์ง€๋งŒ ํ”„๋กœ๋•์…˜ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์— ๊ถŒ์žฅํ•˜๊ธฐ๋ฅผ ๊บผ๋ฆฝ๋‹ˆ๋‹ค.

์ด ๋ฌธ์ œ๋Š” ์ตœ๊ทผ ํ™œ๋™์ด ์—†์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ์ž๋™์œผ๋กœ ์˜ค๋ž˜๋œ ๊ฒƒ์œผ๋กœ ํ‘œ์‹œ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋” ์ด์ƒ ํ™œ๋™์ด ์—†์œผ๋ฉด ํ์‡„๋ฉ๋‹ˆ๋‹ค. ๊ท€ํ•˜์˜ ๊ธฐ์—ฌ์— ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

์ด ์Šค๋ ˆ๋“œ๋Š” ๋‹ซํžŒ ํ›„ ์ตœ๊ทผ ํ™œ๋™์ด ์—†์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ์ž๋™์œผ๋กœ ์ž ๊ฒผ์Šต๋‹ˆ๋‹ค. ๊ด€๋ จ ๋ฒ„๊ทธ์— ๋Œ€ํ•œ ์ƒˆ ๋ฌธ์ œ๋ฅผ ์—ฌ์‹ญ์‹œ์˜ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰