korinVR/index.html

## index.html
<!-- Assets/WebGLTemplates/FullWindow あたりに格納して Player Settings で選択 -->
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">

    <title>%UNITY_WEB_NAME%</title>
    <script src="%UNITY_WEBGL_LOADER_URL%"></script>
    <script>
      const gameInstance = UnityLoader.instantiate("gameContainer", "%UNITY_WEBGL_BUILD_URL%");

      const onResize = () => {
        const container = document.getElementById('gameContainer');
        const w = container.clientWidth;
        const h = container.clientHeight;

        const canvas = document.getElementById('#canvas');
        canvas.width = w;
        canvas.height = h;
      }

      window.addEventListener('resize', onResize);
    </script>

    <style>
      html {
        height: 100%;
      }
      body {
        margin: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
      }

      #gameContainer {
        width: 100%;
        height: 100%;
      }
    </style>
  </head>
  <body>
    <div id="gameContainer"></div>
  </body>
</html>
	<!-- Assets/WebGLTemplates/FullWindow あたりに格納して Player Settings で選択 -->
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">

	<title>%UNITY_WEB_NAME%</title>
	<script src="%UNITY_WEBGL_LOADER_URL%"></script>
	<script>
	const gameInstance = UnityLoader.instantiate("gameContainer", "%UNITY_WEBGL_BUILD_URL%");

	const onResize = () => {
	const container = document.getElementById('gameContainer');
	const w = container.clientWidth;
	const h = container.clientHeight;

	const canvas = document.getElementById('#canvas');
	canvas.width = w;
	canvas.height = h;
	}

	window.addEventListener('resize', onResize);
	</script>

	<style>
	html {
	height: 100%;
	}
	body {
	margin: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	}

	#gameContainer {
	width: 100%;
	height: 100%;
	}
	</style>
	</head>
	<body>
	<div id="gameContainer"></div>
	</body>
	</html>