porthole: a spatial interface to provide scrolling, zooming- in, and zooming-out

17
Porthole: A spatial interface to provide scrolling, zooming- in, and zooming-out

Post on 19-Dec-2015

231 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Porthole: A spatial interface to provide scrolling, zooming- in, and zooming-out

Porthole: A spatial interface to provide scrolling, zooming-

in, and zooming-out

Porthole: A spatial interface to provide scrolling, zooming-

in, and zooming-out

Page 2: Porthole: A spatial interface to provide scrolling, zooming- in, and zooming-out

IntroductionIntroduction

How do you see a Large Image

within a Limited Screen?

A successful answerA main screen to display part of the image

A sub window to display the entire image

Page 3: Porthole: A spatial interface to provide scrolling, zooming- in, and zooming-out

IntroductionIntroduction

Our answer came from a Porthole.

In our system,

Scrolling, Zooming-in, and Zooming-outA spatial interface to

based on Porthole Metaphor

More direct, intuitive, easier access.

Page 4: Porthole: A spatial interface to provide scrolling, zooming- in, and zooming-out

View Scene

Viewpoint

Porthole MetaphorPorthole Metaphor

Front-Position Near-PositionFar-Position

Visual Effects

while Walking around.

It describes

Terms

View: an area within which we see.Scene: an image that is seen through the view.

Viewpoint: a point from which we see.

Page 5: Porthole: A spatial interface to provide scrolling, zooming- in, and zooming-out

Porthole MetaphorPorthole Metaphor

The scene flows to the reverse.

Front-Position Near-PositionFar-Position

Page 6: Porthole: A spatial interface to provide scrolling, zooming- in, and zooming-out

Front-Position Near-PositionFar-Position

The view is contracted and the scene is narrowed.

Porthole MetaphorPorthole Metaphor

Page 7: Porthole: A spatial interface to provide scrolling, zooming- in, and zooming-out

The view is expanded and the scene is widened.

Front-Position Far-Position Near-Position

Porthole MetaphorPorthole Metaphor

Page 8: Porthole: A spatial interface to provide scrolling, zooming- in, and zooming-out

Scrolling Zooming-outZooming-in

As if the scene was narrowed.

As if the scene flowed.

As if the scene was widened.

Porthole MetaphorPorthole Metaphor

Page 9: Porthole: A spatial interface to provide scrolling, zooming- in, and zooming-out

Front-Position Near-PositionFar-Position

Scrolling Zooming-outZooming-in

The Basic Idea of

A spatial interface to Scrolling, Zooming-in, and Zooming-out based on Porthole metaphor

Porthole MetaphorPorthole Metaphor

Page 10: Porthole: A spatial interface to provide scrolling, zooming- in, and zooming-out

How to RealizeHow to RealizeScrolling

virtual space real space

Page 11: Porthole: A spatial interface to provide scrolling, zooming- in, and zooming-out

How to RealizeHow to Realize

Zooming-outZooming-in

H/h = ACCd * (xr / xhome – 1.0) +1.0

virtual space

real space

Page 12: Porthole: A spatial interface to provide scrolling, zooming- in, and zooming-out

A map viewerA map viewerA map viewer system

Web camerastrack the user’s viewpoint.

A screenprojects imagesas if you have seenthrough a porthole.

Screen sizeHeight 27.5cmWidth 35.6cm

Page 13: Porthole: A spatial interface to provide scrolling, zooming- in, and zooming-out

Framework of the system

A map viewerA map viewer

Page 14: Porthole: A spatial interface to provide scrolling, zooming- in, and zooming-out

Examples of Viewing A map viewerA map viewer

Initial Settings

200cm

200cm

The vicinity of BOSTON

150cm

Home plane

Screen

ACCv = 7.3 (200cm/27.5cm)

ACCh = 5.6 (200cm/35.6cm)

ACCd = 2.0

27.5cm

35.6cm

Page 15: Porthole: A spatial interface to provide scrolling, zooming- in, and zooming-out

18cm

18cm

Examples of Viewing A map viewerA map viewer

Viewing of Scrolling

Page 16: Porthole: A spatial interface to provide scrolling, zooming- in, and zooming-out

Examples of Viewing A map viewerA map viewer

Viewing of Zooming-in & Zooming-out

100cm 220cm

Page 17: Porthole: A spatial interface to provide scrolling, zooming- in, and zooming-out

ConclusionsConclusions

Porthole Metaphor was introduced as three visual effects;Front-Position, Far-Position, and Near-Position.

The similarity between these three visual effects and those of Scrolling, Zooming-in, and Zooming-out was focused on.

A spatial interface to Scrolling, Zooming-in, and Zooming-out was proposed based on Porthole Metaphor.

Contributions