You are not logged in.

> The forum rules have been updated. Please take a moment to read them.


#1 2013-02-03 00:12:40

ATXcloud
Member
From: AUSTIN, TX USA
Registered: 2011-06-06
Posts: 67

Navigation buttons alined vertically on Left & Right edge

I've noticed that many ipad users perfer to hold the ipad with both hands and navigate with their thumbs to touch drag rotate.  The buttons on the bottom edge are never used.  It would be a lot more intuitive for ipad users to have the left rotation button on the center left edge, the right rotation button center edge, just like a video game console.

To expand on this,  on the left edge,  above and bellow the moveleft button should be the zoom in & zoom out buttons.  On the right edge, above & below the moveright button should be the moveup & movedown buttons.

On the bottom edge center, the full screen, auto-rotation, Information, and hide all logos/buttons icons.

I've been struggling to rearrange (unsuccessfully) the buttons by editting the main build.xml ***menu***  <plugin name= leftmenutxt; rightmenutxt; leftstyle; rightstyle; moveleft; moveright; move up; move down; zoomin; zoomout; etc... .

Finding that I can successfully create bottommenutext; bottomstyle.  But not able to create a verticly aligned menu of buttons for the left & right edge. 

I've tried create new plugin such as: 1rightstyle, 2rightstyle, 3rightstyle... deffine different y values to place the zoomin/out & moveup/down in vertical alignment with moveleft/moveright. But they remain on the same y axis plane.

Anybody here can help share some xml to accomplish this?
[anticipating: "ptp 2.0 can do this just wait"]

- Andrew

Last edited by ATXcloud (2013-02-03 00:28:25)

Offline

 

#2 2013-02-03 00:34:06

Destiny
Moderator
From: Australia
Registered: 2010-04-27
Posts: 2355
Website

Re: Navigation buttons alined vertically on Left & Right edge

Hi Andrew...

You might find this useful.. http://www.kolor.com/forum/p94556-2012- … -19#p94556

Destiny..


Virtual Tours and 3D/360 Object/Product Photographer - Our aim is to create a 3D/360 Virtual Tour Shop/Store with links to 3D/360 degree products. My gear, VR Drive II - D90 - Nikon 10.5 fisheye - Nikon D800 with Nikon-Nikkor 14-24 - NOVOFLEX Magic Balance - Acratech GP Ball-head - Nodal Ninja 4 + RD-16 Rotor - Manfrotto 190CXPRO4 Carbon Fiber Tripod smile smile

Offline

 

#3 2013-02-03 00:39:05

gkaefer
Member
From: Salzburg
Registered: 2009-06-09
Posts: 2676
Website

Re: Navigation buttons alined vertically on Left & Right edge

... but thats not all of the story wink

x,y coordinates are relative distance from the align point to the edge:
http://www.krpano.com/docu/xml/#plugin.x
http://www.krpano.com/docu/xml/#plugin.align
http://www.krpano.com/docu/xml/#plugin.edge
and for overview for the relations between the values:
http://www.krpano.com/docu/xml/pluginalignment.png
source: http://www.krpano.com/docu/xml/#pluginpositioning

PS: ptp 1.8 xml code: the plugins are placed by default:

Code:

align="bottom"

and unwritten in ptp code is the edge statement, that means:

When NOT set (the default) the same setting as in the align attribute will be used.

Georg

Last edited by gkaefer (2013-02-03 00:51:49)

Offline

 

#4 2013-02-03 00:56:46

ATXcloud
Member
From: AUSTIN, TX USA
Registered: 2011-06-06
Posts: 67

Re: Navigation buttons alined vertically on Left & Right edge

Destiny & Georg:  you guys rock, high five from Texas.  You've always helped me out everytime!  I did look into krpano documentation in attempts to solve this vision myself.

While i was successful for X corrodinate, for some reason I am struggling with the y coordinate.   Maybe my eyes are going cross eyed while learning the relations between leftmenutxt... leftstyle...  moveleft plugins.  I am able to get the left menu to the left edge... but im not able to get the zoomin above the moveleft.  Hence why I was experimenting with <plugin name=left1...y="55"> <plugin name=left2...y="45"><plugin name=left3...y="35">  Oddly enough, they remain on the same Y axis.     

I'll keep on experimenting...

Last edited by ATXcloud (2013-02-03 01:29:32)

Offline

 

#5 2013-02-03 01:32:28

Destiny
Moderator
From: Australia
Registered: 2010-04-27
Posts: 2355
Website

Re: Navigation buttons alined vertically on Left & Right edge

Hi... smile..

You can set your menu buttons to left but the Y normally start on the base at 10, just off the bottom. You can then put each adjoining menu button about y 20, y 40, y 60 etc.. This will keep your menu set to the left and stacked on top of each other..

I am currently trying to make an xy interactive coordinates template with a visual reference when mouse over.. The issues I am having is I need two templates.... The menu sets begin from 0 relative to the browser window which is the middle of the pano.., which provides the -X and +X but you do not put + value, its just X. I did a course in programming CNC (Computer Numeric Controlled) robots.. ptp works in a similar way but without the Z value which is the 3rd dimension..

The the other xy interactive coordinates template is based on the actual 360 and 180 of the pano.. This rectangle hotspot template will give you some ideas on how the y value works with your menu sets..

http://www.kolor.com/forum/p109647-2013 … 24#p109647

This will allow users to gain a visual display of the exact xy reference of a hotspot or feature within the pano. I guess it will be like a utility tool.

Destiny


Virtual Tours and 3D/360 Object/Product Photographer - Our aim is to create a 3D/360 Virtual Tour Shop/Store with links to 3D/360 degree products. My gear, VR Drive II - D90 - Nikon 10.5 fisheye - Nikon D800 with Nikon-Nikkor 14-24 - NOVOFLEX Magic Balance - Acratech GP Ball-head - Nodal Ninja 4 + RD-16 Rotor - Manfrotto 190CXPRO4 Carbon Fiber Tripod smile smile

Offline

 

#6 2013-02-03 01:39:00

gkaefer
Member
From: Salzburg
Registered: 2009-06-09
Posts: 2676
Website

Re: Navigation buttons alined vertically on Left & Right edge

ATXcloud wrote:

Destiny:  you rock, high five from Texas.  However, while i was successful for X corrodinate, for some reason I am struggling with the y coordinate.   Maybe my eyes are going cross eyed while learning the relations between leftmenutxt... leftstyle...  moveleft plugins.  I can get the left menu to the left edge... but im not able to get the zoomin above the moveleft. 

Georg:  Also, high five.  You've also helped me out everytime.  Came across this on the krpano documentation before asking here... any thoughts on y axis as mentioned?

I'll keep on experimenting...

if you change the align="bottom" to align="left" than also the edge value changed by default to "left"
each button of the ptp 1.8 default navbar can be found in the main xml file a seperate plugin. each holding x,y,align values.
change value of align to left.
than every positive x value is the distance from left panoborder to the icon (the center of left border of the icon)
a negative y value now is the pixel distance of the left center point of the left icon side (the x coordinate) towards top frameside of the pano.

in above image lets do an example:

x=10 (the middle of left panoframe 10 pixel to center of the pano)
y=-100 (from point x 100 pixels in direction of panoframe top)
y=100 (from point x 100 pixel in direction of panoframe bottom)
y=0 (from point x 0 pixel away)

so if your navbar does have lets say 5 buttons you could place them on the same x value but using y values like ...,-60,-40,-20,0,+20,+40,+60,... (if you icons is less than 20pixel high...)

Georg

Last edited by gkaefer (2013-02-03 01:42:01)

Offline

 

#7 2013-02-03 01:59:00

Destiny
Moderator
From: Australia
Registered: 2010-04-27
Posts: 2355
Website

Re: Navigation buttons alined vertically on Left & Right edge

Here you go... George beat me to it.. big_smile

This menu code will give you this menu array...

Destiny...

PS.. Thank you for the kind and supportive email... wink cool

<plugin name="in" align="left" crop="0|0|65|65" height="prop" keep="true" ondown="set(fov_moveforce,-1);" onout="" onover="" onovercrop="0|65|65|65" onup="set(fov_moveforce,0);" url="virtualtourdata/graphics/menu/menu0.png" width="40" x="0" y="-60"/>
    <plugin name="out" align="left" crop="0|0|65|65" height="prop" keep="true" ondown="set(fov_moveforce,+1);" onout="" onover="" onovercrop="0|65|65|65" onup="set(fov_moveforce,0);" url="virtualtourdata/graphics/menu/menu1.png" width="40" x="0" y="-20"/>
    <plugin name="left" align="left" crop="0|0|65|65" height="prop" keep="true" ondown="set(hlookat_moveforce,-1);" onout="" onover="" onovercrop="0|65|65|65" onup="set(hlookat_moveforce,0);" url="virtualtourdata/graphics/menu/menu2.png" width="40" x="0" y="20"/>
    <plugin name="right" align="left" crop="0|0|65|65" height="prop" keep="true" ondown="set(hlookat_moveforce,+1);" onout="" onover="" onovercrop="0|65|65|65" onup="set(hlookat_moveforce,0);" url="virtualtourdata/graphics/menu/menu3.png" width="40" x="0" y="60"/>
    <plugin name="up" align="left" crop="0|0|65|65" height="prop" keep="true" ondown="set(vlookat_moveforce,-1);" onout="" onover="" onovercrop="0|65|65|65" onup="set(vlookat_moveforce,0);" url="virtualtourdata/graphics/menu/menu4.png" width="40" x="00" y="100"/>
    <plugin name="down" align="left" crop="0|0|65|65" height="prop" keep="true" ondown="set(vlookat_moveforce,+1);" onout="" onover="" onovercrop="0|65|65|65" onup="set(vlookat_moveforce,0);" url="virtualtourdata/graphics/menu/menu5.png" width="40" x="00" y="140"/>
    <plugin name="home" align="left" crop="0|0|65|65" height="prop" keep="true" onclick="lookto(get(panoview.h),get(panoview.v),get(panoview.fov),smooth(100,20,50));" onout="" onover="" onovercrop="0|65|65|65" url="virtualtourdata/graphics/menu/menu6.png" width="40" x="0" y="2000"/>


Uploaded Images


Virtual Tours and 3D/360 Object/Product Photographer - Our aim is to create a 3D/360 Virtual Tour Shop/Store with links to 3D/360 degree products. My gear, VR Drive II - D90 - Nikon 10.5 fisheye - Nikon D800 with Nikon-Nikkor 14-24 - NOVOFLEX Magic Balance - Acratech GP Ball-head - Nodal Ninja 4 + RD-16 Rotor - Manfrotto 190CXPRO4 Carbon Fiber Tripod smile smile

Offline

 

#8 2013-02-03 02:02:11

ATXcloud
Member
From: AUSTIN, TX USA
Registered: 2011-06-06
Posts: 67

Re: Navigation buttons alined vertically on Left & Right edge

Solid!  You guys are brilliant!

I just notice... i was working from the customizing menu tutorial theme template as oppose to the PTP standard template.  There are a few additional plugins (leftstyle & leftmenutext) that were causing additional complications.  Way easier to tweak with the standard. 

Thank you once again for the help!

[SOLVED]

Last edited by ATXcloud (2013-02-03 02:32:52)

Offline

 

Board footer

Powered by PunBB
© Copyright 2002–2005 Rickard Andersson