Skip to content

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
    • Help
    • Support
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
FuryLion Courses. JS.
FuryLion Courses. JS.
  • Project overview
    • Project overview
    • Details
    • Activity
  • Analytics
    • Value Stream Analytics
  • Wiki
    • Wiki
  • Members
    • Members
  • Collapse sidebar
  • Activity
  • Public Documentation
  • FuryLion Courses. JS.FuryLion Courses. JS.
  • Wiki
  • Масштабируемый интерфейс

Масштабируемый интерфейс

Last edited by Soloviev Illia Apr 13, 2021
Page history

Данное задание необходимо выполнять на основе предыдущего.

Задание

  • реализовать масштабирование канваса таким образом, чтобы видимая часть сцены в окошке 200х200 была такой же, как и в 2000х2000
  • если ширина равна высоте окна, показываем центральную (основую) часть сцены
  • если ширина больше высоты (ландшафтная ориентация), расширяем видимую часть сцены в ширину
  • если высота больше ширины (портретная ориентация), расширяем видимую часть сцены в высоту
  • при изменении размера окна масштаб должен обновляться
  • при соотношении сторон больше 2.171875 по краям должны отображаться черные полосы

Пример

  1. основная часть сцены
  2. ландшафтная ориентация
  3. портретная ориентация cat
Clone repository
  • Into the Space
  • Home
  • Знакомство с PIXIJS
  • Масштабируемый интерфейс
  • Менеджер UI
  • Настройка окружения
  • Система управления игровыми объектами
  • Создание игрового цикла
  • Тестовое задание разработка игры Car runner
More Pages