Перспектива CSS3: визуализация пирамиды представлений

Из этой статьи: http://www.eleqtriq.com/2010/05/understanding-css-3d-transforms/ Я могу понять, как свойство perspective можно визуализировать как создание пирамиды в трехмерном пространстве.

введите здесь описание изображения

Что мне не очень понятно, так это фраза "грани куба искажаются и проецируются на пирамиду", а затем "Чем выше перспектива, тем круче пирамида, поэтому размер преобразованных объектов будет ближе к ее размеру". непреобразованный размер».

Диаграмма, по-видимому, показывает, что произошло бы, если бы свет падал с правой стороны, а квадрат на правой стороне куба отбрасывал искаженную тень на пирамиду. Но поскольку это на краю пирамиды — на самом краю нашего поля зрения, то чем это на самом деле полезно?

И я понимаю, что более высокая перспектива создает более крутую пирамиду, но почему это создает объекты, которые были менее искажены?

Кто-нибудь может прояснить эти моменты? Спасибо.


person Lars    schedule 01.06.2013    source источник


Ответы (1)


Не думаю, что схема специально уточняющая.

Пирамида проецирует ваши элементы (куб) на "пол" пирамиды - плоскость проекции, где z=0.

Если вы совсем забудете о перспективе, то ваша система рисования состоит в том, чтобы проецировать элементы на плоскость проекции через перпендикулярную линию. То есть установка z координаты на 0. (x y z) >>> (x y 0).

Когда у вас есть ступенчатая пирамида, углы пирамиды ближе к перпендикуляру, и это причина меньших искажений.

person vals    schedule 02.06.2013