Porthole: A spatial interface to provide scrolling, zooming- in, and zooming-out.
-
date post
19-Dec-2015 -
Category
Documents
-
view
231 -
download
1
Transcript of Porthole: A spatial interface to provide scrolling, zooming- in, and zooming-out.
![Page 1: Porthole: A spatial interface to provide scrolling, zooming- in, and zooming-out.](https://reader036.fdocuments.net/reader036/viewer/2022062313/56649d2f5503460f94a070a6/html5/thumbnails/1.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062313/56649d2f5503460f94a070a6/html5/thumbnails/2.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062313/56649d2f5503460f94a070a6/html5/thumbnails/3.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062313/56649d2f5503460f94a070a6/html5/thumbnails/4.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062313/56649d2f5503460f94a070a6/html5/thumbnails/5.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062313/56649d2f5503460f94a070a6/html5/thumbnails/6.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062313/56649d2f5503460f94a070a6/html5/thumbnails/7.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062313/56649d2f5503460f94a070a6/html5/thumbnails/8.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062313/56649d2f5503460f94a070a6/html5/thumbnails/9.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062313/56649d2f5503460f94a070a6/html5/thumbnails/10.jpg)
How to RealizeHow to RealizeScrolling
virtual space real space
![Page 11: Porthole: A spatial interface to provide scrolling, zooming- in, and zooming-out.](https://reader036.fdocuments.net/reader036/viewer/2022062313/56649d2f5503460f94a070a6/html5/thumbnails/11.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062313/56649d2f5503460f94a070a6/html5/thumbnails/12.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062313/56649d2f5503460f94a070a6/html5/thumbnails/13.jpg)
Framework of the system
A map viewerA map viewer
![Page 14: Porthole: A spatial interface to provide scrolling, zooming- in, and zooming-out.](https://reader036.fdocuments.net/reader036/viewer/2022062313/56649d2f5503460f94a070a6/html5/thumbnails/14.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062313/56649d2f5503460f94a070a6/html5/thumbnails/15.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062313/56649d2f5503460f94a070a6/html5/thumbnails/16.jpg)
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.](https://reader036.fdocuments.net/reader036/viewer/2022062313/56649d2f5503460f94a070a6/html5/thumbnails/17.jpg)
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