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

Question

Likeyourbrother @Likeyourbrother

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

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

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

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>

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

Помогут разобраться в теме Все курсы

Нетология

Fullstack-разработчик на Python + нейросети

20 месяцев

Далее
Skillfactory

Профессия Веб-разработчик

12 месяцев

Далее
Академия Eduson

Fullstack-разработчик на JavaScript

11 месяцев

Далее

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

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

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

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

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

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

JavaScript

Простой
Смещение группы в fabric.js?
- 1 подписчик
- 6 часов назад
- 58 просмотров
0

ответов
CSS

Средний
Как найти стили в шаблоне Битрикс?
- 1 подписчик
- 19 часов назад
- 71 просмотр
0

ответов
JavaScript

+2 ещё

Простой
Как сделать горизонтальный скролл стрелками?
- 1 подписчик
- вчера
- 109 просмотров
0

ответов
PHP

+2 ещё

Простой
Создание элемента с необычной формой и прозрачным фоном и рамкой?
- 1 подписчик
- 03 нояб.
- 130 просмотров
0

ответов
CSS

Простой
Как выстроить 4 блока, чтобы расстояния были одинаковые на флексах?
- 1 подписчик
- 31 окт.
- 116 просмотров
2

ответа
CSS

Простой
Как правильно задать размеры блоков?
- 1 подписчик
- 31 окт.
- 90 просмотров
1

ответ
HTML

Простой
При клике на кастомную кнопку “Скачать” не происходит переход, хотя JS-обработчик отрабатывает. Как решить?
- 1 подписчик
- 29 окт.
- 163 просмотра
0

ответов
HTML

+1 ещё

Простой
Как создать карточки в рядах со смещением?
- 1 подписчик
- 28 окт.
- 108 просмотров
1

ответ
JavaScript

Простой
Как создать рисунок из PHP в Fabric.js?
- 2 подписчика
- 28 окт.
- 141 просмотр
1

ответ
JavaScript

+1 ещё

Простой
Какой скрипт загружает меню в Ютуб?
- 2 подписчика
- 27 окт.
- 246 просмотров
2

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

Fullstack Разработчик (Next.js / JavaScript / TypeScript)

App Company

от 200 000 до 300 000 ₽

Web-разработчик/WordPress программист (Full-stack)

JustBusiness • Санкт-Петербург

от 130 000 до 150 000 ₽

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

ITK academy • Нижний Новгород

от 50 000 до 90 000 ₽

<!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?

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

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

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