Weekly Blog: Turning Mathematical Transformations into an Interactive AR Experience

This week, our work went beyond simply improving visuals or adding new AR interactions—we focused on solving a real academic challenge that students often face while learning computer graphics concepts.Instead of creating another feature-heavy module, we wanted to build something that teaches transformation concepts in a more intuitive and visual way.

Creating a Progressive Learning Flow:

Rather than applying all transformations at once and overwhelming users, we designed the module in a step-by-step learning format where complexity increases gradually.

Users begin with a simple cube placed in the AR environment. We intentionally chose a cube because its edges, orientation, and dimensions make transformations very easy to notice. From there, users can interact with different transformation presets that demonstrate how each operation affects the object.

Stage 1: Translation Mode

The first mode introduces simple movement.

The cube shifts from one position to another while maintaining the exact same size and orientation. This helps students focus only on positional change without being distracted by any other transformations.

This stage helps users clearly understand that translation only changes where an object exists in space.

Stage 2: Translation + Rotation Mode

Once users understand movement, the next stage introduces rotational behavior.

Now the cube changes its position while also rotating around its axis. Students can observe that the object reaches a new location while also changing its orientation.

This helps users differentiate between movement and directional change, which is often difficult to visualize in textbooks.

Stage 3: Full Transformation Mode

The final preset combines all major transformations.

The cube now translates, rotates, and scales simultaneously. Users can observe changes in position, orientation, and size happening together, giving them a much clearer understanding of how transformations work in actual graphics systems and AR applications.

This stage acts as the bridge between learning individual concepts and understanding complete transformation pipelines. The Highlight of This Week: Understanding Why Order Matters

After building these transformation presets, we introduced what became the most impactful feature of this module—showing users why transformation order changes the final output.

This is one of the most misunderstood concepts in matrix multiplication because students often assume that applying the same transformations will always produce the same result.

To solve this, we introduced an interactive comparison mode where the same transformations are applied in different sequences.

In one sequence, the object translates first, rotates second, and scales last.

In another sequence, the object scales first, rotates second, and translates last.

Even though both sequences use identical operations, users can immediately notice that the final outputs are completely different. This week helped us move closer to the real purpose of our project—using AR/VR not just for visualization, but for improving conceptual understanding.