  |
|
|  | |||||
| ||||||
| | | ||||
Like PMVR? Please VOTE for it! (no forms--clicking on this link will register your vote)
 Order personal use license now
|
|
|
A unique feature of PMVR is the optional 'FloorPlan' applet, which greatly
enhances a persons ability to walk through a 'mapable' environment and
understand 'direction' in the currently displayed panoramic view.
|
|
|
| ||||
| Having problems viewing the panoramic? | ||||
|
<applet code="pmvr.class" width=500 height=252> <param name="image" value="images/upperporch360.jpg"> <param name="view" value="360"> <param name="center" value="2222"> <param name="pixdeg" value="0=76,570=354,1680=186,2304=76"> </applet> <applet code="FloorPlan.class" name="FloorPlan" width=205 height=252> <param name="image" value="images/secondfloor.gif"> <param name="x" value="100"> <param name="y" value="492"> </applet> |
|
Make sure that you change the 'height' listed above in blue to match the height of your panoramic image (not absolutely required, but recommended) and that you change 'yourpan.jpg' listed above in blue to be the name of your saved panoramic (required). If your panoramic image is not a full 360 degree image, you can remove the 'view' param line above.
<applet code="pmvr.class" width=500 height=300>
<param name="image" value="yourpan.jpg">
<param name="view" value="360">
</applet>
Just make sure to change the FloorPlan applet width (205) and height (300) to a good size and change 'yourplan.gif' to match the name of your floorplan. Next, change the 'x' (100) and 'y' (492) parameters to reflect the location on the floorplan where the panorama was captured. View the HTML until you are happy with the settings -- but the FloorPlan hilight will not appear, just the hilight dot. The final step to adding FloorPlan support is to add a pixdeg param into the above pmvr applet, which will make the FloorPlan hilight appear and work. For example, add the following into the pmvr applet (note: the pmvr applet, not the FloorPlan applet):
<applet code="FloorPlan.class" name="FloorPlan" width=205 height=300>
<param name="image" value="yourplan.gif">
<param name="x" value="100">
<param name="y" value="492">
</applet>
Where you replace 2000 with the pixel width of your panorama. While this is not the pixdeg that you will finally use, you should be able to see a FloorPlan highlight on your floorplan. Now use the PMVR 'pixdeg' Tutorial to learn how to set up a pixdeg for your panorama.
<param name="pixdeg" value="0=90,2000=90">
|
|
Where the possible name/value are described in the tables below.
<param name=name value=value>
| pmvr.class Java Applet Parameters | ||
| name | value | Description |
| image | URL | The URL to a panoramic image (JPG) to display (sample image) |
| view | Integer | The panoramic image width, in degrees (1-360). |
| auto | Integer | Horizontal auto scroll one pixel every specified number of milliseconds |
| vauto | Integer | Vertical auto scroll one pixel every specified number of milliseconds [2.3a] |
| center | Integer | Initializes viewing centered (horizontal) at this pixel location |
| vcenter | Integer | Initializes viewing centered (vertical) at this pixel location [2.1d] |
| links | URL | The URL to a links file (hot spots), where each line is a link-spec [2.2a] |
| link# | link-spec | Creates a linkable hot spot (an alternative to the links file) |
| hover | String | Is hot spot hilight displayed as user hovers [yes/no] (default: no) [3.0a] |
| ll | ll-spec | Links pmvr hot spots to FloorPlan hot spots [3.0a] |
| pixdeg | pixdeg-spec | For use with the FloorPlan applet to specify viewing direction |
| floorplan | String | The FloorPlan applet name (default: FloorPlan) |
| logo | URL | The logo image to display at startup [2.2a] |
| delay | Integer | Delay in milliseconds before auto scroll restarts (default: 30000) [2.3b] |
| arrows | String | Are left/right scroll arrows displayed [yes/no] (default: yes) [2.3b] |
| zoom | String | Is zoom control displayed [yes/no] (default: yes) [2.4a] |
| background | hex-color | Color of applet background (default gray: C0C0C0) [2.1c] |
| cHelp | hex-color | Color of help boxes (default light yellow: FFFFC0) [2.4a] |
| cArrow | hex-color | Color of left/right arrows (default yellow: FFFF00) [2.4a] |
| cZoom | hex-color | Color of zoom circle (default light green: 40FF40) [2.4a] |
| cHot | hex-color | Color of hot spot hilight (default yellow: FFFF00) [2.5a] |
| zMax | Integer | Maximum zoom in as a percentage: 200=x2, 250=x2.5 (default: 400) |
| FloorPlan.class Java Applet Parameters | ||
| name | value | Description |
| image | URL | The URL to a floor plan image (GIF/JPG/etc) to display (sample image) |
| x | Integer | The X (horizontal) pixel location on map where hilight arc is centered |
| y | Integer | The Y (vertical) pixel location on map where hilight arc is centered |
| links | URL | The URL to a links file (hot spots), where each line is a link-spec |
| link# | link-spec | Creates a linkable hot spot (an alternative to the links file) [2.1e] |
| hover | String | Is hot spot hilight displayed as user hovers [yes/no] (default: no) [3.0a] |
| ll | ll-spec | Links FloorPlan hot spots to pmvr hot spots [3.0a] |
| spots | URL | The URL to a spots file, where each line is a spot-spec [3.0a] |
| spot# | spot-spec | Creates an image overlay/spot (an alternative to the spots file) [3.0a] |
| gray | Integer | The percentage amount to gray the non-'hilight arc' (default: 20) [3.0b] |
| background | hex-color | Color of applet background (default gray: C0C0C0) [2.1c] |
| cHelp | hex-color | Color of help boxes (default light yellow: FFFFC0) [2.4a] |
| cLine | hex-color | Color of hilight lines (default blue: 0000FF) [2.4a] |
| cDot | hex-color | Color of hilight dot (default yellow: FFFF00) [2.4a] |
| Region Type | Sample link-spec (see num-list below for more info) |
| x-axis section | 100,200,greatroom.html in _blank,Great Room |
| circle | 300,100,50,kitchen.html,Kitchen |
| rectangle | 400,100,500,200,http://www.duckware.com,Duckware |
| polygon | 100,0,200,200,0,200,pergola.html,Pergola |
| Type | Sample url-target |
| relative | kitchen.html |
| absolute | http://www.xyz.com |
| target | http://www.duckware.com in _top |
| javascript | javascript:alert('Clicked!') |
| comment | - |
| Region Type | num-list specification | Sample num-list | area below |
| x-axis section | left,right | 100,200 | X |
| circle | x-center,y-center,radius | 300,100,50 | C |
| rectangle | left,top,right,bottom | 400,100,500,200 | R |
| polygon | x1,y1,x2,y2,....,xn,yn | 600,50,700,150,600,250, 550,200,600,150,550,100 | P |
|
| Can an applet in test.html access... | ||
this image when run from  | http://www.xyz.com/tours/ | c:/tours/ |
| ../pan1.jpg | yes | NO |
| ../images/pan2.jpg | yes | NO |
| ./pan3.jpg | yes | yes |
| ./images/pan4.jpg | yes | yes |
| http://www.xyz.com/any.jpg | NO | NO |
|
code=class-filename -- code="pmvr.class" -- The filename of the applet to load (which always ends in .class). It will load from the directory/folder listed by the codebase attribute listed below.
<applet
code=class-filename
width=pixels
height=pixels
name=instance-name
codebase=url
align=alignment
vspace=pixels
hspace=pixels
MAYSCRIPT
>
<param name=parameter1 value=value1>
<param name=parameter2 value=value2>
. . .
alternateHTML
</applet>
|
public void set( String name, String value )
|
<applet name="pmvr" code="pmvr.class" width=500 height=300> ... </applet> |
|
document.pmvr.set('image','newimage.jpg'); document.pmvr.set('auto','20'); document.pmvr.set('center','1568'); |
|
<applet MAYSCRIPT code="pmvr.class" width=500 height=300> ... </applet> |
|
Any HTML files that need to access the pmvr.class and FloorPlan.class applets just have a codebase attribute in the APPLET tag that uses a relative URL to point back to the class files. For example, the codebase attribute in APPLET tags in /tours/tour1/index.html will look like:
/tours
pmvr.class
FloorPlan.class
tour1/
index.html -- applets use codebase=".." to access applet code
kitchen.jpg
bedroom.jpg
east/
tour2/
index.html -- applets use codebase="../.." to access applet code
gulf.jpg
beach.jpg
tour3/
.
.
potentially thousands more tours
A codebase of ".." is needed within /tours/tour1/ to reference the class files back one directory in /tours/. This works because ".." means 'go back one folder/directory'. As another example, the codebase attribute in the APPLET tags in /tours/east/tour2/index.html will look like:
<applet codebase=".." code="pmvr.class" width=400 height=200>
. . .
</applet>
Where a codebase of "../.." is needed within /tours/east/tour2/ to reference the class files back two directories in /tours/.
<applet codebase="../.." code="pmvr.class" width=300 height=150>
. . .
</applet>
|
|
readme.html - view this file first in your web browser pmvr.class - the pmvr Java applet FloorPlan.class - the FloorPlan Java applet images/*.* - images directory |
|
Order personal (non-commercial) license for $29.95Please refer to the order page and license usage information page for details. If you need more than a 100-image license, you should consider becoming a reseller.
Order 2-image, business use license for $29.95
Order 10-image, business use license for $99.95
Order 25-image, business use license for $199.95
Order 100-image, business use license for $499.95
|
|
| JavaBoutique - Featured as Applet of the week |
| JARS - top 5% of all applets |
| ZDNet - 5 out of 5 stars |
|
|
|
|
|
Alberta Webride
- A 360 Degree Visual Journey around Southern Alberta
i/ota Internet Services
- virtual tour provider in Fort Pierce, Florida
|
· 
