You are not logged in.

Disabling backgoundurl

Nikkben

Beginner

  • "Nikkben" started this thread

Posts: 31

  • Send private message

1

Sunday, March 26th 2023, 4:28pm

Disabling backgoundurl

Hello guys it possible to disable the depthmap.backgroundurl by onclick=" " ?

<depthmap url="panos/untitled2.obj" backgroundurl="panos/vid_main_optim2.jpg" scale="100" hittest="true" cull="front" />

This post has been edited 1 times, last edit by "Nikkben" (Mar 27th 2023, 8:27pm)

kme

Intermediate

Posts: 261

Location: Belgium

Occupation: Long time coder, product manager and 3D enthousiast

  • Send private message

2

Monday, April 10th 2023, 11:24am

Hi,

The action below allows for changing the background URL.

You can use it to set the url of the skybox, for example:

Source code

 
1

change_backgroundurl('skybox.jpg');


or to clear the backgroundurl:

Source code

 
1

change_backgroundurl('');


Action code:

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<action name="change_backgroundurl" type="javascript" args="url" scope="local"><![CDATA[

	var url = args[1];
	
	var parser = new DOMParser();
	
	var scene = krpano.get('scene[get(xml.scene)]');
	var xml = '<scene>' + scene.content + '</scene>';
	
	var xmlDoc = parser.parseFromString(xml,"text/xml");
	
	var depthmap = xmlDoc.getElementsByTagName("depthmap")[0];
	depthmap.setAttribute("backgroundurl", url);
	
	scene.content = xmlDoc.documentElement.innerHTML;
	krpano.call("loadscene(get(xml.scene),, MERGE|KEEPVIEW|KEEPSCENES|PRELOAD, BLEND);");

	]]>
</action>


I hope Klaus will come with some better support to change the backgroundurl *cool*
Plugins and more on my gumroad page

This post has been edited 2 times, last edit by "kme" (Apr 10th 2023, 4:48pm)

kme

Intermediate

Posts: 261

Location: Belgium

Occupation: Long time coder, product manager and 3D enthousiast

  • Send private message

3

Monday, April 10th 2023, 11:35am

And now that I posted this, I think of another way: just duplicate your scene with and without a background and use loadscene to switch between the 2?


Source code

 
1
2
3
4
5
6
7
8
9
10
11

<scene name="scene_with_background" autoload="true" title="hello" onstart="" >
	<image>
		<depthmap backgroundurl="skybox.jpg"  id="depthmap" url="models/gallery_06.obj" subdiv="0" rendermode="3dmodel" hittest="true" scale="100" textured="true" waitforload="true" center="0,0,0" axis="+x+y+z"/> 
	</image>		
</scene>	

<scene name="scene_without_background" autoload="true" title="hello" onstart="" >
	<image>
		<depthmap id="depthmap" url="models/gallery_06.obj" subdiv="0" rendermode="3dmodel" hittest="true" scale="100" textured="true" waitforload="true" center="0,0,0" axis="+x+y+z"/> 
	</image>		
</scene>



And then:

Source code

 
1

loadscene(scene_with_background,, MERGE|KEEPSCENES|PRELOAD, BLEND);


or

Source code

 
1

loadscene(scene_without_background,, MERGE|KEEPSCENES|PRELOAD, BLEND);


Which basically does the same as the action in the previous post, but then not dynamically.
Plugins and more on my gumroad page

Nikkben

Beginner

  • "Nikkben" started this thread

Posts: 31

  • Send private message

4

Monday, April 10th 2023, 3:04pm

Quoted from "kme"

Hi,

The action below allows for changing the background URL.

You can use it to set the url of the skybox, for example:

Source code

 
1

change_backgroundurl('skybox.jpg');


or to clear the backgroundurl:

Source code

 
1

change_backgroundurl('');


Action code:

Source code

 
1


						
			

		

	






I hope Klaus will come with some better support to change the backgroundurl *cool*	


Thank you very much, when calling change_background url(") it gives an error : ERROR: change_backgroundurl - TypeError: Cannot read properties of undefined (reading 'setAttribute')								

							

							
														
														
														
														
							

								

									
								

							

							

						

					

					
				

			

				
				
																		
		
		
										
					

				

										
					

	
			

			

																	
												
				
					kme
				
				
							


												
Intermediate

													

										
					

		
									

					
				

							
				
					

									
Posts: 261

									
Location: Belgium

									
Occupation: Long time coder, product manager and 3D enthousiast

								
							

				
					

				
    
											
    • 
											
  • Send private message
    • 
										
									

			

				
		
	

					
					

						

							

								

									5
																	

								

									
								

								

									
Monday, April 10th 2023, 3:09pm

								

							

							
							

							
							

																

									Do you have a depthmap inside your <image> ?



the <scene> i have tested with looks like this:





	

		

			

				
					
				
				
					
Source code

						
			

			

				
					
1
2
3
4
5


						
				
					
<scene name="scene_with_background" autoload="true" title="hello" onstart="" >
	<image>
		<depthmap id="depthmap" url="models/gallery_06.obj" subdiv="0" rendermode="3dmodel" hittest="true" scale="100" textured="true" waitforload="true" center="0,0,0" axis="+x+y+z"/> 
	</image>		
</scene>

						
			

		

	






Is there an example online to simulate the error?								

							

							
														
															

									Plugins and more on my gumroad page

								

														
														
														
							

								

									
								

							

							

						

					

					
				

			

				
				
																		
		
		
										
					

				

										
					

	
			

			

																	
												
				
					Nikkben
				
				
							


												
Beginner

														
					

		
									
					

				
    
											
  • "Nikkben" started this thread
    • 
										
									

			

				
					

									
Posts: 31

								
							

				
					

				
    
											
  • Send private message
    • 
										
									

			

				
		
	

					
					

						

							

								

									6
																	

								

									
								

								

									
Monday, April 10th 2023, 3:28pm

								

							

							
							

							
							

																

									here is my scene : 





<scene name="model" minpixelzoom="0" autoload="true" >

 <view hlookat="90" vlookat="0" fovtype="MFOV" fov="140.000" maxpixelzoom="1" minpixelzoom="0" fovmin="70" fovmax="140" limitview="lookat" vlookatmin="-90" vlookatmax="90" />

<image prealign="-0.0|-0.0|-0.0" ox="0" oy="25" oz="0" >



<depthmap id="depthmap" url="panos/untitled2.obj" backgroundurl="panos/vid_main_optim2.jpg" scale="100" hittest="true" waitforload="true" cull="front" subdiv="0" />



</image>

</scene>





								

							

							
														
														
														
														
							

								

									
								

							

							

						

					

					
				

			

				
				
																		
		
		
										
					

				

										
					

	
			

			

																	
												
				
					kme
				
				
							


												
Intermediate

													

										
					

		
									

					
				

							
				
					

									
Posts: 261

									
Location: Belgium

									
Occupation: Long time coder, product manager and 3D enthousiast

								
							

				
					

				
    
											
    • 
											
  • Send private message
    • 
										
									

			

				
		
	

					
					

						

							

								

									7
																	

								

									
								

								

									
Monday, April 10th 2023, 3:41pm

								

							

							
							

							
							

																

									looks good.



where are you calling the function?

the scene must be loaded before it can be called...								

							

							
														
															

									Plugins and more on my gumroad page

								

														
														
														
							

								

									
								

							

							

						

					

					
				

			

				
				
																		
		
		
										
					

				

										
					

	
			

			

																	
												
				
					Nikkben
				
				
							


												
Beginner

														
					

		
									
					

				
    
											
  • "Nikkben" started this thread
    • 
										
									

			

				
					

									
Posts: 31

								
							

				
					

				
    
											
  • Send private message
    • 
										
									

			

				
		
	

					
					

						

							

								

									8
																	

								

									
								

								

									
Monday, April 10th 2023, 3:51pm

								

							

							
							

							
							

																

									onclick="change_backgroundurl('');



	

		

			

				
					
				
				
					
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


						
				
					
<scene name="model" minpixelzoom="0" autoload="true" >
<view hlookat="90" vlookat="0" fovtype="MFOV" fov="140.000" maxpixelzoom="1" minpixelzoom="0" fovmin="70" fovmax="140" limitview="lookat" vlookatmin="-90" vlookatmax="90" />
<image prealign="-0.0|-0.0|-0.0" ox="0" oy="25" oz="0" >

<depthmap id="depthmap" url="panos/untitled2.obj" backgroundurl="panos/vid_main_optim2.jpg" scale="100" hittest="true" waitforload="true" cull="front" subdiv="0" />

</image>
<layer name="dron_container"
		type="container"
		bgalpha="1"
		bgborder="0 0x000000 0"
		alpha="1"
		align="bottom"
		keep="true"
		x="-37.5"
		y="90"
		scale="1"
		scale.mobile="1"
		visible="true"
        bgcapture="false"
        onover="set(layer[podpis_dron].visible,true);  "
        onout="set(layer[podpis_dron].visible,false); ">
		<layer name="dron_knopka"
			type="image"
			url="skin/dron.svg"
			width="75"
			height="75"
			onclick="change_backgroundurl(''); dollhouse_view(); set(layer[dron_container].visible,false); "
			onover=" "
			onout=" "
			visible="true"
			scale.mobile="0.6"
			y.mobile="65"
				x.mobile="-7"
				bgcapture="false"/>
				</layer>
</scene>

						
			

		

	


								

							

							
														
														
														
														
							

								

									
								

							

							

						

					

					
				

			

				
				
																		
		
		
										
					

				

										
					

	
			

			

																	
												
				
					kme
				
				
							


												
Intermediate

													

										
					

		
									

					
				

							
				
					

									
Posts: 261

									
Location: Belgium

									
Occupation: Long time coder, product manager and 3D enthousiast

								
							

				
					

				
    
											
    • 
											
  • Send private message
    • 
										
									

			

				
		
	

					
					

						

							

								

									9
																	

								

									
								

								

									
Monday, April 10th 2023, 4:41pm

								

							

							
							

							
							

																

									I have updated the <action> in the second post to work with more <scene> tags :)



(I also added KEEPVIEW so the view stays the same even when a view is defined in the scene)								

							

							
														
															

									Plugins and more on my gumroad page

								

														
														
														
							

								

									
								

							

							

						

					

					
				

			

				
				
																		
		
		
										
					

				

										
					

	
			

			

																	
												
				
					klaus.krpano
				
				
							


												
Administrator

													

										
					

		
									

					
				

							
				
					

									
Posts: 13,423

								
							

				
					

				
    
											
    • 
											
  • Send private message
    • 
										
									

			

				
		
	

					
					

						

							

								

									10
																	

								

									
								

								

									
Tuesday, April 11th 2023, 4:50pm

								

							

							
							

							
							

																

									Hi,



it should be even easier using loadpanoimage & image.reset:





	

		

			

				
					
				
				
					
Source code

						
			

			

				
					
1
2
3


						
				
					
image.reset('copy');                        // copy the current image settings
image.depthmap.backgroundurl = '';          // clear the backgroundurl
loadpanoimage(KEEPVIEW|PRELOAD,BLEND(0.5)); // load the new image

						
			

		

	






Best regards,

Klaus								

							

							
														
														
														
														
							

								

									
								

							

							

						

					

					
				

			

				
				
																		
		
		
										
					

				

										
					

	
			

			

																	
												
				
					kme
				
				
							


												
Intermediate

													

										
					

		
									

					
				

							
				
					

									
Posts: 261

									
Location: Belgium

									
Occupation: Long time coder, product manager and 3D enthousiast

								
							

				
					

				
    
											
    • 
											
  • Send private message
    • 
										
									

			

				
		
	

					
					

						

							

								

									11
																	

								

									
								

								

									
Tuesday, April 11th 2023, 5:15pm

								

							

							
							

							
							

																

									beauty in simplicity  *thumbsup*								

							

							
														
															

									Plugins and more on my gumroad page

								

														
														
														
							

								

									
								

							

							

						

					

					
				

			

				
				
									
		
	

				
		

		

		
		

					

	

	
		
			

						
							

					

					

						
Similar threads