Построение домика
Опубликовано 19 декабря, 2025 - 08:31 пользователем Никитин Михаил
Лекция:
Данный пример демонстрирует построение интерактивной 3D-визуализации упрощённой модели дома с двускатной крышей, реализованную на чистом JavaScript и Canvas.
Ключевая особенность — отрисовка модели с помощью подразделения граней (subdivision) на треугольники для создания гладкой растровой поверхности. Сцена включает систему вращения объекта по трём осям с использованием слайдеров для интерактивного управления углами. Реализована кастомная 3D-математика: проекция точек на 2D-плоскость, расчёт нормалей для определения видимых граней и правильная сортировка треугольников по глубине. Отображение оптимизировано через отбраковку невидимых полигонов (backface culling).
Направление:
