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.

1

Friday, August 10th 2012, 8:40pm

krpano 1.0.8.15 (Updated)

Hi,

krpano Version 1.0.8.15 is ready:
http://krpano.com/news/#2012-08-10

The 1.0.8.15 version was initially just planed a small bugfix/update release for the 1.0.8.14 version, but then during development and the preparing of the release, more and more features were added and many things improved, so that this version had become a much bigger release with many overall improvements.

There is now HTML5 support for all common Desktop Browsers and Android 4.x, the new layer and container elements and the automatic sub-layering, new plugins like the Bing Maps plugin for HTML5 and the ScrollArea plugin for scrolling layers, for an easier generation of virtual tours an improved MAKE VTOUR droplet with a fully featured virtual tour default skin, which should show/demonstrate the new possibilities and a simple Virtual Tour Editor plugin for adjusting the tours and adding hotspots.


HTML5 Support
For all information about the HTML5 support, see the new HTML5 documentation page here:
http://krpano.com/docu/html5/#top

And see there also the HTML5 ? Flash comparison demo:
http://krpano.com/docu/html5/comparison.html


MAKE VTOUR Demonstration
The new MAKE VTOUR Default Skin is a demonstration of the new possibilities of the viewer and the tools: It uses the new xml layer and container elements, the ScrollArea plugin, the HTML5 Bing Maps plugin, the automatic geotagging (by an automatic GPS transfer from the input-images to the xml/scenes, to place the spots automatically on the map) and the new Virtual Tour Editor plugin for easily editing and finishing the tours.

Here a demonstration video - from the pano images to the final tour in a few minutes:



New Layer / Sublayers (Parent-Child) / Container Elements
For new users there was always some confusion about the <plugin> element - as it's names suggests it can be used for 'plugins', but basically it is an element for all kind of graphic elements on the screen. To make that usage more clear, it has been renamed to <layer> now. The old name 'plugin' still can be used of course - internally the <plugin> and <layer> elements are the same elements.

When trying to group several plugin/layer elements, then always a parent element is necessary and this parent always had needed an url image to become visible and usable. But often it isn't necessary that this parent element is visible or it should be just a single-colored image. To avoid the need of image files for such simple cases, there is now the new type="container" setting for <plugin>/<layer> elements. With it an empty or single-colored element can be created. That element itself can be used just like a normal <plugin>/<layer> elements.

About the parent/child system itself - until now each child element had to be defined separately and assigned to its parent element by using the parent="name" setting. Now this can be also simplified and automated by declaring the children elements as xml-children-nodes inside the the parent xml-node.
e.g. here the old/current xml syntax: (which still can be used of course)

Source code

1
2
3
<plugin name="box" keep="true" ... />
<plugin name="child1" keep="true" parent="box" ... />
<plugin name="child2" keep="true" parent="box" ... />
and here the new xml syntax: (the result will be exactly the same)

Source code

1
2
3
4
<layer name="box" keep="true">
  <layer name="child1" ... />
  <layer name="child2" ... />
</layer>
By using this way the parent setting of the children elements will be automatically set to the name of parent element and also the keep setting copied from it.

When using many elements and children-elements on the screen, the rendering/calculation performance is an important topic (especially on slow mobile devices). This version had also many internal improvements here. When just moving elements (by tweening the x/y settings) only the moved element itself will be recalculated and all children elements keep cached. Additionally also the Flashplayer and the HTML5 Browsers have internal optimizations for this case to make normal moving very efficient. Other transformations like scaling always need the recalculation of all children elements, so as performance tip - for very fluid animations try just to move elements.
E.g. instead of scaling a container, it will be possible to mask it (by using maskchildren) and just move one big child element inside it. The new default vtour skin is using that technique a lot.


Plugins News
Beside the new HTML5 Bing Maps, ScrollArea and Virtual Tour Editor plugins, also the existing plugins have been improved. The HTML5 Combobox plugin supports now Retina screens, draws itself much faster and also supports custom graphics/designs. The Sound-Interface and the Videoplayer plugins have been extended to support also different HTML5 codecs (different HTML5 Browser have different codec support).
The Textfield plugin itself has also been much improved - now it works and looks almost pixel-perfect identically in Flash and HTML5. For easier usage, the vcenter and autoheight settings have been added. To make the shadowing (or glowing) usable and customizable in the same way for Flash and HTML5, the shadow settings have been extended (thanks to the TextfieldEx plugin from Aldo Hoeben for the inspiration!).


Tools / Droplets
Now the ktransform and kmakemultires tools can also convert cylindrical images to cubical (for usage in the HTML5 viewer). The kmakemultires can read EXIF GPS informations for automatic geotagging and use the EXIF pano-type and fov informations from Autopano output images for automatic detecting the correct type of the pano. For improved multiresolution loading and rendering performance the sizes of the multiresolution levels will be automatically be adjusted a bit now (to avoid very small/narrow partial tiles). There an new settings in the kmakemultires config files for automatically generating several special sized images for certain devices (customimage setting).


Documentation / Examples
Many parts of the documentation and the krpano web-page also have been updated and refined:
There is new the HTML5 documentation.
The new krpano Tools documentation with a detailed documentation of the kmakemultires Config files.
And updated HTML Embedding, XML Reference,Actions and Plugins documentations.

There are two new tour examples which are using the new default vtour skin:
- The Corfu Tour
- And the great high-resolution Paris Tour (thanks to ecliptique panoramics for providing the panos!)

All other tours and the updated interface examples have now additional HTML5 links for viewing them in the HTML5 viewer:
http://krpano.com/examples/vtour/
http://krpano.com/examples/interface/


Too see a listing of all changes, please see the Release Notes here:
http://krpano.com/news/#releasenotes10815-2012-08-10
http://krpano.com/news/#releasenotes10815-2012-10-05
or see the in the download packages included 'releasenotes.txt' file:
http://krpano.com/examples/10815/releasenotes.txt


The new version can be downloaded as always here on the krpano download page:
http://krpano.com/download/


Best regards,
Klaus

Karotte

Beginner

Posts: 43

Location: Leipzig

Occupation: Selbständig

  • Send private message

2

Friday, August 10th 2012, 8:51pm

You are a hero - and I mean it!
Great work!
Can't wait to test the new HTML5 support for desktop browsers...

Thanks a million.
Marcus

Arsdezi

Intermediate

Posts: 174

Location: Ukraine

  • Send private message

3

Friday, August 10th 2012, 10:08pm

Amazing news!
Thank you Klaus

Tour editor — great new plugin!
*thumbsup*
Panoreal — to make and see this wonderful world! *whistling*

Zephyr

Professional

Posts: 1,003

Location: Netherlands

Occupation: Web developer

  • Send private message

4

Friday, August 10th 2012, 11:28pm

This is amazing news! Nice job there! I especially love the new parent system. Feels more xml true. I'm going to experiment with these new features!

Btw, about the GPS, I'm new to this, I know there's exif in a tile (directly from the camera), but isnt the exif lost when you resave it after stiching to 1 big panorama?

Alsoo, if you can generate map points, is it posibble to generate hotspots to, making the assumption that 0,0 is the north bearing. The user then only should alter the atv of a hotspot, and perhaps the image.voffset.

Are the variables/placeholders also available in the droplet templates (btw where are all the placeholder variables documented, thinks like SCENE, PARTIAL, HOTSPOTS, FOV)

Really this is awesome! *w00t*

Arsdezi

Intermediate

Posts: 174

Location: Ukraine

  • Send private message

5

Friday, August 10th 2012, 11:39pm

iphone-ipad-simulyator.html it's possible bug

Sorry that I write in the news.

I tested the new file iphone-ipad-simulyator.html and it does not work in HTML5, and the panorama starts in Flash. JS and XML files works fine with the previous file of the simulator!
(Safari browser on win7 x64). *whistling*
Panoreal — to make and see this wonderful world! *whistling*

6

Saturday, August 11th 2012, 12:43pm

Hi,
Btw, about the GPS, I'm new to this, I know there's exif in a tile (directly from the camera), but isnt the exif lost when you resave it after stiching to 1 big panorama?
No, so far I know, Autopano and PTGUI are transferring the GPS informations from the input images to the output pano images. And you can also use geo-tagging tools to add the GPS location later after stitching manually.


Alsoo, if you can generate map points, is it posibble to generate hotspots to, making the assumption that 0,0 is the north bearing. The user then only should alter the atv of a hotspot, and perhaps the image.voffset.
Theoretically that might be possible of course... (also just via xml of course ), you might need to re-project the lat/lng coordinates to a different space and the calculate the angles and distances...
I think 360cities is doing such too with their automatic hotspots...


Are the variables/placeholders also available in the droplet templates (btw where are all the placeholder variables documented, thinks like SCENE, PARTIAL, HOTSPOTS, FOV)
Yes, and their are documented in the new tools/config documentation here:
http://krpano.com/tools/kmakemultires/config/#xmltemplate


I tested the new file iphone-ipad-simulyator.html and it does not work in HTML5, and the panorama starts in Flash. JS and XML files works fine with the previous file of the simulator!
When that happens, then your are using an old swfkrpano.js file with the new iphone-ipad-simulator.html. Either the file itself is old or your browser has still cached an old version. As solution just make sure that all files are up-to-date and/or clear your browser cache. (The exact reason behind that problem - the html5 parameter of the createPanoViewer() function is new in this version and will be ignored in older versions and so the normal Flash viewer used).

Best regards,
Klaus

Arsdezi

Intermediate

Posts: 174

Location: Ukraine

  • Send private message

7

Saturday, August 11th 2012, 1:21pm

Quoted

When that happens, then your are using an old swfkrpano.js file with the new iphone-ipad-simulator.html
Sorry, hurried! It would be most to guess that must be replaced, and other files from the new version. *rolleyes*
Panoreal — to make and see this wonderful world! *whistling*

8

Saturday, August 11th 2012, 3:50pm

Download troubles

Sounds exciting! Many thanks for your hard work on development and documentation, Klaus.

I'm eager to get my hands on 1.0.8.15. Sadly, no luck. I've tried a dozen downloads on different computers, platforms, and browsers. Each has aborted prematurely -- often before hitting 1 Mb. I've deleted dead files, and cleared browser caches. Still no good.

Help?!?

Posts: 1,857

Occupation: Virtual Tours - Photography - Krpano developer

  • Send private message

9

Saturday, August 11th 2012, 4:13pm

Sounds like your internet connection is the common denominator.
No issues here.
KRPano Developer: Portfolio ::Gigapixel Tagging Solutions - Porfolio 2 :: Facebook :: Twitter :: reddit.com/r/VirtualTour

jschrader

Intermediate

Posts: 237

Location: Bavaria, Germany

Occupation: Photographer, Producer

  • Send private message

10

Saturday, August 11th 2012, 4:47pm

Woah, Klaus! Thank you very much for the tour editor.
This is a highly appreciated timesaver.

Bold question:
Is there a chance to get the preview-thumbnails automatically udated when the startup view has changed?

Best
Jürgen

Posts: 1,857

Occupation: Virtual Tours - Photography - Krpano developer

  • Send private message

11

Saturday, August 11th 2012, 6:00pm

I've noticed something a little strange on the examples area, html5 and flash.
A few have initially failed to work until a refresh.

EDIT*I think this is just an overload of the web server. The forum fails to load pages quite often too. That would explain the similar behavior.

In the editor Add Image fails in chrome "security issue I guess". No popup notice and exception was manually added for *.krpano.com
KRPano Developer: Portfolio ::Gigapixel Tagging Solutions - Porfolio 2 :: Facebook :: Twitter :: reddit.com/r/VirtualTour

Arsdezi

Intermediate

Posts: 174

Location: Ukraine

  • Send private message

12

Saturday, August 11th 2012, 6:44pm

In the editor Add Image fails in chrome "security issue I guess". No popup notice and exception was manually added for *.krpano.com
To all appearances Chrome+adobe has done for us to duck for flash versions of panorama and other flash developers:
http://chrome.blogspot.com/2012/08/an-ev…player-for.html


*thumbdown*
Panoreal — to make and see this wonderful world! *whistling*

ramirox3

Intermediate

Posts: 354

Location: La Ceja, Colombia

Occupation: photographer

  • Send private message

13

Saturday, August 11th 2012, 9:56pm

Great
Thanks
When I change value of zoom for bing maps it doesnt change in fov
in safari with user agent iPhone iPad The bing maps works in demo version

When i Change fov_moveforce in in out up dowm rigth left not change behavior

This post has been edited 1 times, last edit by "ramirox3" (Aug 11th 2012, 10:16pm)


spacerywirtualne

Professional

Posts: 1,115

Location: Poland, Europe

Occupation: krpano developer : virtual tours : the cms4vr owner

  • Send private message

14

Saturday, August 11th 2012, 10:20pm

extra

The new system layer is remarkable.

Is it possible to dynamically create these things?

Source code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<layer name="textbox" type="container" align="center" x="0" y="0" width="300" height="300" bgcolor="0x333333" bgalpha="0.7" bgcapture="true" ondown="draglayer();">
		<layer name="title" url="%SWFPATH%/plugins/textfield.swf" children="false" enabled="false" align="top" y="5" width="100%" autoheight="true"
		       	border="false" background="false" 
			   	css="text-align:center; color:#FFFFFF; font-family:Arial; font-weight:bold; font-size:14px;"
			   	html="Textbox"
			   	/>
		<layer name="textmask" type="container" align="lefttop" x="10" y="30" width="280" height="260" bgcolor="0xFFFFFF" bgalpha="1.0" maskchildren="true">
			<layer name="text" url="%SWFPATH%/plugins/textfield.swf" children="false" align="lefttop" x="0" y="0" width="100%" autoheight="true"
			   	border="false" background="false"
			   	css="text-align:left; color:#000000; font-family:Arial; font-size:15px;"
			   	html="data:testtext"
			   	ondown="draglayer_text(start,260);"
			   	/>
		</layer>
	</layer>


How do I add a dynamic layer name = "text" (layer[textbox].layer[textmask].layer[text]) ?

and if this possible to run for loop to to this
*question*
eg: text1 - text7 from database

Source code

1
2
3
4
5
6
7
8
9
10
11
12
<layer name="textbox" ...>
	<layer name="title".../>
		<layer name="textmask" ...>
			<layer name="text1" ... />
			<layer name="text2" ... />
			<layer name="text3" ... />
			<layer name="text4" ... />
			<layer name="text5" ... />
			<layer name="text6" ... />
			<layer name="text7" ... />
	</layer>
</layer>

I am still excited about the new version.
Thank you Klaus *thumbsup*

Piotr
Your own professional, online cloud tool for creating virtual tours - www.cms4vr.com

facebook page :: youtube :: wiki.cms4vr.com

cms4vr team *thumbsup*

This post has been edited 1 times, last edit by "spacerywirtualne" (Aug 12th 2012, 12:11pm)


15

Saturday, August 11th 2012, 11:07pm

Fantastic...

Thank you Klaus,
Marco

floz

Trainee

Posts: 109

Location: Uppsala, Sweden

  • Send private message

16

Sunday, August 12th 2012, 5:43am

Brilliant, but . . .

Hi Klaus,

First of all: Amazing work. It's incredible how much you get done. Are you still just a "one-man-show"? I'm baffled.

Anyhow, I have a problem with control.usercontrol in HTML5 / iOS. When I use set(control.usercontrol,'off'); it only sort-of disables navigation. If I flick very quickly, the view still gets changed a bit. This used to work fine until now (i.e. setting it to off completely disabled navigation, but that's no longer the case).

Also, I'm having some issues with the new version where the entire page in iOS is "draggable", i.e. I can drag the entire panorama display (which covers the entire page!) around and "rubber band / bounce" into the limits. This also used to be different with the previous version. If you want, I can PM you a link to my test project with has both of these issues?

Thanks and best wishes,

Florian

wilsan

Trainee

Posts: 66

Location: Nederland

Occupation: Logistics Specialist – Planning & Logistics

  • Send private message

17

Sunday, August 12th 2012, 2:05pm

Fantastic - Great - Amazing work - You're THE MASTER Klaus *thumbsup*

Woah what a timesaver the TOUR EDITOR

Thank you very much Klaus,
Wilsan *thumbup*

AKSAN Bros

Intermediate

Posts: 192

Location: Turkey

Occupation: 360 Software and Hardware Developing

  • Send private message

18

Sunday, August 12th 2012, 3:47pm

Klaus is not from this world i think or not human :)

Great Work !!!
Congratulations Klaus. Wisht to Meet you in Iceland2013 IVRPA conferance..

Zephyr

Professional

Posts: 1,003

Location: Netherlands

Occupation: Web developer

  • Send private message

19

Sunday, August 12th 2012, 10:41pm

RE: extra

The new system layer is remarkable.

Is it possible to dynamically create these things?
[...]
Thank you Klaus *thumbsup*

Piotr


The system is actually not new, but a more convenient way of writing. To create it dynamicly, you just set the parent of the layer/plugin

<code>
set(layer[title1].parent, 'textmask');
</code>

Zephyr

Professional

Posts: 1,003

Location: Netherlands

Occupation: Web developer

  • Send private message

20

Sunday, August 12th 2012, 10:50pm

Hi Klaus,

I noticed you can configure thumbsize in the configuration, but this doesn't alter the selected border (skin_thumbborder) width and height.

This is a quickfix:
on line 50, change scaling to 1:

Source code

1
<layer name="skin_thumbborder"  keep="true" url="vtourskin_thumbborder.png" visible="false" enabled="false" align="lefttop" scale="1" ox="-2" oy="-2" />


on line 159, copy width and height of thumbnail to the border (perhaps add

Source code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<action name="skin_addthumbs">
		copy(thumbwidth, skin_settings.thumbswidth);
		copy(thumbheight, skin_settings.thumbsheight);
		copy(thumbpadding, skin_settings.thumbspadding);
		copy(thumbcrop, skin_settings.thumbscrop);

		if(ismobile,
			mul(thumbwidth,2);
			mul(thumbheight,2);
			mul(thumbpadding,2);
	    );
		  
		add(layer[skin_thumbborder].width, thumbwidth, 2);
		add(layer[skin_thumbborder].height, thumbheight, 2);
		[...]


for mobile, you can set the scaling to 1 to in line 111, because the skin_addthumbs will autoadjust it anyways

Source code

1
<layer name="skin_thumbborder" scale="1" />