Построение домика

Данный пример демонстрирует построение интерактивной 3D-визуализации упрощённой модели дома с двускатной крышей, реализованную на чистом JavaScript и Canvas.

Ключевая особенность — отрисовка модели с помощью подразделения граней (subdivision) на треугольники для создания гладкой растровой поверхности. Сцена включает систему вращения объекта по трём осям с использованием слайдеров для интерактивного управления углами. Реализована кастомная 3D-математика: проекция точек на 2D-плоскость, расчёт нормалей для определения видимых граней и правильная сортировка треугольников по глубине. Отображение оптимизировано через отбраковку невидимых полигонов (backface culling).