Анимация скелета бойцовой рыбки

Бойцовая рыбка с ригом из более чем 50 костных суставов XPBD в three.js: потяните за голову — всё тело и хвост последуют за ней. Скопируйте запрос, чтобы создать свой вариант.

Loading preview...
Начать с этого запроса

Создайте физическую анимацию бойцовой рыбки, которую можно перетаскивать

Замена на медузу

Замените бойцовую рыбку на полупрозрачную медузу с ригом.

Попробовать Kimi Build
Используйте three.js вместе с ограничениями XPBD (Extended Position Based Dynamics), чтобы создать плавное движение бойцовой рыбки, управляемое физикой. Оснастите рыбку ригом как минимум из 50 скелетных узлов, чтобы её тело непрерывно деформировалось от головы до хвоста. Действие происходит под водой. Пользователь может захватить голову рыбки мышью и перетаскивать её, а решатель ограничений должен тянуть за головой всё тело, при этом хвост должен продолжать гибко и естественно колебаться. Сначала правильно настройте веса скиннинга на сетке рыбки, затем поверх готового рига и физики создайте интерактивный HTML-слой. Замените звезду на полупрозрачную медузу: распределите костные суставы по краю зонтика и щупальцам, чтобы при перетаскивании зонтика щупальца тянулись за ним благодаря ограничениям XPBD. Замените материал на полупрозрачный с эффектом подповерхностного рассеивания и сделайте освещение сцены насыщенно-синим. 
Стайка и кормление

Добавьте небольшую стайку рыбок и взаимодействие с кормлением по клику.

Попробовать Kimi Build
Используйте three.js вместе с ограничениями XPBD (Extended Position Based Dynamics), чтобы создать плавное движение бойцовой рыбки, управляемое физикой. Оснастите рыбку ригом как минимум из 50 скелетных узлов, чтобы её тело непрерывно деформировалось от головы до хвоста. Действие происходит под водой. Пользователь может захватить голову рыбки мышью и перетаскивать её, а решатель ограничений должен тянуть за головой всё тело, при этом хвост должен продолжать гибко и естественно колебаться. Сначала правильно настройте веса скиннинга на сетке рыбки, затем поверх готового рига и физики создайте интерактивный HTML-слой. Добавьте вокруг основной бойцовой рыбки стайку из 8 маленьких рыбок, используя упрощённый алгоритм стайного поведения, чтобы они плавали в воде и избегали бойцовую рыбку. Клик в любом месте поверхности воды бросает корм, к которому плывут бойцовая рыбка и стайка. 
Режим урока биологии

Подпишите костные суставы для демонстраций в классе.

Попробовать Kimi Build
Используйте three.js вместе с ограничениями XPBD (Extended Position Based Dynamics), чтобы создать плавное движение бойцовой рыбки, управляемое физикой. Оснастите рыбку ригом как минимум из 50 скелетных узлов, чтобы её тело непрерывно деформировалось от головы до хвоста. Действие происходит под водой. Пользователь может захватить голову рыбки мышью и перетаскивать её, а решатель ограничений должен тянуть за головой всё тело, при этом хвост должен продолжать гибко и естественно колебаться. Сначала правильно настройте веса скиннинга на сетке рыбки, затем поверх готового рига и физики создайте интерактивный HTML-слой. Добавьте режим учебных аннотаций: при его включении основные костные суставы бойцовой рыбки (позвоночник, хвостовой стебель, лучи плавников) подписываются названиями и соединительными линиями, а при клике на сустав открывается однопредложная заметка о его функции на китайском языке, готовая для проецирования в классе.