Skip to main content

2019 | OriginalPaper | Buchkapitel

Esquisse: Using 3D Models Staging to Facilitate the Creation of Vector-Based Trace Figures

verfasst von : Axel Antoine, Sylvain Malacria, Nicolai Marquardt, Géry Casiez

Erschienen in: Human-Computer Interaction – INTERACT 2019

Verlag: Springer International Publishing

Aktivieren Sie unsere intelligente Suche, um passende Fachinhalte oder Patente zu finden.

search-config
loading …

Abstract

Trace figures are contour drawings of people and objects that capture the essence of scenes without the visual noise of photos or other visual representations. Their focus and clarity make them ideal representations to illustrate designs or interaction techniques. In practice, creating those figures is a tedious task requiring advanced skills, even when creating the figures by tracing outlines based on photos. To mediate the process of creating trace figures, we introduce the open-source tool Esquisse. Informed by our taxonomy of 124 trace figures, Esquisse provides an innovative 3D model staging workflow, with specific interaction techniques that facilitate 3D staging through kinematic manipulation, anchor points and posture tracking. Our rendering algorithm (including stroboscopic rendering effects) creates vector-based trace figures of 3D scenes. We validated Esquisse with an experiment where participants created trace figures illustrating interaction techniques, and results show that participants quickly managed to use and appropriate the tool.

Sie haben noch keine Lizenz? Dann Informieren Sie sich jetzt über unsere Produkte:

Springer Professional "Wirtschaft+Technik"

Online-Abonnement

Mit Springer Professional "Wirtschaft+Technik" erhalten Sie Zugriff auf:

  • über 102.000 Bücher
  • über 537 Zeitschriften

aus folgenden Fachgebieten:

  • Automobil + Motoren
  • Bauwesen + Immobilien
  • Business IT + Informatik
  • Elektrotechnik + Elektronik
  • Energie + Nachhaltigkeit
  • Finance + Banking
  • Management + Führung
  • Marketing + Vertrieb
  • Maschinenbau + Werkstoffe
  • Versicherung + Risiko

Jetzt Wissensvorsprung sichern!

Springer Professional "Technik"

Online-Abonnement

Mit Springer Professional "Technik" erhalten Sie Zugriff auf:

  • über 67.000 Bücher
  • über 390 Zeitschriften

aus folgenden Fachgebieten:

  • Automobil + Motoren
  • Bauwesen + Immobilien
  • Business IT + Informatik
  • Elektrotechnik + Elektronik
  • Energie + Nachhaltigkeit
  • Maschinenbau + Werkstoffe




 

Jetzt Wissensvorsprung sichern!

Springer Professional "Wirtschaft"

Online-Abonnement

Mit Springer Professional "Wirtschaft" erhalten Sie Zugriff auf:

  • über 67.000 Bücher
  • über 340 Zeitschriften

aus folgenden Fachgebieten:

  • Bauwesen + Immobilien
  • Business IT + Informatik
  • Finance + Banking
  • Management + Führung
  • Marketing + Vertrieb
  • Versicherung + Risiko




Jetzt Wissensvorsprung sichern!

Literatur
1.
Zurück zum Zitat UIST 2015: Proceedings of the 28th Annual ACM Symposium on User Interface Software and Technology. ACM, New York (2015) UIST 2015: Proceedings of the 28th Annual ACM Symposium on User Interface Software and Technology. ACM, New York (2015)
2.
Zurück zum Zitat UIST 2016: Proceedings of the 29th Annual Symposium on User Interface Software and Technology. ACM, New York (2016) UIST 2016: Proceedings of the 29th Annual Symposium on User Interface Software and Technology. ACM, New York (2016)
3.
Zurück zum Zitat UIST 2017: Proceedings of the 30th Annual ACM Symposium on User Interface Software and Technology. ACM, New York (2017) UIST 2017: Proceedings of the 30th Annual ACM Symposium on User Interface Software and Technology. ACM, New York (2017)
4.
Zurück zum Zitat Achibet, M., Casiez, G., Lécuyer, A., Marchal, M.: Thing: introducing a tablet-based interaction technique for controlling 3D hand models. In: Proceedings of the 33rd Annual ACM Conference on Human Factors in Computing Systems, CHI 2015, pp. 317–326. ACM, New York (2015). https://doi.org/10.1145/2702123.2702158 Achibet, M., Casiez, G., Lécuyer, A., Marchal, M.: Thing: introducing a tablet-based interaction technique for controlling 3D hand models. In: Proceedings of the 33rd Annual ACM Conference on Human Factors in Computing Systems, CHI 2015, pp. 317–326. ACM, New York (2015). https://​doi.​org/​10.​1145/​2702123.​2702158
5.
6.
Zurück zum Zitat Canny, J.: A computational approach to edge detection. In: Readings in Computer Vision, pp. 184–203. Elsevier (1987) Canny, J.: A computational approach to edge detection. In: Readings in Computer Vision, pp. 184–203. Elsevier (1987)
7.
Zurück zum Zitat Chang, Y., L’Yi, S., Koh, K., Seo, J.: Understanding users’ touch behavior on large mobile touch-screens and assisted targeting by tilting gesture. In: Proceedings of the 33rd Annual ACM Conference on Human Factors in Computing Systems, CHI 2015, pp. 1499–1508. ACM, New York (2015). https://doi.org/10.1145/2702123.2702425 Chang, Y., L’Yi, S., Koh, K., Seo, J.: Understanding users’ touch behavior on large mobile touch-screens and assisted targeting by tilting gesture. In: Proceedings of the 33rd Annual ACM Conference on Human Factors in Computing Systems, CHI 2015, pp. 1499–1508. ACM, New York (2015). https://​doi.​org/​10.​1145/​2702123.​2702425
8.
Zurück zum Zitat Chen, T., Zhu, Z., Shamir, A., Hu, S.M., Cohen-Or, D.: 3-sweep: extracting editable objects from a single photo. ACM Trans. Graph. (TOG) 32(6), 195 (2013) Chen, T., Zhu, Z., Shamir, A., Hu, S.M., Cohen-Or, D.: 3-sweep: extracting editable objects from a single photo. ACM Trans. Graph. (TOG) 32(6), 195 (2013)
9.
Zurück zum Zitat Chi, P.Y.P., Vogel, D., Dontcheva, M., Li, W., Hartmann, B.: Authoring illustrations of human movements by iterative physical demonstration. In: Proceedings of the 29th Annual Symposium on User Interface Software and Technology, UIST 2016, pp. 809–820. ACM, New York (2016). https://doi.org/10.1145/2984511.2984559 Chi, P.Y.P., Vogel, D., Dontcheva, M., Li, W., Hartmann, B.: Authoring illustrations of human movements by iterative physical demonstration. In: Proceedings of the 29th Annual Symposium on User Interface Software and Technology, UIST 2016, pp. 809–820. ACM, New York (2016). https://​doi.​org/​10.​1145/​2984511.​2984559
11.
Zurück zum Zitat Eisemann, E., Winnemöller, H., Hart, J.C., Salesin, D.: Stylized vector art from 3D models with region support. In: Computer Graphics Forum, vol. 27, pp. 1199–1207. Wiley Online Library (2008) Eisemann, E., Winnemöller, H., Hart, J.C., Salesin, D.: Stylized vector art from 3D models with region support. In: Computer Graphics Forum, vol. 27, pp. 1199–1207. Wiley Online Library (2008)
12.
Zurück zum Zitat Grabli, S., Turquin, E., Durand, F., Sillion, F.X.: Programmable style for NPR line drawing. In: Proceedings of the Fifteenth Eurographics Conference on Rendering Techniques, EGSR 2004, Aire-la-Ville, Switzerland, pp. 33–44. Eurographics Association, Switzerland (2004). https://doi.org/10.2312/EGWR/EGSR04/033-044 Grabli, S., Turquin, E., Durand, F., Sillion, F.X.: Programmable style for NPR line drawing. In: Proceedings of the Fifteenth Eurographics Conference on Rendering Techniques, EGSR 2004, Aire-la-Ville, Switzerland, pp. 33–44. Eurographics Association, Switzerland (2004). https://​doi.​org/​10.​2312/​EGWR/​EGSR04/​033-044
13.
Zurück zum Zitat Han, J., Lee, G.: Push-push: a drag-like operation overlapped with a page transition operation on touch interfaces. In: Proceedings of the 28th Annual ACM Symposium on User Interface Software & Technology, UIST 2015, pp. 313–322. ACM, New York (2015). https://doi.org/10.1145/2807442.2807457 Han, J., Lee, G.: Push-push: a drag-like operation overlapped with a page transition operation on touch interfaces. In: Proceedings of the 28th Annual ACM Symposium on User Interface Software & Technology, UIST 2015, pp. 313–322. ACM, New York (2015). https://​doi.​org/​10.​1145/​2807442.​2807457
14.
Zurück zum Zitat Hess, R.: The Essential Blender: Guide to 3D Creation with the Open Source Suite Blender. No Starch Press, San Francisco (2007) Hess, R.: The Essential Blender: Guide to 3D Creation with the Open Source Suite Blender. No Starch Press, San Francisco (2007)
15.
Zurück zum Zitat Hinckley, K., Ramos, G., Guimbretiere, F., Baudisch, P., Smith, M.: Stitching: pen gestures that span multiple displays. In: Proceedings of the Working Conference on Advanced Visual Interfaces, AVI 2004, pp. 23–31. ACM, New York (2004). https://doi.org/10.1145/989863.989866 Hinckley, K., Ramos, G., Guimbretiere, F., Baudisch, P., Smith, M.: Stitching: pen gestures that span multiple displays. In: Proceedings of the Working Conference on Advanced Visual Interfaces, AVI 2004, pp. 23–31. ACM, New York (2004). https://​doi.​org/​10.​1145/​989863.​989866
16.
Zurück zum Zitat Huang, D., Zhang, X., Saponas, T.S., Fogarty, J., Gollakota, S.: Leveraging dual-observable input for fine-grained thumb interaction using forearm EMG. In: Proceedings of the 28th Annual ACM Symposium on User Interface Software & Technology, UIST 2015, pp. 523–528. ACM, New York (2015). https://doi.org/10.1145/2807442.2807506 Huang, D., Zhang, X., Saponas, T.S., Fogarty, J., Gollakota, S.: Leveraging dual-observable input for fine-grained thumb interaction using forearm EMG. In: Proceedings of the 28th Annual ACM Symposium on User Interface Software & Technology, UIST 2015, pp. 523–528. ACM, New York (2015). https://​doi.​org/​10.​1145/​2807442.​2807506
18.
Zurück zum Zitat Kazi, R.H., Chevalier, F., Grossman, T., Fitzmaurice, G.: Kitty: sketching dynamic and interactive illustrations. In: Proceedings of the 27th Annual ACM Symposium on User Interface Software and Technology, UIST 2014, pp. 395–405. ACM, New York (2014). https://doi.org/10.1145/2642918.2647375 Kazi, R.H., Chevalier, F., Grossman, T., Fitzmaurice, G.: Kitty: sketching dynamic and interactive illustrations. In: Proceedings of the 27th Annual ACM Symposium on User Interface Software and Technology, UIST 2014, pp. 395–405. ACM, New York (2014). https://​doi.​org/​10.​1145/​2642918.​2647375
20.
Zurück zum Zitat Kholgade, N., Simon, T., Efros, A., Sheikh, Y.: 3D object manipulation in a single photograph using stock 3D models. ACM Trans. Graph. (TOG) 33(4), 127 (2014)CrossRef Kholgade, N., Simon, T., Efros, A., Sheikh, Y.: 3D object manipulation in a single photograph using stock 3D models. ACM Trans. Graph. (TOG) 33(4), 127 (2014)CrossRef
21.
Zurück zum Zitat Kim, H.J., Kim, C.M., Nam, T.J.: SketchStudio: experience prototyping with 2.5-dimensional animated design scenarios. In: Proceedings of the 2018 Designing Interactive Systems Conference, DIS 2018, pp. 831–843. ACM, New York (2018). https://doi.org/10.1145/3196709.3196736 Kim, H.J., Kim, C.M., Nam, T.J.: SketchStudio: experience prototyping with 2.5-dimensional animated design scenarios. In: Proceedings of the 2018 Designing Interactive Systems Conference, DIS 2018, pp. 831–843. ACM, New York (2018). https://​doi.​org/​10.​1145/​3196709.​3196736
22.
Zurück zum Zitat Lander, C., Gehring, S., Krüger, A., Boring, S., Bulling, A.: GazeProjector: accurate gaze estimation and seamless gaze interaction across multiple displays. In: Proceedings of the 28th Annual ACM Symposium on User Interface Software & Technology, UIST 2015, pp. 395–404. ACM, New York (2015). https://doi.org/10.1145/2807442.2807479 Lander, C., Gehring, S., Krüger, A., Boring, S., Bulling, A.: GazeProjector: accurate gaze estimation and seamless gaze interaction across multiple displays. In: Proceedings of the 28th Annual ACM Symposium on User Interface Software & Technology, UIST 2015, pp. 395–404. ACM, New York (2015). https://​doi.​org/​10.​1145/​2807442.​2807479
23.
Zurück zum Zitat Lewis, C., Rieman, J.: Task-Centered User Interface Design. A Practical Introduction (1993) Lewis, C., Rieman, J.: Task-Centered User Interface Design. A Practical Introduction (1993)
25.
Zurück zum Zitat Lo, J., et al.: Aesthetic electronics: designing, sketching, and fabricating circuits through digital exploration. In: Proceedings of the 29th Annual Symposium on User Interface Software and Technology, UIST 2016, pp. 665–676. ACM, New York (2016). https://doi.org/10.1145/2984511.2984579 Lo, J., et al.: Aesthetic electronics: designing, sketching, and fabricating circuits through digital exploration. In: Proceedings of the 29th Annual Symposium on User Interface Software and Technology, UIST 2016, pp. 665–676. ACM, New York (2016). https://​doi.​org/​10.​1145/​2984511.​2984579
26.
Zurück zum Zitat McAweeney, E., Zhang, H., Nebeling, M.: User-driven design principles for gesture representations. In: Proceedings of the 2018 CHI Conference on Human Factors in Computing Systems, CHI 2018, pp. 547:1–547:13, ACM, New York (2018). https://doi.org/10.1145/3173574.3174121 McAweeney, E., Zhang, H., Nebeling, M.: User-driven design principles for gesture representations. In: Proceedings of the 2018 CHI Conference on Human Factors in Computing Systems, CHI 2018, pp. 547:1–547:13, ACM, New York (2018). https://​doi.​org/​10.​1145/​3173574.​3174121
27.
Zurück zum Zitat McCloud, S.: Understanding Comics: The Invisible Art (1993) McCloud, S.: Understanding Comics: The Invisible Art (1993)
28.
Zurück zum Zitat Mortensen, E.N., Barrett, W.A.: Intelligent scissors for image composition. In: Proceedings of the 22Nd Annual Conference on Computer Graphics and Interactive Techniques, SIGGRAPH 1995, pp. 191–198. ACM, New York (1995). https://doi.org/10.1145/218380.218442 Mortensen, E.N., Barrett, W.A.: Intelligent scissors for image composition. In: Proceedings of the 22Nd Annual Conference on Computer Graphics and Interactive Techniques, SIGGRAPH 1995, pp. 191–198. ACM, New York (1995). https://​doi.​org/​10.​1145/​218380.​218442
29.
Zurück zum Zitat Nancel, M., Vogel, D., De Araujo, B., Jota, R., Casiez, G.: Next-point prediction metrics for perceived spatial errors. In: Proceedings of the 29th Annual Symposium on User Interface Software and Technology, UIST 2016, pp. 271–285. ACM, New York (2016). https://doi.org/10.1145/2984511.2984590 Nancel, M., Vogel, D., De Araujo, B., Jota, R., Casiez, G.: Next-point prediction metrics for perceived spatial errors. In: Proceedings of the 29th Annual Symposium on User Interface Software and Technology, UIST 2016, pp. 271–285. ACM, New York (2016). https://​doi.​org/​10.​1145/​2984511.​2984590
30.
Zurück zum Zitat Neufeld, E., Popoola, H., Callele, D., Mould, D.: Mixed initiative interactive edge detection. In: Graphics Interface, pp. 177–184 (2003) Neufeld, E., Popoola, H., Callele, D., Mould, D.: Mixed initiative interactive edge detection. In: Graphics Interface, pp. 177–184 (2003)
32.
Zurück zum Zitat Wu, Y., Huang, T.S.: Hand modeling, analysis and recognition. IEEE Signal Process. Mag. 18(3), 51–60 (2001)CrossRef Wu, Y., Huang, T.S.: Hand modeling, analysis and recognition. IEEE Signal Process. Mag. 18(3), 51–60 (2001)CrossRef
33.
Zurück zum Zitat Xie, J., Hertzmann, A., Li, W., Winnemöller, H.: PortraitSketch: face sketching assistance for novices. In: Proceedings of the 27th Annual ACM Symposium on User Interface Software and Technology, UIST 2014, pp. 407–417. ACM, New York (2014). https://doi.org/10.1145/2642918.2647399 Xie, J., Hertzmann, A., Li, W., Winnemöller, H.: PortraitSketch: face sketching assistance for novices. In: Proceedings of the 27th Annual ACM Symposium on User Interface Software and Technology, UIST 2014, pp. 407–417. ACM, New York (2014). https://​doi.​org/​10.​1145/​2642918.​2647399
36.
Zurück zum Zitat Zheng, Y., Chen, X., Cheng, M.M., Zhou, K., Hu, S.M., Mitra, N.J.: Interactive images: cuboid proxies for smart image manipulation. ACM Trans. Graph. 31(4), 99–1 (2012) Zheng, Y., Chen, X., Cheng, M.M., Zhou, K., Hu, S.M., Mitra, N.J.: Interactive images: cuboid proxies for smart image manipulation. ACM Trans. Graph. 31(4), 99–1 (2012)
37.
Zurück zum Zitat Zhou, J., Zhang, Y., Laput, G., Harrison, C.: AuraSense: enabling expressive around-smartwatch interactions with electric field sensing. In: Proceedings of the 29th Annual Symposium on User Interface Software and Technology, UIST 2016, pp. 81–86. ACM, New York (2016). https://doi.org/10.1145/2984511.2984568 Zhou, J., Zhang, Y., Laput, G., Harrison, C.: AuraSense: enabling expressive around-smartwatch interactions with electric field sensing. In: Proceedings of the 29th Annual Symposium on User Interface Software and Technology, UIST 2016, pp. 81–86. ACM, New York (2016). https://​doi.​org/​10.​1145/​2984511.​2984568
Metadaten
Titel
Esquisse: Using 3D Models Staging to Facilitate the Creation of Vector-Based Trace Figures
verfasst von
Axel Antoine
Sylvain Malacria
Nicolai Marquardt
Géry Casiez
Copyright-Jahr
2019
DOI
https://doi.org/10.1007/978-3-030-29384-0_30

Neuer Inhalt