[Unity] Road to Picnic (Craft_Week) - WebGL 빌드와 React와 연동하기

Unity-WebGL빌드 파일의 index.html를 보고 React와 연동 할 수 있을 것 같다는 생각이 들었다.

React에 react-unity-webgl 패키지 설치하기

$ npm install react-unity-webgl

• npm을 이용하여 react-unity-webgl 패키지를 설치한다

React앱에 아래와 같이 WebGL빌드 파일을 연동시킨다

import React from "react";
import Unity, { UnityContext } from "react-unity-webgl";

const unityContext = new UnityContext({
  loaderUrl: "build/myunityapp.loader.js",
  dataUrl: "build/myunityapp.data",
  frameworkUrl: "build/myunityapp.framework.js",
  codeUrl: "build/myunityapp.wasm",
});

function App() {
  return <Unity unityContext={unityContext} />;
}