Мы создадим 3D веб-галерею при помощи технологии WebGL, а именно сервиса Playcanvas. Это необычный подход к демонстрации своих творческих работ. Также нам в работе понадобиться знание Autodesk 3Ds Max и базовые навыки в Photoshop/Photopea.
Напишите в личных сообщениях на Patreon, чтобы вас добавили как участника уже готового проекта на Playcanvas, так вам будет удобней изучать проект копировать ассеты и скрипты!
Вот некоторые особенности, над которыми мы будем работать:
* Динамическая загрузка больших изображений портфолио для улучшения скорости загрузки проекта в браузере.
* Перемещение по сцене с помощью метода Point And Click, то есть перемещение при клике в определенное место на полу.
* Плавная анимация информационной панели.
* Звуковое сопровождение информационной панели.
* И много другое.
Вам также будут доступны написанные мною скрипты для 3Ds Max, которые позволяют ускорить сохранение моделей для Playcanvas, а также адаптировать изображения под разные форматы картин.
Напишите в личных сообщениях на Patreon, чтобы вас добавили как участника уже готового проекта на Playcanvas, так вам будет удобней изучать проект копировать ассеты и скрипты!
Вот некоторые особенности, над которыми мы будем работать:
* Динамическая загрузка больших изображений портфолио для улучшения скорости загрузки проекта в браузере.
* Перемещение по сцене с помощью метода Point And Click, то есть перемещение при клике в определенное место на полу.
* Плавная анимация информационной панели.
* Звуковое сопровождение информационной панели.
* И много другое.
Вам также будут доступны написанные мною скрипты для 3Ds Max, которые позволяют ускорить сохранение моделей для Playcanvas, а также адаптировать изображения под разные форматы картин.
Как приобрести:
Этот курс доступен по подписке на Patreon.
Оформив подписку вы также автоматически получаете доступ и другим курсам.
Таким образом вы получаете доступ к большому количеству интересных материалов для обучения и не только.
Оформив подписку вы также автоматически получаете доступ и другим курсам.
Таким образом вы получаете доступ к большому количеству интересных материалов для обучения и не только.
Перейдя по ссылке в первой лекции, вы будете перенаправлены на Patreon. Оформите подписку.
Вы автоматически получите доступ ко всем лекциям!
Лекции:
1.
Подготовка
Создание интерактивной веб-галереи 3D-портфолио — это захватывающий и инновационный подход к демонстрации творческих работ. Используя передовые технологии WebGL, Playcanvas и Autodesk 3Ds Max, вы сможете создать уникальную виртуальную среду, где посетители смогут полностью погрузиться в мир вашего творчества.Я прочитал эту лекцию! Лекция прочитана! | Перейти к лекции → | Рабочие файлы
2.
Моделирование
Моделирования архитектуры, картин и светильников.Я прочитал эту лекцию! Лекция прочитана! | Перейти к лекции → | Рабочие файлы
3.
Настройка освещения, Запекание текстур
Настройка освещения и запекания текстур для виртуальной галереи. Мы использовали рендер-движок Corona Renderer и создали простое освещение.Далее мы запекли освещение в текстуры с использованием второго канала Unwrap при помощи Corona Beauty.
Однако, когда дело касалось картин, мы столкнулись с некоторыми сложностями. Для того, чтобы сохранить отдельные объекты картин в Playcanvas, но иметь одну запеченную текстуру для всех картин, мы создали отдельный объект SM_Pictures (SM_PicturesForBake) скопировав картины.
Затем мы запекли текстуру для этого объекта, выключив видимость оригинальных картин.
Я прочитал эту лекцию! Лекция прочитана! | Перейти к лекции → | Рабочие файлы
4.
Создание проекта Playcanvas
Работа над проектом галереи была значительно упрощена и ускорена благодаря использованию специальных скриптов для 3Ds Max. Скрипты позволяют автоматизировать процессы экспорта моделей, оптимизации текстур и настройки материалов, что делает работу более удобной и эффективной.Скрипт 3ds_Max_to_Playcanvas.ms обеспечивает мгновенную экспорт выбранных объектов в формате FBX с правильными настройками. Он также автоматически добавляет соответствующие текстуры в экспортируемый файл, что позволяет автоматически создать соответствующие материалы в Playcanvas.
В заключении, в этом уроке мы создали рабочий прототип галереи, наш Player может перемещаться по комнате не только при помощи клавиш WASD, но и по клику в определенном месте.
Также были приведены примеры конкретных действий при добавлении различных моделей, таких как стены, пол, потолок, светильники и подставки. Показаны настройки материалов и привязка текстур к объектам.
Для более реалистичного освещения были использованы световые источники типа Spot Light, чтобы усилить эффект световых пятен от светильников.
Я прочитал эту лекцию! Лекция прочитана! | Перейти к лекции → | Рабочие файлы
5.
Работа с картинами
Экспорт и подготовки изображений в Playcanvas. Мы выполнили ручной экспорт изображений, учитывая специфические особенности, такие как применение различных материалов с запеченными тенями к краям картин. Создав мульти-материал с двумя идентификаторами и стандартными материалами, мы добились визуально привлекательных результатов.Для генерации текстур для картин мы использовали искусственный интеллект Bing DALL-E, эмулируя различные стили, такие как масляные краски и Ван Гог. Скрипт Gallery_Image_Setup.ms помог нам назначить текстуры для каждой картинки, автоматически обрезая их до правильного размера и создавая превью с соответствующими названиями.
Я прочитал эту лекцию! Лекция прочитана! | Перейти к лекции → | Рабочие файлы
6.
Инфо-панели, Экран загрузки
Создали анимированные панели.Описание для панели генерировали при помощи Chat GPT, затем озвучили текст при помощи TTS Free сервиса.
Сделали собственный стильный экран загрузки при помощи JavaScript.
Я прочитал эту лекцию! Лекция прочитана! | Перейти к лекции → | Рабочие файлы
Никто не оставил комментариев
{{comment.lastname}} {{comment.name}} {{comment.date}}
Удалить