Sie sind nicht angemeldet.

Vtour thumbnails configuration help needed

Lieber Besucher, herzlich willkommen bei: krpano.com Forum. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

  • 1
  • 2

HansNyb

Profi

  • »HansNyb« ist der Autor dieses Themas

Beiträge: 1 063

Wohnort: Denmark

Beruf: Photographer

  • Nachricht senden

1

Montag, 13. Dezember 2010, 15:22

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

Profi

  • »HansNyb« ist der Autor dieses Themas

Beiträge: 1 063

Wohnort: Denmark

Beruf: Photographer

  • Nachricht senden

2

Montag, 13. Dezember 2010, 23:36

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

Jarredja

Profi

Beiträge: 1 058

Wohnort: LA

  • Nachricht senden

3

Montag, 13. Dezember 2010, 23:47

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

VN2009

Profi

Beiträge: 1 336

Wohnort: Duluth MN

  • Nachricht senden

4

Dienstag, 14. Dezember 2010, 00:16

RE: Vtour thumbnails configuration help needed

Zitat von »HansNyb«


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

Profi

Beiträge: 1 336

Wohnort: Duluth MN

  • Nachricht senden

5

Dienstag, 14. Dezember 2010, 00:25

Zitat von »HansNyb«

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

Profi

Beiträge: 1 336

Wohnort: Duluth MN

  • Nachricht senden

6

Dienstag, 14. Dezember 2010, 00:48

Zitat von »HansNyb«

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

Profi

  • »HansNyb« ist der Autor dieses Themas

Beiträge: 1 063

Wohnort: Denmark

Beruf: Photographer

  • Nachricht senden

7

Dienstag, 14. Dezember 2010, 01:10

RE: RE: Vtour thumbnails configuration help needed

Zitat von »VN2009«

Zitat von »HansNyb«


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

panoramarx.de

Anfänger

Beiträge: 3

  • Nachricht senden

8

Donnerstag, 16. Dezember 2010, 22:59

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

HansNyb

Profi

  • »HansNyb« ist der Autor dieses Themas

Beiträge: 1 063

Wohnort: Denmark

Beruf: Photographer

  • Nachricht senden

9

Freitag, 17. Dezember 2010, 10:49

Zitat von »panoramarx.de«

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

Profi

Beiträge: 1 336

Wohnort: Duluth MN

  • Nachricht senden

10

Freitag, 17. Dezember 2010, 15:11

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.

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »VN2009« (17. Dezember 2010, 15:52)

VN2009

Profi

Beiträge: 1 336

Wohnort: Duluth MN

  • Nachricht senden

11

Freitag, 17. Dezember 2010, 15:54

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

Profi

  • »HansNyb« ist der Autor dieses Themas

Beiträge: 1 063

Wohnort: Denmark

Beruf: Photographer

  • Nachricht senden

12

Freitag, 17. Dezember 2010, 16:00

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

Profi

  • »HansNyb« ist der Autor dieses Themas

Beiträge: 1 063

Wohnort: Denmark

Beruf: Photographer

  • Nachricht senden

13

Freitag, 17. Dezember 2010, 17:55

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

Fortgeschrittener

Beiträge: 237

Wohnort: Bavaria, Germany

Beruf: Photographer, Producer

  • Nachricht senden

14

Mittwoch, 5. Januar 2011, 17:20

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.

Quellcode

 
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

Profi

  • »HansNyb« ist der Autor dieses Themas

Beiträge: 1 063

Wohnort: Denmark

Beruf: Photographer

  • Nachricht senden

15

Mittwoch, 5. Januar 2011, 18:08

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

Profi

Beiträge: 1 336

Wohnort: Duluth MN

  • Nachricht senden

16

Mittwoch, 5. Januar 2011, 18:15

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

Profi

  • »HansNyb« ist der Autor dieses Themas

Beiträge: 1 063

Wohnort: Denmark

Beruf: Photographer

  • Nachricht senden

17

Mittwoch, 5. Januar 2011, 18:25

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

Jarredja

Profi

Beiträge: 1 058

Wohnort: LA

  • Nachricht senden

18

Mittwoch, 5. Januar 2011, 21:51

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

Profi

  • »HansNyb« ist der Autor dieses Themas

Beiträge: 1 063

Wohnort: Denmark

Beruf: Photographer

  • Nachricht senden

19

Mittwoch, 5. Januar 2011, 22:43

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

Hans

Jarredja

Profi

Beiträge: 1 058

Wohnort: LA

  • Nachricht senden

20

Mittwoch, 5. Januar 2011, 23:11

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
  • 1
  • 2

Ähnliche Themen