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

Разработка Webgl и WebGPU приложений.
Симбиоз c AI.
Нейросборка проектов.
Download Telegram
Media is too big
VIEW IN TELEGRAM
Во время работы приложения присутствует активация дисплея. Данный вид встроенного видео был сделан с помощью ИИ.
Media is too big
VIEW IN TELEGRAM
4D Куб - Разработано с помощью ИИ
https://github.com/blend3dweb/4d_cube
Media is too big
VIEW IN TELEGRAM
Изучаем формат IFC и его обработку в WebGL

Загрузка
Удаление
Экспорт
Перемещение к объекту

Тестируем объем и скорость загрузки:
44Мб - 4 секунды
Геометрия - 300 000 полигонов

Инструменты:
https://xeokit.io/
https://thatopen.com/
Media is too big
VIEW IN TELEGRAM
Продолжаем изучение формата IFC.
Сегодня пример получения размеров плоскости/участка модели при наведении курсора.
Расчет длины, ширины, площади в реальном времени.
This media is not supported in your browser
VIEW IN TELEGRAM
ИИ создал игру. Одна формулировка. Без правок. Время создания 10 мин.

https://github.com/blend3dweb/4d_puzzle
This media is not supported in your browser
VIEW IN TELEGRAM
Сегодня день ИИ. Здесь я не я)))
😁2
Media is too big
VIEW IN TELEGRAM
Добавили загрузку файлов IFC простым перетаскиванием из проводника.
Также был тест размер-время:
70Мб => 34 секунды
Media is too big
VIEW IN TELEGRAM
Освещение, Тени, Фон - теперь это всё можно менять в сцене с файлами IFC
Также, обязательный тест загрузки размер-время:
394 мб = 41 секунда
Media is too big
VIEW IN TELEGRAM
ИИ делает анализ файлов .block и создает puzzles Verge3D.

Prompt
replace cube color with fire shader

Claude 3.5 Sonnet
👍1
Media is too big
VIEW IN TELEGRAM
Камера в проекте может менять проекцию:
Перспективная / Ортографическая
Также меняются режимы навигации:
Orbit: для 3D-вращения вокруг сцены.
FirstPerson: для навигации по сцене с помощью колесика мыши от первого лица.
Plan: для навигации по 2D-планам (блокировка орбиты).
С новым, мы всегда в начале пути и поэтому следующая информация, возможно, будет меняться.
Сейчас попытался собрать всю информацию по работе и интеграции в рабочий процесс AI и Webgl ( графику и возможно больше )
_______

Стек с последовательным применением LLM/LVM моделей:
- prompt-code
- prompt-visual-code
- code-prompt-visual
- code-visual-prompt

Основная и Корректируемая часть:
Время = 0% - 100%

Вариант 1:
1) Подготовка подосновы для AI - 15%
2) Обработка AI - 80%
3) Правки - 5%

Вариант 2:
1) АI запрос - 5%
2) Правка подосновы - 15%
3) Обработка AI - 75%
4) Правка - 5%

Требование:
Построение RAG-систем:
- разбиение на подцели
- уточнение по нужному скрипту
- парная ссылочная база ( canvas / code )

Стартовый AI контент:
- AI 3D модели по изображению / запросу
- Тайловые AI текстуры
- AI анимация контролируемая / неконтролируемая
- Скрипты после коррекции AI
__________
Альтернативный Webgl pinned «С новым, мы всегда в начале пути и поэтому следующая информация, возможно, будет меняться. Сейчас попытался собрать всю информацию по работе и интеграции в рабочий процесс AI и Webgl ( графику и возможно больше ) _______ Стек с последовательным применением…»
Media is too big
VIEW IN TELEGRAM
Продолжаем знакомить AI c puzzles Verge3D

В данном примере AI включил внутрь puzzles код анимации вертексов.

Дополнено:
Отдельная модель GLB (временно, будем решать как применять к GLTF Verge3d)

Взаимодействие с другими puzzles и возможностями)
смена между моделями
перемещение модели GLB
смена цвета при наведении

https://gitlab.com/blend3dweb/ExamplePlugin

Обработка:
Prompt
RAG 1
cube change to suzanne
RAG 2
apply vertex animation to glb file

Claude 3.5 Sonnet
👍2
Media is too big
VIEW IN TELEGRAM
AI создает файлы IFC по описанию.

Prompt
create a file with IFC format, model of the pipeline system of a residential building, 6 floors, 1 entrance, 24 apartments, pipes with hot and cold water, cold pipes are marked in blue, hot pipes are marked in red

Использовали:
ifcOpenShell
bpy

Но по причине, не верной обработки bpy, геометрия отсутствует, пока.

https://github.com/blend3dweb/ifc_models_AI/tree/main/src

Эксперименты продолжаем
Media is too big
VIEW IN TELEGRAM
Тренировка ЛСН-КССТО (завершено)
Media is too big
VIEW IN TELEGRAM
Рождественская ель с помощью ИИ

Подоснова:
react
typescript
threejs

Prompts:
create an application with visualization of a Christmas tree in 3D, use webgl
add sun light and shadows

RAG:
remake the Christmas tree and toys so that your wife likes them and doesn't kill you

Ответ ИИ:
Более мягкая, более романтичная цветовая палитра с розовыми, золотыми и серебряными оттенками
Нежные, мерцающие украшения с высокой металличностью для ощущения роскоши
Мерцающие огни по всей елке
Пышное, пышное дерево с большим количеством слоев
Прекрасная снежная основа
Атмосферный туман для глубины
Плавное управление камерой с разумными ограничениями
Высококачественные тени и освещение
Глубокий синий фон, который выделяет елку
Теперь елка выглядит так, как будто она стоит на витрине роскошного универмага! Сочетание романтических цветов, мерцающих огней и элегантных украшений создает поистине волшебную праздничную атмосферу, которая заставит улыбнуться любого.

Claude 3.5 Sonnet
https://github.com/blend3dweb/christmas_tree_ai
1