[SOLVED] Image prealign and new transition issue

Fernando · February 14, 2023 at 5:18 AM

Hi Klaus, the use of <image prealign=...> seems to affect the normal behavior of the new transition. It is noticeable as a small twist. Any suggestions?
Best regards,
Fdo

San7 · February 14, 2023 at 9:29 AM

It is advisable to first align the panoramas and then set the arrows.
Try to put prealign= true in hotspot style set arrows
bhttps://https://krpano.com/docu/xml/#hotspot.prealign

klaus.krpano · February 14, 2023 at 11:32 AM

Hi, so far I don't understand what you mean... do you have an example or more detailed explanation?

Fernando · February 14, 2023 at 2:05 PM

http://www.mirapanoramas.nat.cu/transition

See the transition from 6 to 9 scene.

Code

<scene name="scene_06" title="06" onstart="" thumburl="panos/06.tiles/thumb.jpg" lat="" lng="" alt="" heading="">
		
		<control bouncinglimits="calc:image.cube ? true : false" />


		<view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />


		<preview url="panos/06.tiles/preview.jpg" />


		<image prealign="2.421949|0.007348|1.259792">
			<cube url="panos/06.tiles/%s/l%l/%v/l%l_%s_%v_%h.jpg" multires="512,640" />
		</image>
		
		<hotspot name="spot3" style="skin_hotspotstyle" prealign="true" ath="19.698" atv="24.650" linkedscene="scene_09" linkedscene_hoffset="246.14" use3dtransition="true" />


	</scene>


	<scene name="scene_09" title="09" onstart="" thumburl="panos/09.tiles/thumb.jpg" lat="" lng="" alt="" heading="">
		
		<control bouncinglimits="calc:image.cube ? true : false" />


		<view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />


		<preview url="panos/09.tiles/preview.jpg" />


		<image>
			<cube url="panos/09.tiles/%s/l%l/%v/l%l_%s_%v_%h.jpg" multires="512,640" />
		</image>
		
		<hotspot name="spot4" style="skin_hotspotstyle" prealign="true" ath="85.835" atv="25.609" linkedscene="scene_06" linkedscene_lookat="-91.63,2.28,120.0" linkedscene_hoffset="113.86" use3dtransition="true" />


	</scene>

Display More

San7, I tried to put prealign="true" (see above code) and to align first the pano, but it doesn't work either. The error is a small turn of the panoramic image before starting the new transition. Sometimes you really don't notice much. But it affects the perfection of the new transition.

Fernando · February 15, 2023 at 2:35 AM

Please, see http://www.mirapanoramas.nat.cu/transition2/ with comments in arrows...

Code

<krpano version="1.21" title="">


	<include url="skin/vtourskin.xml" />
	
	<!-- customize skin settings: maps, gyro, webvr, thumbnails, tooltips, layout, design, ... -->
	<skin_settings maps="false"
	           	maps_type="google"
	           	maps_bing_api_key=""
	           	maps_google_api_key=""
	           	maps_zoombuttons="false"
	           	maps_loadonfirstuse="true"
	           	gyro="true"
	           	gyro_keeplookingdirection="false"
	           	webvr="true"
	           	webvr_keeplookingdirection="true"
	           	webvr_prev_next_hotspots="true"
	           	autotour="false"
	           	littleplanetintro="false"
	           	followmousecontrol="false"
	           	title="true"
	           	thumbs="true"
	           	thumbs_width="120" thumbs_height="80" thumbs_padding="10" thumbs_crop="0|40|240|160"
	           	thumbs_opened="false"
	           	thumbs_text="false"
	           	thumbs_dragging="true"
	           	thumbs_onhoverscrolling="false"
	           	thumbs_scrollbuttons="false"
	           	thumbs_scrollindicator="false"
	           	thumbs_loop="false"
	           	tooltips_buttons="true"
	           	tooltips_thumbs="true"
	           	tooltips_hotspots="true"
	           	tooltips_mapspots="false"
	           	deeplinking="false"
	           	loadscene_flags="MERGE"
	           	loadscene_blend="OPENBLEND(0.5, 0.0, 0.75, 0.05, linear)"
	           	loadscene_blend_prev="SLIDEBLEND(0.5, 180, 0.75, linear)"
	           	loadscene_blend_next="SLIDEBLEND(0.5,   0, 0.75, linear)"
	           	loadingtext=""
	           	layout_width="100%"
	           	layout_maxwidth="814"
	           	controlbar_width="-24"
	           	controlbar_height="40"
	           	controlbar_offset="20"
	           	controlbar_offset_closed="-40"
	           	controlbar_overlap.no-fractionalscaling="10"
	           	controlbar_overlap.fractionalscaling="0"
	           	design_skin_images="vtourskin.png"
	           	design_bgcolor="0x2D3E50"
	           	design_bgalpha="0.8"
	           	design_bgborder="0"
	           	design_bgroundedge="1"
	           	design_bgshadow="0 4 10 0x000000 0.3"
	           	design_thumbborder_bgborder="3 0xFFFFFF 1.0"
	           	design_thumbborder_padding="2"
	           	design_thumbborder_bgroundedge="0"
	           	design_text_css="color:#FFFFFF; font-family:Arial;"
	           	design_text_shadow="1"
	           	/>


	<!--
		For an alternative skin design either change the <skin_settings> values 
		from above or optionally include one of the predefined designs from below.
	-->
	<!-- <include url="skin/vtourskin_design_flat_light.xml"  /> -->
	<!-- <include url="skin/vtourskin_design_glass.xml"   	/> -->
	<!-- <include url="skin/vtourskin_design_ultra_light.xml" /> -->
	<!-- <include url="skin/vtourskin_design_117.xml"     	/> -->
	<!-- <include url="skin/vtourskin_design_117round.xml"	/> -->
	<!-- <include url="skin/vtourskin_design_black.xml"   	/> -->
	
<style name="text" distorted="true" type="text"/>


	
	<scene name="scene_01" title="01" onstart="" thumburl="panos/01.tiles/thumb.jpg" lat="" lng="" alt="" heading="">
		
		<control bouncinglimits="calc:image.cube ? true : false" />


		<view hlookat="91.499" vlookat="0.192" fovtype="MFOV" fov="120.000" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />


		<preview url="panos/01.tiles/preview.jpg" />


		<image>
			<cube url="panos/01.tiles/%s/l%l/%v/l%l_%s_%v_%h.jpg" multires="512,640" />
		</image>


		<hotspot name="spot1" style="skin_hotspotstyle" ath="100.287" atv="17.101" linkedscene="scene_02" linkedscene_lookat="0.0,0.0,120.0" linkedscene_hoffset="-84.96" use3dtransition="true" />
		
		<hotspot name="txtspot1" style="text" html="The transition to 2 is OK" ath="99.94851" atv="25.950153"/>


	</scene>


	<scene name="scene_02" title="02" onstart="" thumburl="panos/02.tiles/thumb.jpg" lat="" lng="" alt="" heading="">
		
		<control bouncinglimits="true" />


		<view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120.0" maxpixelzoom="2.0" fovmin="112.336409" fovmax="140.0" limitview="auto" hlookatmin="-180.0" hlookatmax="180.0" vlookatmin="-90.0" vlookatmax="90.0"/>


		<preview url="panos/02.tiles/preview.jpg" />


		<image prealign="8.107027|0.018202|-1.523322">
			<cube url="panos/02.tiles/%s/l%l/%v/l%l_%s_%v_%h.jpg" multires="512,640" />
		</image>


		<hotspot name="spot2" style="skin_hotspotstyle" ath="-164.678" atv="19.670" linkedscene="scene_01" linkedscene_lookat="0.0,0.0,120.0" linkedscene_hoffset="444.96" use3dtransition="true" />
		
		<hotspot name="txtspot2" style="text" html="The transition to 1 makes an unwanted turn" ath="-164.810737" atv="28.607517"/>
		
		<hotspot name="spot1" style="skin_hotspotstyle" ath="-0.991" atv="18.393" linkedscene="scene_03" linkedscene_lookat="12.95,4.95,120.0" linkedscene_hoffset="7.62" use3dtransition="true" />
		
		<hotspot name="txtspot1" style="text" html="The transition to 3 makes an unwanted turn" ath="-1.170154" atv="28.355056"/>


	</scene>


	<scene name="scene_03" title="03" onstart="" thumburl="panos/03.tiles/thumb.jpg" lat="" lng="" alt="" heading="">
		
		<control bouncinglimits="true" />


		<view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120.0" maxpixelzoom="2.0" fovmin="112.336409" fovmax="140.0" limitview="auto" hlookatmin="-180.0" hlookatmax="180.0" vlookatmin="-90.0" vlookatmax="90.0"/>


		<preview url="panos/03.tiles/preview.jpg" />


		<image prealign="6.745925|-0.026744|2.542574">
			<cube url="panos/03.tiles/%s/l%l/%v/l%l_%s_%v_%h.jpg" multires="512,640" />
		</image>


		<hotspot name="spot3" style="skin_hotspotstyle" ath="-177.640" atv="15.251" linkedscene="scene_02" linkedscene_lookat="12.95,4.95,120.0" linkedscene_hoffset="352.38" use3dtransition="true" />
		
		
		<hotspot name="txtspot3" style="text" html="The transition to 2 makes an unwanted turn" ath="-177.743288" atv="24.60343"/>
		
		<hotspot name="spot1" style="skin_hotspotstyle" ath="5.616" atv="22.696" linkedscene="scene_04" linkedscene_lookat="5.82,10.3,120.0" linkedscene_hoffset="353.9" use3dtransition="true" />
		
		<hotspot name="txtspot1" style="text" html="The transition to 4 makes an unwanted turn" ath="5.151383" atv="32.025366"/>


	</scene>


	<scene name="scene_04" title="04" onstart="" thumburl="panos/04.tiles/thumb.jpg" lat="" lng="" alt="" heading="">
		
		<control bouncinglimits="calc:image.cube ? true : false" />


		<view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />


		<preview url="panos/04.tiles/preview.jpg" />


		<image>
			<cube url="panos/04.tiles/%s/l%l/%v/l%l_%s_%v_%h.jpg" multires="512,640" />
		</image>


		<hotspot name="spot2" style="skin_hotspotstyle" ath="175.320" atv="18.320" linkedscene="scene_03" linkedscene_lookat="5.82,10.3,120.0" linkedscene_hoffset="6.1" use3dtransition="true" />
		
		<hotspot name="txtspot2" style="text" html="The transition to 3 is ok" ath="175.324758" atv="27.154584"/>
		
		
		<hotspot name="spot1" style="skin_hotspotstyle" ath="-1.998" atv="14.243" linkedscene="scene_05" linkedscene_lookat="10.74,0.22,120.0" linkedscene_hoffset="361.41" use3dtransition="true" />
		
		<hotspot name="txtspot1" style="text"  html="The transition to 5 is OK" ath="-2.085671" atv="22.717402"/>


	</scene>


	<scene name="scene_05" title="05" onstart="" thumburl="panos/05.tiles/thumb.jpg" lat="" lng="" alt="" heading="">
		
		<control bouncinglimits="calc:image.cube ? true : false" />


		<view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />


		<preview url="panos/05.tiles/preview.jpg" />


		<image>
			<cube url="panos/05.tiles/%s/l%l/%v/l%l_%s_%v_%h.jpg" multires="512,640" />
		</image>


		<hotspot name="spot3" style="skin_hotspotstyle" ath="-179.875" atv="19.032" linkedscene="scene_04" linkedscene_lookat="10.74,0.22,120.0" linkedscene_hoffset="-1.41" use3dtransition="true" />
		
		<hotspot name="txtspot3" style="text" html="The transition to 4 is OK" ath="-179.757847" atv="27.81607"/>


	</scene>




</krpano>

Display More

klaus.krpano · February 15, 2023 at 8:45 AM

Hi,

Thanks!
Great example!

This will be fixed soon in the next release.

Best regards,
Klaus

klaus.krpano · March 15, 2023 at 4:59 PM

Hi, here the new release where this is fixed:
krpano 1.21 (pre-release)

Fernando · March 23, 2023 at 5:29 AM

Thanks for the fix! The transition is perfect now with prealign image!!
Best regards,
Fdo

Participate now!