Visualizing quaternion rotation

TLDR

Quaternions are essential for representing rotations in computer graphics, yet their four‑dimensional nature makes them difficult to teach, prompting the use of a belt‑based demonstrator to visualize rotations. The article introduces exponential notation for unit quaternions and presents a mechanical ribbon‑and‑tag demonstrator along with an interactive simulation for educational use. Rotations are visualized by fixing one belt end and rotating the other, with quaternion multiplication shown as composition of rotations, exponential notation encoding angle and axis, and local deformations plus the belt trick reducing ribbon twist for a natural interactive demonstrator.

Abstract

Quaternions play a vital role in the representation of rotations in computer graphics, primarily for animation and user interfaces. Unfortunately, quaternion rotation is often left as an advanced topic in computer graphics education due to difficulties in portraying the four-dimensional space of the quaternions. One tool for overcoming these obstacles is the quaternion demonstrator, a physical visual aid consisting primarily of a belt. Every quaternion used to specify a rotation can be represented by fixing one end of the belt and rotating the other. Multiplication of quaternions is demonstrated by the composition of rotations, and the resulting twists in the belt depict visually how quaternions interpolate rotation. This article introduces to computer graphics the exponential notation that mathematicians have used to represent unit quaternions. Exponential notation combines the angle and axis of the rotation into concise quaternion expression. This notation allows the article to present more clearly a mechanical quaternion demonstrator consisting of a ribbon and a tag, and develop a computer simulation suitable for interactive educational packages. Local deformations and the belt trick are used to minimize the ribbon's twisting and simulate a natural-appearing interactive quaternion demonstrator.