STIVi: Turning Perspective Sketching Videos into Interactive Tutorials

Capucine Nghiem1, Adrien Bousseau2,3, Mark Sypesteyn3, Jan Willem Hoftijzer3, Maneesh Agrawala4, Theophanis Tsandilas1

1 Université Paris-Saclay, CNRS, Inria, LISN, France 2 Inria Centre Université Côte d'Azur, France 3 Delft University of Technology, Netherlands 4 Stanford University, USA


STIVi teaser

Abstract

For design and art enthusiasts who seek to enhance their skills through instructional videos, following drawing instructions while practicing can be challenging. STIVi presents perspective drawing demonstrations and commentary of prerecorded instructional videos as interactive drawing tutorials that students can navigate and explore at their own pace. Our approach involves a semi-automatic pipeline to assist instructors in creating STIVi content by extracting pen strokes from video frames and aligning them with the accompanying audio commentary. Thanks to this structured data, students can navigate through transcript and in-video drawing, refer to provided highlights in both modalities to guide their navigation, and explore variations of the drawing demonstration to understand fundamental principles. We evaluated STIVi's interactive tutorials against a regular video player. We observed that our interface supports non-linear learning styles by providing students alternative paths for following and understanding drawing instructions.

Publication

Capucine Nghiem, Adrien Bousseau, Mark Sypesteyn, Jan Willem Hoftijzer, Maneesh Agrawala, and Theophanis Tsandilas. 2024. STIVi: Turning Perspective Sketching Videos into Interactive Tutorials. In Proceedings of the 50th Graphics Interface Conference (GI '24). https://doi.org/10.1145/3670947.3670969


Video Figure