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

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

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.

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.

Porthole MetaphorPorthole Metaphor

The scene flows to the reverse.

Front-Position Near-PositionFar-Position

Front-Position Near-PositionFar-Position

The view is contracted and the scene is narrowed.

Porthole MetaphorPorthole Metaphor

The view is expanded and the scene is widened.

Front-Position Far-Position Near-Position

Porthole MetaphorPorthole Metaphor

Scrolling Zooming-outZooming-in

As if the scene was narrowed.

As if the scene flowed.

As if the scene was widened.

Porthole MetaphorPorthole Metaphor

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

How to RealizeHow to RealizeScrolling

virtual space real space

How to RealizeHow to Realize

Zooming-outZooming-in

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

virtual space

real space

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

Framework of the system

A map viewerA map viewer

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

18cm

18cm

Examples of Viewing A map viewerA map viewer

Viewing of Scrolling

Examples of Viewing A map viewerA map viewer

Viewing of Zooming-in & Zooming-out

100cm 220cm

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