Альтернативный Webgl
88 subscribers
91 videos
22 files
28 links
https://altwebgl.ru/

Разработка Webgl и WebGPU приложений.
Симбиоз c AI.
Нейросборка проектов.
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Реакция 3D модели на изменение цвета в Webgl
Управление цветом модели и реакция модели на изменение цвета
https://youtube.com/shorts/oahu98twmEM?si=82ujZfxJbxmSzb00

#blend3dweb #webgl #verge3d #blender #animation
This media is not supported in your browser
VIEW IN TELEGRAM
Game Toy в Webgl
Интерактивная игра в браузере на движке Armory3D

#3d #blend3dweb #gaming #3danimation #webgl #animation #armory3d
This media is not supported in your browser
VIEW IN TELEGRAM
Обзор 360° c интерактивными элементами
#blend3dweb #shorts #webgl #verge3d #360фото

В работе использованы карты 360°. Они меняются на специальной сфере.Это даёт возможность разместить внутри сферы контактные элементы и перемещаться между ними.
This media is not supported in your browser
VIEW IN TELEGRAM
Игровой процесс видно сверху в Armory3D
Top Down Games in Armory3D

#armory3d #blend3dweb #gaming #3d #blender #games #webgl #shots
This media is not supported in your browser
VIEW IN TELEGRAM
Пример загрузки 3.5 млн. полигонов в webgl
В примере показана загрузка объекта с количеством полигонов - 3,5 миллиона

#blend3dweb #verge3d #blender #webgl #3d #blender
This media is not supported in your browser
VIEW IN TELEGRAM
Пример рендера в текстуру
В этом примере используется 2 камеры.
Одна работает в основной сцене. Вторая фиксированна и направлена на объект и получаемые от неё данные можно переместить на любой объект в сцене.

#armory3d #blend3dweb #gaming #3d #blender #games #webgl
This media is not supported in your browser
VIEW IN TELEGRAM
Пример 3D модели для рендеров.
Пример подставки для цветов в Webgl.
Модель и настройки материала были сделаны для маркетплейса.
Рисунок камня можно менять через программу blender или через web приложение.

#blend3dweb #verge3d #blender #webgl #3d #blender
maxresdefault.jpg
118.7 KB
https://m.vkvideo.ru/video255344964_456239369?t=6s

В данном видео описана работа над интерьером для webgl Armory3D.

Управление камерой:
WASD/QE
Управление солнцем:
RT/FG/VB

Сцена проходит тестирование, и многие опции мы будем менять. Но хотели бы получить от вас обратную связь и отзывы, чтобы виртуальные миры сделать настоящими).

Новое:
Альтернативная работа с Ambient occlusion
Имитация cubemap и отражений для металлов
БАТы ( Близнецы с Альфа Тенью)
Имитация Bloom отдельный обьектов
maxresdefault (1).jpg
194.6 KB
Частицы в Verge3D
https://vk.com/video255344964_456239268

Симбиоз Verge3D и Шейдера Частиц. Модель напрямую из программы Blender.

Perlin Noise
https://codepen.io/vcomics/pen/RwQgXzv
Verge3D
https://www.soft8soft.com/verge3d/
Blender
https://www.blender.org/
Tweakpane
https://cocopon.github.io/tweakpane/
dialux.png
411.1 KB
Фиктивные цвета из Dialux в WebGL
https://vk.com/video255344964_456239225

На видео показан пример использования фиктивных цветов в Blender 3D Webgl. Аналогичные цвета, в программе Dialux, демонстрируют качество освещения архитектуры и интерьерного пространства.

Ссылка на интерактивный пример:
https://www.blend3dweb.ru/examples/blend4web/fiktivnye-cveta-iz-dialux-v-blender.html
navmesh.png
184.7 KB
NavMesh для ИИ в Armory3D
https://vk.com/video255344964_456239221

Пример интеграции ИИ в движок Armory3D
Используются навигационные поверхности NavMesh для обхода препятствий и агенты слежения за игроком.

App
https://blend3dweb.ru/examples/armory3d/navmesh_follow/index.html
This media is not supported in your browser
VIEW IN TELEGRAM
В данном примере реализована анимация камеры с отслеживанием анимированного объекта в WebGL.
Если перемещение камеры делаем через скрипты, это не всегда контролируется относительно других объектов.
Но путем привязки камеры к кривой + анимация следования камеры + параллельное отслеживание камерой других объектов - можно добиться точного попадания в сценарий или обход препятствий в виде других объектов.

#blend3dweb #webgl #blender #verge3d #animation #shorts
🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
В данном примере в работу по созданию приложения входило:
- обработка геометрии с нескольких миллионов до 30-70 тысяч полигонов
- UV развертка + материалы + запекание карт AO/Normal
- программирование логики
- управление пальцами
- конвертация приложения под ОС Linux
This media is not supported in your browser
VIEW IN TELEGRAM
Verge3d + Gizmo

Добавили Gizmo в приложение Verge3D.
Контроль и отслеживание камеры в сцене.
Выбор точки вида на объект из Gizmo.
This media is not supported in your browser
VIEW IN TELEGRAM
Освещение в реальном времени в Armory3D