Стань PHP-разработчиком с нуля с трудоустройством в IT-компании

Дерево навыков/Трансформации/ Трёхмерные преобразования и перспектива

КатегорияАнимации и трансформацииНавыкТрансформацииКомпонент навыка

Трёхмерные преобразования и перспектива

БазовыйЭкспертный

Основано на спецификациях:
  1. Базовый уровень

    • Трёхмерное смещение

      Смещает геометрию по осям X, Y и Z.

    • Трёхмерный масштаб

      Масштабирует геометрию независимо по трём осям.

    • Пространственное вращение

      Вращает геометрию вокруг основной или произвольной пространственной оси.

    • Свойство perspective

      Задаёт перспективную проекцию для преобразованных потомков контейнера.

    • Точка перспективы

      Смещает точку схода перспективной проекции.

    • Видимость обратной стороны

      Показывает или скрывает элемент при развороте его обратной стороны к наблюдателю.

  2. Продвинутый уровень

    • Пространственная матрица

      Задаёт пространственное преобразование непосредственно через `matrix3d()`.

    • Perspective property и function

      Различает перспективу родительского контекста и `perspective()` внутри transform-списка элемента.

    • 3D rendering context

      Определяет элементы, участвующие в общем трёхмерном rendering context.

    • Пространственная вложенность

      Продлевает 3D rendering context через вложенного преобразованного потомка посредством `preserve-3d`.

    • Уплощение 3D-контекста

      Определяет границу, на которой пространственные потомки сворачиваются в плоскость элемента.

    • Триггеры flattening

      Распознаёт группирующие значения overflow, opacity, filter, clip и masking как причины used `transform-style: flat`.

    • Ориентация плоскости

      Определяет видимую сторону преобразованной плоскости относительно наблюдателя.

  3. Экспертный уровень

    • Однородные координаты

      Представляет трёхмерные точки четырёхкомпонентными однородными координатами.

    • Накопленная матрица 4×4

      Строит накопленную 4×4-матрицу через цепочку пространственных преобразований и перспективы.

    • Перспективное деление

      Получает проецируемые координаты делением компонент точки на положительное значение W.

    • Матричный тест backface

      Определяет обратную сторону по накопленной 3D-матрице, а не по отдельной rotate-функции.

    • Пространственный порядок

      Определяет относительный порядок пространственных элементов внутри общего 3D rendering context.

    • Пересечения плоскостей

      Анализирует частичное взаимное перекрытие пересекающихся преобразованных плоскостей.

    • Пределы проекции

      Обрабатывает геометрию около или позади плоскости наблюдателя с учётом ограничений перспективной проекции.