Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail


Донат для форума - использовать для поднятия настроения себе и модераторам

А ещё здесь можно купить рекламу за 15 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru

Ответ
 
Опции темы
Старый 27.04.2019, 21:32   #1
Ivan912
Пользователь
 
Регистрация: 26.01.2019
Сообщений: 14
Репутация: 10
По умолчанию как сделать игру в полноэкранный режим?

У меня в игре очень много различных элементов кнопок,svg,css.Нужно чтобы при нажатие на кнопку сделать во весь экран вся игра становилась в полноэкранном режиме,а при нажатие на кнопку убрать полноэкранный режим игры выходила из него. и это не должно быть симуляции кнопки f11 так как игра в соцсети. Элементы должны увелчиться и встать на теже места относительно полного экрана.

Код:
var cvs = document.getElementById("canvas"); // подлкючаем канвас
var ctx = cvs.getContext("2d"); // говорим то что наша игра 2д

function v31() { // добавляем картинку 
  var image14 = new Image();
  image14.src = 'https://cdn.pixabay.com/photo/2018/04/23/15/47/wind-mill-3344661_960_720.jpg';

  function v34() {
    ctx.drawImage(image14, 0, 0);
  }
  
  image14.onload = v34;
  v34();
}

v31();

// создаём кнопку и добавляем относительно полотна 
bt10 = document.createElement('BUTTON');
bt10.id = 'cm10';
bt10.textContent = 'сделать во всесь экран ';
document.getElementById("container").appendChild(bt10);
bt10.onclick = function() {}

// создаём кнопку и добавляем относительно полотна 
bt12 = document.createElement('BUTTON');
bt12.id = 'cm13';
bt12.textContent = 'убрать полноэкранный режим  ';
document.getElementById("container").appendChild(bt12);
bt12.onclick = function() {}

Код:
.container {
  box-sizing: content-box;
  max-width: 1000px;
  max-height: 675px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

#cm10 {
  position: absolute;
  top: 200px;
  left: 300px;
}

#cm13 {
  position: absolute;
  top: 200px;
  left: 600px;
}
Код:
<div id='container' class="container">
  <canvas id="canvas" width="1000" height="675"></canvas>
  <!-- полотно где отображается код -->
</div>


_____
Код программы нужно выделять (форматировать) тегами [CODE] [/CODE] (читать FAQ)
Модератор

Последний раз редактировалось Ivan912; 27.04.2019 в 21:54.
Ivan912 вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не получается сделать полноэкранный режим, DirectX9 Trinock Gamedev - cоздание игр: Unity, OpenGL, DirectX 2 30.01.2012 20:08
полноэкранный режим candalik Помощь студентам 4 17.12.2010 14:32
Полноэкранный режим Devoto Общие вопросы Delphi 4 05.12.2008 14:42
Полноэкранный режим mishel Общие вопросы Delphi 2 26.01.2007 03:31


06:35.


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.

Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru