penspective: aperspective-awaregamemap ...alemart/sbgames13/presentation.pdf · track its position:...

14
Title Introduction Design System Prototype Conclusion Bibliography Penspective: a Perspective-Aware Game Map Editor with Natural Interaction Alexandre M. F. de Sousa, Anderson C. M. Tavares, Carlos H. Morimoto Department of Computer Science - DCC Institute of Mathematics and Statistics - IME University of Sao Paulo - USP {alemart, acmt, hitoshi}@ime.usp.br October 15, 2013 Sousa, Tavares, Morimoto Penspective

Upload: others

Post on 06-Oct-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Penspective: aPerspective-AwareGameMap ...alemart/sbgames13/presentation.pdf · Track its position: p t = argmin (x,y)cost ... illusion of depth. Figure: calibration phase. Sousa,Tavares,Morimoto

Title Introduction Design System Prototype Conclusion Bibliography

Penspective: a Perspective-Aware Game Map

Editor with Natural Interaction

Alexandre M. F. de Sousa, Anderson C. M. Tavares,Carlos H. Morimoto

Department of Computer Science - DCCInstitute of Mathematics and Statistics - IME

University of Sao Paulo - USP{alemart, acmt, hitoshi}@ime.usp.br

October 15, 2013

Sousa, Tavares, Morimoto Penspective

Page 2: Penspective: aPerspective-AwareGameMap ...alemart/sbgames13/presentation.pdf · Track its position: p t = argmin (x,y)cost ... illusion of depth. Figure: calibration phase. Sousa,Tavares,Morimoto

Title Introduction Design System Prototype Conclusion Bibliography

Introduction

Map editors;

Learning curve (WIMP → hotkeys, cluttered menus);

pixel-hungry, indirection;mouse/keyboard → impose complex interactions.

Advances in Human-Computer Interaction (HCI);

Post-WIMP interfaces [1];

new generation of UIs;gestures, speech...

Leverage users’ mundane, pre-existent knowledge.

reduce the gap: human goals/actions;communication in the non-digital realm.

Sousa, Tavares, Morimoto Penspective

Page 3: Penspective: aPerspective-AwareGameMap ...alemart/sbgames13/presentation.pdf · Track its position: p t = argmin (x,y)cost ... illusion of depth. Figure: calibration phase. Sousa,Tavares,Morimoto

Title Introduction Design System Prototype Conclusion Bibliography

Introduction

Interaction: drawing sketches with penand eraser;

versatile, widely used;obvious metaphor.

Visualization: illusion of depth;

like magic paper.

Penspective:

Grid paper (little 3D blocks);Affordance of pen and eraser;3D View without glasses.

Figure: Pen anderaser.

Sousa, Tavares, Morimoto Penspective

Page 4: Penspective: aPerspective-AwareGameMap ...alemart/sbgames13/presentation.pdf · Track its position: p t = argmin (x,y)cost ... illusion of depth. Figure: calibration phase. Sousa,Tavares,Morimoto

Title Introduction Design System Prototype Conclusion Bibliography

Design

(a) Drawing blocks. (b) Removing blocks.

(c) Moving (selection phase). (d) Moving (dragging phase).

Sousa, Tavares, Morimoto Penspective

Page 5: Penspective: aPerspective-AwareGameMap ...alemart/sbgames13/presentation.pdf · Track its position: p t = argmin (x,y)cost ... illusion of depth. Figure: calibration phase. Sousa,Tavares,Morimoto

Title Introduction Design System Prototype Conclusion Bibliography

Design

(e) Adjusting height (before). (f) Adjusting height (after).

Sousa, Tavares, Morimoto Penspective

Page 6: Penspective: aPerspective-AwareGameMap ...alemart/sbgames13/presentation.pdf · Track its position: p t = argmin (x,y)cost ... illusion of depth. Figure: calibration phase. Sousa,Tavares,Morimoto

Title Introduction Design System Prototype Conclusion Bibliography

System

Multitouch InteractionKinect sensor (depth + color)

Detect touch events on ordinary surfaces [2];Recognize the touching artifact [3].

(g) Detecting touch. (h) Color.

Sousa, Tavares, Morimoto Penspective

Page 7: Penspective: aPerspective-AwareGameMap ...alemart/sbgames13/presentation.pdf · Track its position: p t = argmin (x,y)cost ... illusion of depth. Figure: calibration phase. Sousa,Tavares,Morimoto

Title Introduction Design System Prototype Conclusion Bibliography

System Description

Above-the-surface Interaction

Kinect sensor (depth + color);Grab a template (grayscale);Track its position: pt = argmin(x,y)costt(x , y)

costt(x , y) =

α · (1− R(x , y)) + if dt(x , y) ≤ 1(1− α) · dt(x , y)

∞ otherwise

where:

α ∈ [0, 1], r are empirically defined;dt(x , y) = ‖(x , y) − pt−1‖ / r ;R(x , y) ∈ [0, 1] is a template matchingfunction [4].

Depth sensor → 3D position.

Sousa, Tavares, Morimoto Penspective

Page 8: Penspective: aPerspective-AwareGameMap ...alemart/sbgames13/presentation.pdf · Track its position: p t = argmin (x,y)cost ... illusion of depth. Figure: calibration phase. Sousa,Tavares,Morimoto

Title Introduction Design System Prototype Conclusion Bibliography

System Description

Skeleton Tracking/Off-Axis Perspectiveanother Kinect camera tracks the user in physical space;calibration phase → position of the user relative to the screen;off-axis perspective projection [5];illusion of depth.

Figure: calibration phase.

Sousa, Tavares, Morimoto Penspective

Page 9: Penspective: aPerspective-AwareGameMap ...alemart/sbgames13/presentation.pdf · Track its position: p t = argmin (x,y)cost ... illusion of depth. Figure: calibration phase. Sousa,Tavares,Morimoto

Title Introduction Design System Prototype Conclusion Bibliography

System Description

Setup: 2 Kinects, 1 LCD screen, pen, eraser.

Components exchange data using VRPN [6];

Figure: System components.

Sousa, Tavares, Morimoto Penspective

Page 10: Penspective: aPerspective-AwareGameMap ...alemart/sbgames13/presentation.pdf · Track its position: p t = argmin (x,y)cost ... illusion of depth. Figure: calibration phase. Sousa,Tavares,Morimoto

Title Introduction Design System Prototype Conclusion Bibliography

Prototype

(a) Prototype (b) Changing the viewpoint

(c) Erasing (d) Drawing

Sousa, Tavares, Morimoto Penspective

Page 11: Penspective: aPerspective-AwareGameMap ...alemart/sbgames13/presentation.pdf · Track its position: p t = argmin (x,y)cost ... illusion of depth. Figure: calibration phase. Sousa,Tavares,Morimoto

Title Introduction Design System Prototype Conclusion Bibliography

Prototype

(e) Height adjustment (f) Height adjustment

(g) Height adjustment (h) moving a block

Sousa, Tavares, Morimoto Penspective

Page 12: Penspective: aPerspective-AwareGameMap ...alemart/sbgames13/presentation.pdf · Track its position: p t = argmin (x,y)cost ... illusion of depth. Figure: calibration phase. Sousa,Tavares,Morimoto

Title Introduction Design System Prototype Conclusion Bibliography

Conclusion

More direct ways of building maps;A new form of interaction: drawing on grid paper;Working prototype to show the viability of the concept.

Figure: Penspective.

Sousa, Tavares, Morimoto Penspective

Page 13: Penspective: aPerspective-AwareGameMap ...alemart/sbgames13/presentation.pdf · Track its position: p t = argmin (x,y)cost ... illusion of depth. Figure: calibration phase. Sousa,Tavares,Morimoto

Title Introduction Design System Prototype Conclusion Bibliography

Bibliography I

A. van Dam, “Post-WIMP user interfaces,” Communications

of the ACM, vol. 40, no. 2, pp. 63–67, Feb. 1997.

A. D. Wilson, “Using a depth camera as a touch sensor,” inACM International Conference on Interactive Tabletops and

Surfaces - ITS ’10, ACM. New York, New York, USA: ACMPress, 2010, p. 69.

J.-Y. Lee and S. I. Yoo, “An elliptical boundary model for skincolor detection,” in Proc. of the 2002 International Conference

on Imaging Science, Systems, and Technology. Citeseer,2002.

A. Kaehler and G. Bradski, Learning OpenCV: Computer

Vision with the OpenCV Library, 1st ed. O’Reilly Media,2008.

Sousa, Tavares, Morimoto Penspective

Page 14: Penspective: aPerspective-AwareGameMap ...alemart/sbgames13/presentation.pdf · Track its position: p t = argmin (x,y)cost ... illusion of depth. Figure: calibration phase. Sousa,Tavares,Morimoto

Title Introduction Design System Prototype Conclusion Bibliography

Bibliography II

R. Kooima, “Generalized Perspective Projection,” 2013.[Online]. Available: http://csc.lsu.edu/∼kooima/articles/genperspective/index.html

R. M. Taylor, T. C. Hudson, A. Seeger, H. Weber, J. Juliano,and A. T. Helser, “VRPN: a device-independent,network-transparent VR peripheral system,” in Proceedings of

the ACM symposium on Virtual reality software and

technology - VRST ’01. New York, New York, USA: ACMPress, 2001, p. 55.

Sousa, Tavares, Morimoto Penspective