SLIDE 1 GaussBricks:
Magnetic Building Blocks for Constructive Tangible Interactions on Portable Displays
Rong-Hao Liang, Liwei Chan, Hung-Yu Tseng, Han-Chih Kuo, Da-Yuan Huang, De-Nian Yang, and Bing-Yu Chen
National Taiwan University & Academia Sinica
SLIDE 2
Creating Physical Forms to Interact with Virtual Contents on Portable Displays
SLIDE 3
Building Blocks
SLIDE 4
Creating Geometries and Structures
by Nathan Sawaya
SLIDE 5
Creating Mechanical Movements
SLIDE 6
Constructive Assembly TUIs
Topobo [Raffle et. al. CHI ’04]
SLIDE 7
SLIDE 8
Active Blocks: battery & microcontroller
Blocks [Anderson et. al. SIGGRAPH ’00]
SLIDE 9
Passive blocks - Cameras
DuploTrack [Gupta et. al. UIST ’12]
SLIDE 10
Portable Displays
?
SLIDE 11
Passive blocks - Optical Camera
X
SLIDE 12
Passive blocks - Capacitive Tracking
Token
SLIDE 13
Passive blocks - Capacitive Multitouch Displays
Capstones
[Chan et. al. CHI ‘12]
SLIDE 14
Hardware 2D TUI Design Space of Portable Displays Token+Surface Constructive Assembly
Optical Cameras
3D
Optical Tags Optical tracking is occlusion-sensitive
SLIDE 15 Hardware 2D TUI Design Space of Portable Displays Token+Surface Constructive Assembly 3D
Capacitive tracking cannot effectively support form construction Capacitance Tags Capacitive Multitouch Display CapStones Optical Cameras Optical Tags
[Chan et. al. CHI’12]
SLIDE 16 Hardware 2D TUI Design Space of Portable Displays Token+Surface Constructive Assembly 3D
Capacitance Tags Capacitive Multitouch Display CapStones Optical Cameras Optical Tags
[Chan et. al. CHI’12]
New Materials and Techniques are Needed
SLIDE 17
Magnetic Tangibles
Attachable Hall-Sensor Grid [Liang et al. UIST’12]
GaussSense GaussBits
Magnetic Tangible Bits [Liang et al. CHI’13]
SLIDE 18
Attachable Hall-Sensor Grid
GaussSense
Analog Hall-Sensor Grid portable magnetic-field camera
Attachable Hall-Sensor Grid [Liang et al. UIST’12]
GaussSense
SLIDE 19
Attachable Hall-Sensor Grid
GaussSense
Magnetic Tangibles passive, small, and occlusion-free
GaussBits
Magnetic Tangible Bits
GaussBits
Magnetic Tangible Bits [Liang et al. CHI’13]
SLIDE 20 Hardware 2D TUI Design Space of Portable Displays Token+Surface Constructive Assembly 3D
Capacitance Tags Capacitive Multitouch Display CapStones
Optical Cameras Optical Tags
[Chan et. al. CHI’12]
Attachable Hall-Sensor Grid
[Liang et al. UIST’12]
GaussSense GaussBits
Magnetic Tangible Bits
[Liang et al. CHI’13]
Near-Surface 3D
Portable and Occlusion-Free Interaction Design On and Above Portable Displays
A technique and material that support
SLIDE 21 A technique and material that Feasible for Designing Building Blocks by Magnets?
Hardware 2D TUI Design Space of Portable Displays Token+Surface Constructive Assembly 3D
Capacitance Tags Capacitive Multitouch Display CapStones
Optical Cameras Optical Tags
[Chan et. al. CHI’12]
Attachable Hall-Sensor Grid
[Liang et al. UIST’12]
GaussSense GaussBits
Magnetic Tangible Bits
[Liang et al. CHI’13]
Near-Surface 3D
SLIDE 22
Magnets naturally attract together
SLIDE 23
Magnets naturally attract together
SLIDE 24
Challenge on Sensing
Magnet Analog Hall-Sensor Grid
The distribution of magnetic field may differ from the shape of magnetic sculpture Resulting Magnetic Field Distribution
SLIDE 25
Analog Hall-Sensor Grid
Magnet attracting each other also counteract each other
Challenge on Sensing
The distribution of magnetic field may differ from the shape of magnetic sculpture
SLIDE 26
4
Analog Hall-Sensor Grid
Magnet attracting each other also counteract each other
Challenge on Sensing
The distribution of magnetic field may differ from the shape of magnetic sculpture
SLIDE 27
4
Analog Hall-Sensor Grid
Magnet attracting each other also counteract each other
Challenge
The distribution of magnetic field may differ from the shape of magnetic sculpture
SLIDE 28
Firm Case Analog Hall-Sensor Grid
Shaping the Magnetic Fields for Sensing
Keep the construction’s magnetic field in the same polarity
SLIDE 29
Firm Case Analog Hall-Sensor Grid
Shaping the Magnetic Fields for Sensing
Keep the construction’s magnetic field in the same polarity
SLIDE 30
Valid magnetic-field distribution for deriving the geometry of a magnetic construction
SLIDE 31
3 Types of GaussBricks
3 Types of GaussBricks > Sensing Algorithm > 3 Basic Utilities > 3 Advanced Extensions
SLIDE 32
- 1. Construction Bricks: for additive construction
SLIDE 33
for addictive construction
SLIDE 34
- 2. Supporting Bricks: for stabilizing structures
(1x1 construction bricks)
SLIDE 35
- 3. Locking Bricks: reduce unwanted DOFs by locking joints
gear-shaped female connector gear-shaped male connector
SLIDE 36
rigidifying parts to reduce unwanted DOFs
SLIDE 37
Simple, Stable, and Transparent in use.
SLIDE 38
Geometry Skeleton Sensing Algorithm
3 Types of GaussBricks > Sensing Algorithm > 3 Basic Utilities > 3 Advanced Extensions
SLIDE 40
Geometry
not stacked stacked
SLIDE 41
SLIDE 42 locking brick supporting brick non-magnetic brick 50 100 150 (Unit: gauss)
conditions supporting bricks + locking bricks supporting bricks
3 2 3 1 2 3 Resolves 3D structures in maximum 3 levels of stacking
The uses of locking bricks do not affect sensing.
levels
SLIDE 43
Skeleton
SLIDE 44 Using Constrained Delaunay Triangulation
Skeleton
SLIDE 48
SLIDE 49
Basic Utilities of the Magnetic Building Blocks
1 2 3
3 Types of GaussBricks > Sensing Algorithm > 3 Basic Utilities > 3 Advanced Extensions
SLIDE 50
- 1. Interactive Form Construction and Manipulation
SLIDE 51
- 1. Interactive Form Construction and Manipulation
SLIDE 52
- 2. Constructing Elastic Physical Structures
by utilizing repulsions and attractions
SLIDE 53
- 2. Constructing Elastic Physical Structures
by utilizing repulsions and attractions
SLIDE 54
- 3. Constructing Controllers for Near-Surface Interactions
GaussBits
Magnetic Tangible Bits [Liang et al. CHI’13]
SLIDE 55
- 3. Constructing Controllers for Near-Surface Interactions
SLIDE 56
Extending GaussBricks for More Interactivity Actuation brick Touch brick Optic brick
1 2 3
3 Types of GaussBricks > Sensing Algorithm > 3 Basic Utilities > 3 Advanced Extensions
SLIDE 57
- 1. Actuation Bricks enable Shape Changing
servo motor top bottom gear-shaped female connector gear-shaped male connector
SLIDE 58
- 1. Actuation Bricks enable Shape Changing
SLIDE 59
- 1. Actuation Bricks enable Shape Changing
SLIDE 60
- 2. Touch Bricks enable Multitouch Inputs
top bottom conductive coating
SLIDE 61
- 2. Touch Bricks enable Multitouch Inputs
SLIDE 62
- 2. Touch Bricks enable Multitouch Inputs
SLIDE 63 fiber optics bundle
- 3. Optic Bricks enhance Display Capability
SLIDE 64
- 3. Optic Bricks enable Display Capability
SLIDE 65 Hardware 2D TUI Design Space of Portable Displays Token+Surface Constructive Assembly
Capacitance Tags Capacitive Multitouch Display
Attachable Hall-Sensor Grid
[Liang et al. UIST’12]
GaussSense GaussBits
Magnetic Tangible Bits
[Liang et al. CHI’13]
Near-Surface 3D
Conclusion
SLIDE 66 Hardware 2D TUI Design Space of Portable Displays Token+Surface Constructive Assembly
Capacitance Tags Capacitive Multitouch Display CapStones
[Chan et. al. CHI’12]
Attachable Hall-Sensor Grid
[Liang et al. UIST’12]
GaussSense GaussBits
Magnetic Tangible Bits
[Liang et al. CHI’13]
Near-Surface 3D
GaussBricks
Magnetic Building Blocks
Magnetic Building Blocks for Supporting Constructive Tangible Interactions on Portable Displays