Разрабатываем «под ключ»
Интерактивные
3D-Сайты на WebGL
— Придумаем идею, напишем и адаптируем сценарий
— Создадим эскизы и аутентичные 3д-модели
— Напишем код и интегрируем на сайт
Плюсы Webgl
Одинаково хорошо работают во всех браузерах и на всех устройствах
Высокое качество графики - реалистичные текстуры, освещение
webgl приложения не требуют установки и работают онлайн
Не требует значительных вычислительных мощностей
Несколько проектов
из нашего портфолио
«Тысячелетняя сеча»
Интерактивный 3д-сайт
на webgl
Сайт разработан для издателства Комсомольская правда по заказу Креативного агентства Dobro.
Довольно необычный проект. Мы превратили живописные полотна в интерактиные 3д-сцены. При этом учли вопрос загрузки и написали специальный алгоритм. При довольно большом объеме файлов, пользователь практически не замечает их загрузку, все происходит плавно и в фоновом режиме.
Испытайте работу самостоятельно.
Интерактивный 3d-сайт
на webgl «Тоже герои»
Проект «ТОЖЕ ГЕРОИ» посвящен памяти космонавтов, которые долгие годы готовились полететь в космос, но в силу обстоятельств этому не суждено было случиться. В их честь на орбиту нашей планеты были запущены именные спутники. Помимо орбитального проекта памяти, был разработан виртуальный памятник не летавшим героям-космонавтам. Макет для него, состоящий из трех космонавтов в трех разных типах скафандров, создал знаменитый скульптор Андрей Коробцов, автор ставшего уже легендарным Ржевского мемориала. Затем макет был оцифрован, оптимизирован и внедрен в сайт, как и остальное окружение при помощи технологии WebGL.
Интерактивный
3d-сайт на webgl
«Заповедник памятников»
Проект «Заповедник памятников» посвящен сохранению памяти о монументах воинам-освободителям от фашизма, которые были разрушены и демонтированы в Европе. Работа началась с подбора референсов уничтоженных мемориалов. По ним мы сделали 3д-модели памятников, оптимизировали и встроили в сайт. Затем добавили анимацию прокрутки и прочие интерактивные эффекты. Сайт довольно быстро грузится, хотя и имеет значительный объем геометрии. Это было достигнуто благодаря разработанному, специально для этого проекта, алгоритму фоновой подгрузки содержимого шейдеров.
3d-Композиция
для главной страницы
сайта
3D-Приложение было создано для корпоративного сайта компании «Уралоборудование» в 2019 году в г. Екатеринбург. Основной идее было - привлечь внимание посетителя ресурса, добавить узнаваемости бренду.
Интерактивная анимация
Моделирование территории
Вращение объекта
Виртуальный офис -
wow-эффект для сайта
или презентации
3D-Приложение было создано для демонстрации возможностей по проектированию виртуальных пространств в 2019 году в г. Екатеринбург. Реализованы анимированные переходы между локациями. Есть возможность вывести дополнительный контент для каждой точки подлета.
Интерактивная анимация
Взаимодействие с камерой
Возможности управления
Интерактивная
3D-Презентация
Спасите Землю
Презентация была разработана для демонстрации возможностей технологии WebGl в 2020 году. В данном примере мы хотели показать физические явления, такие как взрыв и движение частиц. Так же проведена большая работа с цветом внутренностей астероида.
Работа с физикой объектов
Последовательная замена сцен
Высококлассные текстуры
Немного о технологии WebGl
WebGL (Web Graphics Library) — это мощная технология, позволяющая отображать интерактивную 3D и 2D графику прямо в веб-браузере без необходимости в плагинах. Использование WebGL на сайте может значительно улучшить его функциональность и внешний вид. Вот некоторые преимущества и особенности:
Технические преимущества:
1. Кроссплатформенность: WebGL работает на большинстве современных веб-браузеров и устройствах, включая десктопы, смартфоны и планшеты, что обеспечивает широкий охват аудитории.
2. Аппаратное ускорение: WebGL использует графические процессоры (GPU) для рендеринга графики, что дает возможность отображать сложные визуальные эффекты и анимации с высокой производительностью и гладкостью.
3. Интерактивность: WebGL позволяет внедрять интерактивные элементы, от простых анимаций до сложных трехмерных сцен, что может улучшить пользовательский опыт и вовлеченность.
4. Поддержка стандартов: WebGL — это открытый стандарт, интегрированный с JavaScript и HTML5, что делает его совместимым с другими веб-технологиями и позволяет разработчикам легко интегрировать его в существующие проекты.
Эстетические преимущества:
1. Высокое качество визуализации: WebGL поддерживает сложные эффекты освещения, тени, отражения и текстуры, которые могут значительно повысить качество визуального контента.
2. Привлекательные презентации: Использование 3D-моделей и анимаций может значительно улучшить презентацию продуктов, захватывая внимание пользователей и улучшая восприятие бренда.
3. Реалистичность: Возможность создания реалистичных трехмерных сцен позволяет пользователям лучше взаимодействовать с продуктами и услугами, создавая более глубокий и запоминающийся визуальный опыт.
4. Креативные возможности: WebGL открывает множество возможностей для креативности и инноваций в дизайне веб-сайтов, что может помочь выделиться среди конкурентов и оставить неизгладимое впечатление на посетителей.
В заключение, использование WebGL на сайте не только улучшает его техническую сторону, но и значительно обогащает эстетическую составляющую, делая веб-платформу более интерактивной, привлекательной и функциональной.
Будем рады помочь в осуществлении ваших идей!