DOI QR코드

DOI QR Code

Development of a Mobile App Combining React Native and Unity3D for Chromakey-based Image Composition

React Native와 Unity3D를 활용한 크로마키 기반 이미지 합성 모바일 앱 개발

  • Kim, Seung-Jun (Dept. of Games, General Graduate School, Hongik University) ;
  • Seo, Beom-Joo (Dept. of Games, General Graduate School, Hongik University) ;
  • Cho, Sung-Hyun (Dept. of Games, General Graduate School, Hongik University)
  • 김승준 (홍익대학교 일반대학원 게임학과) ;
  • 서범주 (홍익대학교 일반대학원 게임학과) ;
  • 조성현 (홍익대학교 일반대학원 게임학과)
  • Received : 2020.06.19
  • Accepted : 2020.08.09
  • Published : 2020.08.20

Abstract

In the rapidly changing mobile app market, it is crucial to develop a good idea quickly and receive its market evaluation. For a small-sized company, however, it is very challenging to rapidly develop and deploy their products in response to highly fragmented mobile environments. This article demonstrates that our integrated development environment using both React Native and Unity3D when developing a mobile app achieves a high level of functionality and performance requirements successfully. Moreover, this integrated environment helps reduce development costs and shorten development time.

모바일 시장에서는 앱을 빠르게 개발하여 시장의 평가를 받는 것이 중요하다. 하지만 소규모 회사에서 단편화된 모바일 환경에 대응하여 제품을 신속하게 개발하고 배포하는 것은 어려운 일이다. 본 연구에서는 높은 수준의 기능과 성능을 요구하는 모바일 앱 개발 시에 크로스 플랫폼 솔루션인 React Native와 Unity3D를 동시에 활용하여 제작한 통합 개발 결과물이 요구 조건을 충족할 수 있음을 보인다. 또한 크로스 플랫폼을 통합한 개발 방식이 모바일 앱의 개발기간을 단축하고 개발 비용을 절감할 수 있음도 보여준다.

Keywords

References

  1. YoungHyun Chang and SangYeob Oh, "A study on the development of one source multi use cross-platform based on zero coding", Multimedia Tools and Applications Vol. 74, No. 7, pp. 2219-2235, 2015. https://doi.org/10.1007/s11042-014-1886-5
  2. Andreas Biorn-Hansen, Tim A. Majchrzak, and Tor-Morten Gronli, "Progressive Web Apps: The Possible Web-native Unifier for Mobile Development", In WEBIST, pp. 344-351, 2017.
  3. Majchrzak, T. A., Biorn-Hansen, A., and Gronli, T.-M, "Comprehensive analysis of innovative crossplatform app development frameworks", In Proc. 49th HICSS. IEEE Computer Society, pp. 6162-6171, 2017.
  4. https://unity.com
  5. https://www.unrealengine.com
  6. Scott Forstall and Imran Chaudhri, "Webview applications", U.S. Patent Application No. 11/145,560, 2006.
  7. B. Eisenman, "Learning react native: building native mobile apps with javascript", O'Reilly Media Inc., 2015.
  8. T. Norton, "Learning C# by developing games with unity 3D", Packt Publishing Ltd, 2013.
  9. A. Smith, J. Blinn, "Blue Screen Matting", Proc. of SIGGRAPH '96. pp. 259-268. 1996.
  10. Swarnendu Ghosh, Nibaran Das, Ishita Das, and Ujjwal Maulik, "Understanding Deep Learning Techniques for Image Segmentation", ACM Computing Surveys, Vol. 52, No. 4, Article 73, 2019.
  11. R. Battle and E. Benson, "Bridging the semantic Web and Web 2.0 with representational state transfer (REST)" Journal of Web Semantics 6(1), pp. 61-69, 2008. https://doi.org/10.1016/j.websem.2007.11.002
  12. Juriy Zaytsev, Stefan Kienzle, and Andrea Bogazzi. "Fabric. js-a powerful and simple Javascript HTML5 canvas library", 2008.
  13. F. Beaulieu, "Part 1. Show Unity3D view in React-Native application. Yes it's possible!", URL: https://medium.com/@beaulieufrancois/show-unity3d-view-in-react-native-application -yes-its-possible-852923389f2d, 2018.
  14. React Native UnityView, “react-native-unity-view”,URL:https://www.npmjs.com/package/react-native-unity-view, 2018.