Найти тему
47 подписчиков

Как сделать адаптивный квадрат?


Я наконец-то дособрал игру https://whitelabelgames.ru/game/catch-them-all с таверной. И я решил что по разработке мне удобнее вписать игру в квадрат и всегда отображать в квадрате. В фуллскрине всё довольно просто, там простая логика. Но вот когда я вспомнил что у меня на сайте айфрейм (залив игру на сайт), то пришлось немного поковыряться. Но в итоге получился такой сниппет https://pastebin.com/HfhTwTNE Мало ли вдруг кому пригодится :)

В игре ещё есть пара визуальных артефактов, но в целом играется норм. Разве что область нажатия для мобилок можно увеличить. Такая простенькая ламповая промо игра получилась :) Ну и спящий котик — это всегда топ :)
Как сделать адаптивный квадрат?  Я наконец-то дособрал игру https://whitelabelgames.ru/game/catch-them-all с таверной.
Около минуты