You are not logged in.

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

HansNyb

Professional

  • "HansNyb" started this thread

Posts: 936

Location: Denmark

Occupation: Photographer

  • Send private message

1

Monday, December 13th 2010, 3:22pm

Vtour thumbnails configuration help needed

I have been doing some experiments with the stacked thumnails made by the Vtour droplets.
Its a very useful tool but needs some tutorials on how to change it for your designs.

I made a demo here. This is designed to work holding the iPad with both hands and using just your thumbs for all navigation.
http://panoramas.dk/panorama/krpano/vtour/t1.html
I wanted the thumbs to stay when loading panoramas and that was quite easy to do.

I also wanted some buttons to open and close them and then discovered that the thumbnails have no layer order. They go on top of everything what ever you set of zorder on a button.
Thats why I had to place the open thumb not on top of the stack.
Any ideas if zorder is supported in someway.

There seems to be a delay of 4 seconds when you open the thumbs on the iPad. This is irritating as you may believe that they do not rect to your click.
It maybe because of the large number of thumbs however on my small Android Desire Z mobile there is no problem.

I also would like to have the posibility of using the title on top of the thumbs just for a number or timestamp like in the last thumb.
Onhover does not work on iPad.

Also I would like to have the option of opening them horizontally instead of the current vertical alignment.
I can not find anything that works for that. If I set the stageheight to a large number it does but it will not work with many thumbs if the resolutiuon does not give place.
It just disappears to the right side instead of shifting the row to a new one.

Hans

HansNyb

Professional

  • "HansNyb" started this thread

Posts: 936

Location: Denmark

Occupation: Photographer

  • Send private message

2

Monday, December 13th 2010, 11:36pm

I forgot one thing.

It turns out that the way the tool is ordering the sceens are not "Mac like"
I am used to 1,2,3.........9,10,11 and so on but The Krpano tools needs numerical with zero presets 01,02,03....

This is not good if you like to use the titles in correct order. I like my thumbs to have numbers which are easy to identify by the user,
01, 02 does not look good in a a title.

So extra work with editing all titles.

I can see from another thread that there are also others who wants title below or above the thumbs.
Like I have in Tommy's very nice FPP plugin used here. http://360-foto.dk/tadashi/

Hans

3

Monday, December 13th 2010, 11:47pm

Bring Tommy over to the Krpano side too. His work would be awesome here and appreciated too.

VN2009

Professional

Posts: 1,336

Location: Duluth MN

  • Send private message

4

Tuesday, December 14th 2010, 12:16am

RE: Vtour thumbnails configuration help needed


Also I would like to have the option of opening them horizontally instead of the current vertical alignment.
I can not find anything that works for that. If I set the stageheight to a large number it does but it will not work with many thumbs if the resolutiuon does not give place.
It just disappears to the right side instead of shifting the row to a new one.

Hans


Hans I wanted the same thing and found a way to do it. I just swapped every x for a y and every y for an x in this section of code and it worked. It is already wapped here so dont change it back. this code opens the thumbs horizontal.

<action name="openthumb">
if(%2 != NEXT,
set(pos,0);
copy(curpos, plugin[%1].thumbpos);
set(xdst, 0);
set(ydst, 0);
);

if(pos LT curpos,
inc(pos);
inc(xdst,90);
sub(xmax, stagewidth, 100);
if(xdst GT xmax, inc(xdst,90);set(xdst,0); );
openthumb(%1,NEXT);
,
add(ydst,25);
add(xdst,15);
tween(plugin[%1].y, get(ydst) );
tween(plugin[%1].x, get(xdst) );
tween(plugin[%1].width, 80);
tween(plugin[%1].height, 80);
);
</action>

VN2009

Professional

Posts: 1,336

Location: Duluth MN

  • Send private message

5

Tuesday, December 14th 2010, 12:25am

I also wanted some buttons to open and close them and then discovered that the thumbnails have no layer order. They go on top of everything what ever you set of zorder on a button.
Thats why I had to place the open thumb not on top of the stack.
Any ideas if zorder is supported in someway.


this is something else i have also been stuggling with. i had a thought about creating a small white 2:1 equirec and having it chopped up with the rest of the real 360's that would provide the placeholder for the thumb in the stack. I took its thumb into photoshop and changed it into an OPEN thumb. then i ran into your other issue, the naming convention I could not get the 'blank' to stack on top. i am still exploring this option if i find a solution i will post it here. i hope you do also.

VN2009

Professional

Posts: 1,336

Location: Duluth MN

  • Send private message

6

Tuesday, December 14th 2010, 12:48am

I also wanted some buttons to open and close them and then discovered that the thumbnails have no layer order. They go on top of everything what ever you set of zorder on a button.
Thats why I had to place the open thumb not on top of the stack.
Any ideas if zorder is supported in someway.


EDIT: not working

HansNyb

Professional

  • "HansNyb" started this thread

Posts: 936

Location: Denmark

Occupation: Photographer

  • Send private message

7

Tuesday, December 14th 2010, 1:10am

RE: RE: Vtour thumbnails configuration help needed


Also I would like to have the option of opening them horizontally instead of the current vertical alignment.
I can not find anything that works for that. If I set the stageheight to a large number it does but it will not work with many thumbs if the resolutiuon does not give place.
It just disappears to the right side instead of shifting the row to a new one.

Hans


Hans I wanted the same thing and found a way to do it. I just swapped every x for a y and every y for an x in this section of code and it worked. It is already wapped here so dont change it back. this code opens the thumbs horizontal.

<action name="openthumb">
if(%2 != NEXT,
set(pos,0);
copy(curpos, plugin[%1].thumbpos);
set(xdst, 0);
set(ydst, 0);
);

if(pos LT curpos,
inc(pos);
inc(xdst,90);
sub(xmax, stagewidth, 100);
if(xdst GT xmax, inc(xdst,90);set(xdst,0); );
openthumb(%1,NEXT);
,
add(ydst,25);
add(xdst,15);
tween(plugin[%1].y, get(ydst) );
tween(plugin[%1].x, get(xdst) );
tween(plugin[%1].width, 80);
tween(plugin[%1].height, 80);
);
</action>


Great , just one thing missing.
I found it
This
if(xdst GT xmax, inc(xdst,90);set(xdst,0); );
should be this
if(xdst GT xmax, inc(ydst,90);set(xdst,0); );

Working example
http://www.panoramas.dk/panorama/krpano/vtour/t3.html

Hans

8

Thursday, December 16th 2010, 10:59pm

I have a little played today with thumbnails parameters. *g*
Here that from this left:
http://panoramarx.de/domotex/tour.html

HansNyb

Professional

  • "HansNyb" started this thread

Posts: 936

Location: Denmark

Occupation: Photographer

  • Send private message

9

Friday, December 17th 2010, 10:49am

I have a little played today with thumbnails parameters. *g*
Here that from this left:
http://panoramarx.de/domotex/tour.html


Nice setup for them.
I noticed one thing. You got the textstyle working for them. I have been struggling to make that work and I guess I used every combination without luck.
Could you share the code for that. Can't find your xml.

Hans

VN2009

Professional

Posts: 1,336

Location: Duluth MN

  • Send private message

10

Friday, December 17th 2010, 3:11pm

Hans adjust this line of code in the build thumbs action. whenever you use showtext and add a comma after the text that dictates which infostyle the text will use. so it should look like this onhover="showtext(abcdef, textstyle)" you can make hundreds of differnet textstyles.

set(plugin[get(thumbname)].onhover, showtext(get(scenetitle),infostyle2) );

<textstyle name="infostyle2" font="pristina"
origin="center" edge="center" textalign="center" yoffset="0" background="false" border="false"
fontsize="16" textcolor="0x000000" bold="false" effect="glow(0xffffff,0.75,25,4); dropshadow(5,45,0xffff00,4,4);"
showtime="15.0" fadetime="1.0" fadeintime="1.0"
/>

EDIT: i forgot to say that if you do not declare an infostyle it uses the default infostyle. you can see it in the editors xml section if it is not included in your code.

This post has been edited 2 times, last edit by "VN2009" (Dec 17th 2010, 3:52pm)


VN2009

Professional

Posts: 1,336

Location: Duluth MN

  • Send private message

11

Friday, December 17th 2010, 3:54pm

if(pos LT curpos,
inc(pos);
inc(xdst,70);
div(xmax, stagewidth, 2);
if(xdst GT xmax, inc(ydst,-70);set(xdst,0); );
openthumb(%1,NEXT);

chagned that section of code now the thumbs only build to 50% of screen width then start to stack. this is what i needed, jsut provided the code so others can start to manipulate the way the thumbs open.

HansNyb

Professional

  • "HansNyb" started this thread

Posts: 936

Location: Denmark

Occupation: Photographer

  • Send private message

12

Friday, December 17th 2010, 4:00pm

Thanks, that made it, don.t know why I missed that combination.
Now please Klaus can you get some code to make it work on iPads also.

Hans

HansNyb

Professional

  • "HansNyb" started this thread

Posts: 936

Location: Denmark

Occupation: Photographer

  • Send private message

13

Friday, December 17th 2010, 5:55pm

The centered text works very nice. I was hoping that the delayed timing could make it useable for iPad also by setting it to onclick but it does not work at all.

On Android it works but the onover is very sensitive and also loads the pano.

Hans

jschrader

Intermediate

Posts: 237

Location: Bavaria, Germany

Occupation: Photographer, Producer

  • Send private message

14

Wednesday, January 5th 2011, 5:20pm

Thank you guys for what you have found out so far.
It laready helped a lot ;)

Today I ran into a problem because i want bigger thumbnails but can't find the parameters I'd have to change to give them the desired quality.
If I just change the size they look just like upscaled from small sizes, but I can't figure out what else I should change.

Source code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
	<!-- thumbnail actions begin (remove the 'buildthumbs()' call in the onstart event to remove the thumbs) -->
	<action name="buildthumbs">
		if(%1 != NEXT, set(i,0));
		if(i LT scene.count,
			copy(thumb, scene[get(i)].thumburl);
			txtadd(thumbname,'thumb_',get(i));
			addplugin(get(thumbname));
			set(plugin[get(thumbname)].url, get(thumb));
			set(plugin[get(thumbname)].keep, true);
			set(plugin[get(thumbname)].align, leftbottom);
			set(plugin[get(thumbname)].width,  310);
			set(plugin[get(thumbname)].height, 234);
			set(plugin[get(thumbname)].x, 10);
			set(plugin[get(thumbname)].y, 10);
			mul(plugin[get(thumbname)].x, i,3);
			mul(plugin[get(thumbname)].y, i,3);
			add(plugin[get(thumbname)].x, 5);
			add(plugin[get(thumbname)].y, 5);
			copy(plugin[get(thumbname)].xsmall, plugin[get(thumbname)].x);
			copy(plugin[get(thumbname)].ysmall, plugin[get(thumbname)].y);
			add(plugin[get(thumbname)].zorder, 100, i);
			set(plugin[get(thumbname)].effect,glow(0xFFFFFF,1.0,2,10000));
			set(plugin[get(thumbname)].jsborder,'1px solid #FFFFFF');
			copy(plugin[get(thumbname)].thumbpos, i);
			set(plugin[get(thumbname)].linkedscene, get(scene[get(i)].name) );
			set(plugin[get(thumbname)].onclick, openthumbs() );
			inc(i);
			buildthumbs(NEXT);
		  );
	</action>

	<action name="openthumb">
		if(%2 != NEXT,
			set(pos,0);
			copy(curpos, plugin[%1].thumbpos);
			set(xdst, 0);
			set(ydst, 0);
		  );

		if(pos LT curpos,
			inc(pos);
			inc(ydst,250);
			sub(ymax, stageheight, 100);
			if(ydst GT ymax, inc(xdst,326);set(ydst,0); );
			openthumb(%1,NEXT);
		  ,
			add(xdst,10);
			add(ydst,10);
			tween(plugin[%1].x, get(xdst) );
			tween(plugin[%1].y, get(ydst) );
			tween(plugin[%1].width, 310);
			tween(plugin[%1].height, 234);
		  );
	</action>

	<action name="closethumb">
		tween(plugin[%1].x, get(plugin[%1].xsmall));
		tween(plugin[%1].y, get(plugin[%1].ysmall));
		tween(plugin[%1].width, 64);
		tween(plugin[%1].height, 64);
	</action>

	<action name="openthumbs">
		if(%1 != NEXT,
			set(i,0);
			set(events.onclick, set(events.onclick,null); delayedcall(0.1, closethumbs() ); );
		  );

		if(i LT scene.count,
			txtadd(thumbname,'thumb_',get(i));
			openthumb(get(thumbname));
			set(plugin[get(thumbname)].onclick, set(events.onclick,null); closethumbs(); loadscene(get(linkedscene),null,MERGE,BLEND(1)); );
			inc(i);
			openthumbs(NEXT);
		  );
	</action>

	<action name="closethumbs">
		if(%1 != NEXT, set(i,0));
		if(i LT scene.count,
			txtadd(thumbname,'thumb_',get(i));
			closethumb(get(thumbname));
			set(plugin[get(thumbname)].onclick, openthumbs() );
			inc(i);
			closethumbs(NEXT);
		  );
	</action>
	<!-- thumbnail actions end -->


Thanks
J├╝rgen

HansNyb

Professional

  • "HansNyb" started this thread

Posts: 936

Location: Denmark

Occupation: Photographer

  • Send private message

15

Wednesday, January 5th 2011, 6:08pm

You have to change the size in the Vtour.config (vtour-mres.config)
like this

makethumb=true
thumbsize=200

According to the standard kmakemultires.config you should also be able to do rectangular thumbs but this does not work, at least not in the vtour.

# makethumb / thumbsize (new)
# - make a small thumbnail image
# - for makescene=true templates that use thumbnails
# - only for cubical or to cube converted input images
# - thumbsize - width/height in pixels
# - a image named "thumb.jpg" will be created in the tiles folder
# - and a "thumburl" attribute with the path of the thumb image
# will be added to the <scene> tag
#
makethumb=false
thumbsize=200/100

I just get 200x200 for the above setting.

Please Klaus we need this. BTW I also asked for an option to put all thumbs in a separate directory for easy editing, but that may not be possible as I can see all thumbs are just called thumb.jpg

Hans

VN2009

Professional

Posts: 1,336

Location: Duluth MN

  • Send private message

16

Wednesday, January 5th 2011, 6:15pm

great find Hans. yes you would need to adjust the config file otherwise you will just be scaling the 80x80 thumbs to your desired size. I have not tested those settings yet it would be nice to have the option for rectanglular thumbs, but it seems Hans may have found a bug if it desreguards the height.

HansNyb

Professional

  • "HansNyb" started this thread

Posts: 936

Location: Denmark

Occupation: Photographer

  • Send private message

17

Wednesday, January 5th 2011, 6:25pm

I just run a test with the standard multiresolution tool where I found the above code.
'It does not work there either so unless I misunderstand the way it is configured it is a BUG.

Hans

18

Wednesday, January 5th 2011, 9:51pm

Here is a test that I used a rectangle box. I did not change the "thumbsize" option when making the thumbs but do plan to make that change.

Look in my tour.xml for the number changes. I replaced the widths to 160 from 80. Hans, More than likely your thumbnail was created the proper size but your settings keep it from being displayed completely. Check the image in PS.


http://www.texasvirtualtours.com/test/nadir/tour.html


Jarred

HansNyb

Professional

  • "HansNyb" started this thread

Posts: 936

Location: Denmark

Occupation: Photographer

  • Send private message

19

Wednesday, January 5th 2011, 10:43pm

Have already done that. They are square in the size of the first number

Hans

20

Wednesday, January 5th 2011, 11:11pm

Yeah, I found what you are talking about.

# - thumbsize - width/height in pixels

But I guess it just makes a smaller version of the cube.


Jarred