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

Разработка Webgl и WebGPU приложений.
Симбиоз c AI.
Нейросборка проектов.
Download Telegram
Альтернативный Webgl pinned «Какой контент вы бы хотели видеть чаще в публикациях канала?»
Media is too big
VIEW IN TELEGRAM
Добрый день.
Продолжаем изучать технологии и возможности, интерактивность..

Сегодня Контактная Ткань TSL - Three.js Shading Language

Основные данные на которые обратили внимание:
1.Нет торможения системы - полный контакт при FPS 106-145
2.Для материалов, текстуры можно использовать в группе ( цвет, нормали, окружающее затенение, шероховатость)
3.Карты окружения HDR только высокого качества ( в примере использовали 4K )
4.При физике TSL пока нет прямого контакта указателя с геометрией.
Они только направляющие ( заставляют скрытый объект менять свое положение )
Но в момент начала движения указателя - объект влияния меняет сторону относительно ткани, здесь и работает Отталкивание и Натягивание.

Исходник для изучения
https://threejs.org/examples/?q=Compute%20Cloth#webgpu_compute_cloth
Примеры TLS
https://threejs.org/examples/?q=tsl#webgpu_tsl_angular_slicing
🔥21
Все что дальше вы увидите и услышите, это экспериментальная связка нейроассоциаций в виде частиц ( пример REGL ) и пары webgl-звук.
Media is too big
VIEW IN TELEGRAM
Всем вам знакомы разнообразные отладчики, для определения ошибок в коде.
А если этих ошибок нет там.
В работу включаются тестировщики.
Он/Она находят визуальную ошибку, передает информацию разработчику и ошибку устраняют.
Но для этого разработчику надо тратить время на выявление причин.

Решил это ускорить с помощью позиционирования данных в пространстве и времени.

Например, есть буфферная геометрия, и где появится визуальная ошибка - никто не знает.
Но как только её заметили, числовые данные ( индексы ) передаются в нейромодель.
На этом этапе она находит ошибку, чем снимает с разработчика время поиска и устранения ошибки.
🔥1
Media is too big
VIEW IN TELEGRAM
Приветствую Всех!
Поздравляю с наступившим Новым Годом!
Желаю Вам найти Неизвестное и увидеть Невозможное!

В сегодняшнем примере продолжаем демонстрацию возможностей WebGPU TSL.
И это Волосы. В начале разработки я не знал что каждый волос имеет свой большой автономный мир.

Реализованные параметры волос:
- физика (ветер, направление, гравитация)
- внешний вид ( плотность, длина, сегменты,толщина у корня и на кончике волоса, прозрачность, цвет )
- случайность волос
- смещение корня
- визуальный отладчик ( каркас вершин, пружины, нормали, цветовая карта жесткости, карта пушистости, карта демпфирования )
- экспорт и импорт настройки волос (json)

Параметры в разработке:
- физика ( коллизия с телом, демпфирование, расчесывание волос )
- жесткость волос
- пушистость волос
- оптимизация при смене зоны волос ( Blender )

В данное приложение возможно внедрение нейромодели.
Сейчас идет обучение внешней нейромодели по WebGL/ WebGPU данным.

Приятного просмотра :)
🔥4💯3
Forwarded from Александр
Media is too big
VIEW IN TELEGRAM
Аттракторы WebGPU TSL

Данная интерактивная визуализация создана с помощью ИИ на основе полученных данных из геометрии Blender
Для сбора данных и обучения использовали следующий порядок:
- Создание геометрии аттракторов
- Сбор данных с помощью скрипта python
- Обучение нейромодели
- Нейросборка с помощью WebGPU TSL
2🔥1
Приветствую всех подписчиков канала Альтернативный WebGL.

Поставил себе задачу, которую хочу решить.
Интерьерные WebGL интерактивные сцены считаются сложными для разработки и для оборудования.
Факторов множество ( нужны реалистичные, фотографические материалы, нужно освещение и тени реального мира, количество полигонов и т.п.)

В прошлом была попытка реализации с помощью Armory3D.
Сейчас хочу попробовать и провести тесты над интерьером с помощью WebGPU TSL.

Может кто-то предоставить модель интерьера (blender) для тестов с моей стороны?
Отвечу всем, но в работу сейчас смогу взять только одну модель. И, заранее, прошу меня понять.
Альтернативный Webgl pinned «Приветствую всех подписчиков канала Альтернативный WebGL. Поставил себе задачу, которую хочу решить. Интерьерные WebGL интерактивные сцены считаются сложными для разработки и для оборудования. Факторов множество ( нужны реалистичные, фотографические материалы…»
Media is too big
VIEW IN TELEGRAM
Игровая физика в Hole Game, на Three.js и Rapier.js.
Попробуем добавить сюда максимальное количество объектов реального мира.
Пробуем показать свои коллайдеры и разместить их в мире rapier.js