Игра Unity Webgl в центре веб-страницы - PullRequest
0 голосов
/ 06 марта 2020

Я создал игру WebGL с использованием Unity и поместил ее в Domaine, все работает нормально, но я хочу центрировать экран игры на веб-странице, как в thisimage.

вот индекс. html код:

    <!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Game Title</title>
    <script src="Build/UnityLoader.js"></script>
    <script>
      var gameInstance = UnityLoader.instantiate("gameContainer", "Build/WebGL.json");
    </script>

  </head>
  <body style="background-color:black;">
    <div id="gameContainer" style="width: 1024px; height: 576px; margin: auto "></div>
  </body>
</html>

1 Ответ

0 голосов
/ 08 марта 2020

Я нашел ответ для этого, я просто добавил этот стиль в заголовок

<style>
.container {
width: 80%;
margin: 0 auto;
padding: 20px;
}
</style>

, и я поместил div gameContainer в другой div с тем же стилем, что и выше. Не уверен, что это правильное решение, но оно работает

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...