Как сделать окно UNITY адаптивным в браузере в режиме fullscreen?

Question

Likeyourbrother @Likeyourbrother

Как сделать окно UNITY адаптивным в браузере в режиме fullscreen?

Ребята подскажите новичку! Есть всего один блок и это окно для unity, весь замысел состоит в том чтобы при открытии html страницы на весь экран отображалось окно unity. Вся проблема в том чтобы сделать окно адаптивным при изменения размера бразура. Пока удалось добиться кривой адаптивности и то после обновления страницы, сильно не ругайтесь я нуб!

Вопрос задан более трёх лет назад
662 просмотра

1 комментарий

Подписаться 3 Средний 1 комментарий

Likeyourbrother @Likeyourbrother Автор вопроса

<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Unity WebGL Player | Fight</title>
    <link rel="shortcut icon" href="TemplateData/favicon.ico">
    <link rel="stylesheet" href="TemplateData/style.css">
    <script src="TemplateData/UnityProgress.js"></script>
    <script src="Build/UnityLoader.js"></script>
    <script>
      var gameInstance = UnityLoader.instantiate("gameContainer", "Build/123.json", {onProgress: UnityProgress});
    </script>
  </head>
  <body>
    <div class="webgl-content">
      <div class="ecran" id="gameContainer"></div>
      </div>
    </div>
  </body>
</html>

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+2 ещё

Простой
Почему шрифт в JS prompt() белого цвета?
- 1 подписчик
- 2 минуты назад
- 1 просмотр
0

ответов
HTML

+1 ещё

Простой
При загрузке картинки этот блок не имеет размера, как исправить?
- 1 подписчик
- 54 минуты назад
- 19 просмотров
0

ответов
JavaScript

Простой
Выдает ошибку, сам файл не нулл(а ошибка выдается там где подключается жс), как исправить?
- 1 подписчик
- час назад
- 33 просмотра
0

ответов
JavaScript

Простой
Пустая страница, ошибок нет. JS. В чем проблема?
- 1 подписчик
- час назад
- 53 просмотра
0

ответов
JavaScript

Простой
Какой фреймворк использовать для форм JS?
- 1 подписчик
- час назад
- 35 просмотров
0

ответов
JavaScript

Простой
Почему change срабатывает раньше чем click?
- 1 подписчик
- 2 часа назад
- 49 просмотров
1

ответ
Unity

Простой
Что делать если не сохраняется переменная в инспекторе Unity?
- 1 подписчик
- 3 часа назад
- 20 просмотров
0

ответов
CSS

Простой
Как убрать отступ?
- 1 подписчик
- 4 часа назад
- 76 просмотров
2

ответа
HTML

+1 ещё

Простой
Как кодировать кириллицу в поле data?
- 1 подписчик
- 6 часов назад
- 39 просмотров
1

ответ
JavaScript

Простой
Как получить metadata аудио на IOS?
- 1 подписчик
- 8 часов назад
- 20 просмотров
0

ответов
Показать ещё Загружается…

JavaScript разработчик

summer • Ярославль

от 100 000 до 140 000 ₽

Junior JavaScript Developer

КРАФТТЕК • Санкт-Петербург

от 60 000 до 80 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Разработка VST-плагина

19 апр. 2024, в 20:43

20000 руб./за проект

Нарисовать баннер для интернет-магазина

19 апр. 2024, в 20:35

500 руб./в час

Разработать несистемный алерт

19 апр. 2024, в 20:11

500 руб./за проект

<!DOCTYPE html> <html lang="en-us"> <head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Unity WebGL Player | Fight</title> <link rel="shortcut icon" href="TemplateData/favicon.ico"> <link rel="stylesheet" href="TemplateData/style.css"> <script src="TemplateData/UnityProgress.js"></script> <script src="Build/UnityLoader.js"></script> <script> var gameInstance = UnityLoader.instantiate("gameContainer", "Build/123.json", {onProgress: UnityProgress}); </script> </head> <body> <div class="webgl-content"> <div class="ecran" id="gameContainer"></div> </div> </div> </body> </html>

Answer 1 · 2018-03-01 18:37:16

1) сделать в html width: 100%; height: 100%" для юнити контейнера
2) сделать для окна привязку к краям:

Как сделать окно UNITY адаптивным в браузере в режиме fullscreen?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт