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

Question

Likeyourbrother @Likeyourbrother

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

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

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

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 ещё

Средний
Как подключить вконтакте на сайт чтобы слать юзеру в вк уведомления или сообщения?
- нет подписчиков
- 4 часа назад
- 60 просмотров
1

ответ
JavaScript

+1 ещё

Сложный
Fastify долгая загрузка что можно сделать как найти причину?
- 1 подписчик
- 9 часов назад
- 35 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Где можно увидеть реализацию такого эффекта при скролле?
- 1 подписчик
- вчера
- 134 просмотра
2

ответа
JavaScript

Простой
Fetch дает ошибку?
- 1 подписчик
- вчера
- 99 просмотров
1

ответ
Unity

Простой
Почему изменяется спрайт в Unity при переходе на окно game?
- 1 подписчик
- вчера
- 28 просмотров
1

ответ
PHP

+1 ещё

Простой
Как исправить "Undefined array key «login»,"password" в $_POST?
- 1 подписчик
- вчера
- 96 просмотров
1

ответ
HTML

+2 ещё

Средний
Почему у меня не отображаются кнопки?
- 1 подписчик
- вчера
- 97 просмотров
2

ответа
HTML

+1 ещё

Простой
Правильно ли с точки зрения семантики БЭМ я расставляю wrapper'ы и вообще называю дивы?
- 1 подписчик
- вчера
- 95 просмотров
0

ответов
JavaScript

Простой
Обьясните про функцию массив?
- 3 подписчика
- вчера
- 670 просмотров
1

ответ
HTML

+1 ещё

Простой
Как установить одну и ту же ширину элементов в разных блоках?
- 1 подписчик
- 22 нояб.
- 73 просмотра
1

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

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

До 220 000 ₽

Изображения на главную страницу в стиле Jetton и 1вин

25 нояб. 2024, в 00:22

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

Дизайн презентации

24 нояб. 2024, в 23:46

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

Разработать Telegram-бота для анализа звонков продаж

24 нояб. 2024, в 23:15

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

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

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

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

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