Представленный WebGL инструмент основан на three.js. Он обеспечивает визуализацию произвольных соотношений между координатами и углами Эйлера двух трехмерных объектов.

Системные требования

Инструмент реализован только на клиентском JavaScript с WebGL и Canvas (требуется нативная поддержка браузером). Весь текст скрипта обрабатывается функцией safeJS процессора шаблонов Hugo для предотвращения эксплуатации уязвимостей при подмене скрипта в теле страницы.

Визуализация

■ X■ Y■ Z (up) ■ ghost = initial pose drag to orbit · scroll to zoom

Position

Initial Euler  extrinsic X-Y-Z

Additional rotation Δ  body frame, extrinsic X-Y-Z

Rotate local frame  cumulative, body frame

X
Y
Z

Final Euler (extrinsic X-Y-Z) after Δ + frame rot.

roll pitch yaw

Quaternion (w, x, y, z)

w= x= y= z=

Разработано Александр Титов, PhD с применением Claude.ai.

Адаптация twdragon.

Незавершенный исходный текст без адаптации опубликован на Gitlab.com