250x250
반응형
05-10 06:13
Today
Total
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Notice
Recent Posts
Recent Comments
Link
Archives
관리 메뉴

Bill Kim's Life...

[Unity] WebView Plugins 비교(Asset Store) 본문

DEV Tips/Unity

[Unity] WebView Plugins 비교(Asset Store)

billnjoyce 2022. 7. 22. 15:14
728x90
반응형

개요

본 페이지에서는 Unity Engine에서 웹페이지 출력을 위한 주요 관련 플러그인에 대해서 살펴보겠습니다. 

현재 최신 버전(Unity 2022.x) 기준으로 Unity 엔진에서 공식 지원하는 웹뷰가 없는 상황입니다. 

따라서 모바일 및 Standalone(Windows, macOs) 플랫폼 등에서 웹페이지를 표시하기 위해서는 외부 플러그인을 사용할 수 밖에 없습니다.

따라서 그와 관련된 주요 WebView 플러그인의 종류 및 주요 특징들을 살펴보겠습니다.

 

 

 

주요 플러그인 종류

Unity에서 주로 많이 사용되는 WebView 플러그인의 종류는 아래와 같습니다.

이 외에도 Asset Store나 기타 오픈 소스 프로젝트에서도 Unity 관련 WebView 플러그인은 있으나 본 페이지에서는 현재 주로 많이 사용하는 위의 플러그인에 대해서만 각각 특징에 대해서 살펴보겠습니다.

 

 

unity-webview

Unity에서 대표적으로 많이 사용하는 웹뷰 플러그인으로서 오픈소스 기반의 플러그인입니다.

gree라는 일본 기업에서 만든 플러그인으로 모바일 플랫폼에서 가볍게 사용하기 좋은 플러그인입니다.

[주요 특징]

  1. 오픈소스로서 무료이며 사용에 제약이 없음
  2. 플러그인 적용이 가볍고 좋으며 사용하기도 쉬움
  3. iOS, Android, Unity Web Player, Mac 플랫폼 지원(현재는 Windows는 지원하지 않음)
  4. Javascript 관련 기능 지원
  5. 오픈소스라 재배포에 대한 제한은 없음

[관련 링크]

https://github.com/gree/unity-webview

 

 

UniWebView 4

역시나 Unity에서 대표적으로 많이 사용하는 웹뷰 플러그인으로서 경량화 플러그인입니다.

용량도 작고 사용성도 매우 쉬어서 많이 사용하는 플러그인 중에 하나입니다.

 

 

 

[주요 특징]

  1. 유니티 에셋 스토어에서 $25 가격으로 판매(비교적 저렴)
  2. 10메가 미만으로 플러그인이 매우 가벼운 것이 특징
  3. 로컬 HTML 파일 로딩 기능 지원
  4. Unity UI element 간의 참조 시에 위치 및 사이즈 설정 가능
  5. 시스템 브라우저와의 OAuth 및 쿠기 공유를 위한 Safe Browsing Mode 지원
  6. URL Scheme에 기반한 메시지 시스템 지원
  7. iOS(9.0 이상), Android(5.0 이상(API Level 21)), Unity macOS 플랫폼 지원(Windows 플랫폼은 미지원)
  8. Full Javascript 지원
  9. 유투브 및 Vimeo 또는 로컬 비디오 재생 지원
  10. 사진 업로드 및 다운로드 기능 지원
  11. 플러그인을 사용하여 재생성 및 복사 등으로 재패키징은 불가

[관련 링크]

https://uniwebview.com

https://assetstore.unity.com/packages/tools/network/uniwebview-4-175993

 

 

3D WebView

3D 객체에 웹페이지 표시가 가능한 플러그인으로서 다양한 플랫폼의 지원이 가능한 플러그인입니다.

 

 

[주요 특징]

  1. 유니티 에셋 스토어에서 $149.99 가격으로 판매(다른 플러그인 대비 비쌈)
  2. Unity 2018.4.x 버전 이상 사용 가능
  3. 3D 객체에서 웹페이지 적용이 가능한 부분이 가장 큰 특징(대신에 플러그인 자체 용량은 다소 커서 적용이 가볍지는 않음)
  4. URL 및 HTML 스트링으로 웹페이지 로딩 가능
  5. MP4 및 스트리밍 영상 보기 지원
  6. HTML을 활용한 UI 생성 기능 지원
  7. 다양한 플랫폼 지원(iOS, Android, Windows, macOS, WebGL, UWP 등)
  8. Chromium 기반
  9. 브라우저 이벤트 처리 API 지원
  10. Javascript 관련 기능 지원
  11. C# 및 JavaScript 간의 메시지 전송 지원
  12. PDF 파일 보기 지원
  13. 웹페이지 투명도 지원
  14. Chromium Embedded Framework 사용에 따라서 BSD-styple license 등의 규칙에 따른 사용 표기 필수(chromiumembedded / cef / LICENSE.txt — Bitbucket)

[관련 링크]

https://assetstore.unity.com/packages/tools/gui/3d-webview-for-windows-and-macos-web-browser-154144

 

 

GPM WebView

국내 기업인 NHN 에서 제공하는 Game Package Manager라는 게임 제작 서비스를 제공하는 플러그인입니다. 

해당 플러그인 내에서 다양한 게임 서비스 관련 기능 중에서 본 페이지에서는 WebView 기능에 대해서 살펴보겠습니다.

 

 

[주요 특징]

  1. 국내 기업에서 제공하는 플러그인으로서 무료로 사용 가능
  2. 다양한 게임 서비스 기능을 제공하며 개별적으로 원하는 서비스 기능에 대해서만 적용 가능
  3. iOS, Android 플랫폼만 지원(Windows 및 macOS 플랫폼은 지원하지 않음)
  4. 웹브라우저 콜백 기능 지원
  5. 로컬 HTML 파일 로딩 기능 지원(StreamingAssets)
  6. Javascript 함수 호출 기능 지원
  7. 한국어 가이드 지원
  8. MPL 라이센스 규약을 따름

[관련 링크]

https://github.com/nhn/gpm.unity/

https://assetstore.unity.com/packages/tools/game-toolkits/game-package-manager-147711

 

 

Embedded Browser

Unity내의 Texture에 웹페이지를 렌더링할 수 있는 플로그인으로서 UI 오브젝트에 웹페이지를 적용하여 상호 작용이 가능한 점이 가장 큰 특징인 플러그인입니다.

 

[주요 특징]

  1. 유니티 에셋 스토어에서 $75 가격으로 판매
  2. 2D 및 3D 오브젝트에 웹페이지 렌더링 가능
  3. Chromium 기반하에 HTML, CSS, Javascript 지원
  4. Standalone 플랫폼만 지원(Windows(32-bit, 64-bit), OS X(64-bit), Linux(64-bit))
  5. Javascript 관련 기능 지원(Javascript 함수 호출 및 Unity 호출 지원)
  6. 내장 HTML 에셋 사용 지원
  7. 기본 웹페이지 컨트롤(url, back, reload, resize, etc) 지원
  8. Mipmap-emulation shader 지원(빠른 texture 업데이트 가능)
  9. Adobe Flash 실험적으로 지원
  10. 자동화 빌드 파일 포함

[관련 링크]

https://assetstore.unity.com/packages/tools/gui/embedded-browser-55459

 

 

 

참고 자료(References)

[1] 유니티 웹브라우저 플러그인 비교 : https://chowdera.com/2021/09/20210915080210668z.html

[2] Unity에서 WebView 사용하기 : http://egloos.zum.com/stevenkim/v/6735409

[3] 쉽지만 어려운 WebView! 이젠 그만, 쉽기로 하자! : https://meetup.toast.com/posts/265

[4] 유니티 상에서 웹페이지를 띄우기 : https://blog.naver.com/PostView.nhn?blogId=rosewrite&logNo=220822194998

[5] Unity WebView 사용하기 : https://iw90.tistory.com/69

728x90
반응형
Comments