Panorama blenden während dem drehen möglich? (solved)

Beginner

Friday, March 30th 2012, 8:46pm

Hallo zusammen

Ich habe ein variierendes LED Haus 5x abgelichtet und soweit alle Panoramen online.
Wenn ich dieses Panorama(offline, ENDRESULTAT im Post 8) starte und nichts tue, funktioniert die Blenderei der einzelnen Panos wunderbar.
Jedoch kann ich nach dem ersten "Blend" die Maus wegschmeissen, weil das Pano sich nicht drehen lassen will.
Umgekehrt, wenn ich das Panorama sofort drehe und dann loslasse, tut sich nichts mehr.
Desweiteren möchte ich natürlich die gerade aktuellen "Lookto" Koordinaten mitübermitteln.
Wie krieg ich den Code gebacken? Soviel ich gelesen habe, ist "rotate und loadpano" gleichzeitig nicht möglich, richtig?
Ich könnte auch mit "blend"leben, das den "inaktiven" User voraussetzt.
Der aktuelle Versuch...

Source code

 <events onloadcomplete="action(autotour);"/>
<action name="autotour">
wait(5);
loadpano(rosmarins_led_party_blau.xml,null,KEEPBASE|NOPREVIEW,BLEND(1));
wait(load);
wait(5);
loadpano(rosmarins_led_party_gruen.xml, null, MERGE, BLEND(1));
wait(load);
wait(5);
loadpano(rosmarins_led_party_4f.xml, null, MERGE, BLEND(1));
wait(load);
wait(5);
loadpano(rosmarins_led_party_lila.xml, null, MERGE, BLEND(1));
</action>

...verursacht die momentanen Probleme.

Wer kann helfen?

Gruss und danke im Voraus

360x180.ch has attached the following image:

This post has been edited 2 times, last edit by "360x180.ch" (Apr 3rd 2012, 10:22pm)

Go to the top of the page

360x180.ch

Beginner

Posts: 19

2

Friday, March 30th 2012, 9:02pm

Ich habe mir noch das example "xml slider /blending cube" angeschaut. kann ich das so verändern, dass der Slider eigenmächtig handelt?

Go to the top of the page

Pixelschupse

Beginner

Posts: 48

Location: Bielefeld

Occupation: Fotograf

3

Saturday, March 31st 2012, 12:42am

Hallo,

also nicht das ich jetzt so direkt wüsste woran es liegt, aber vielleicht kannst du uns einmal deine XML zeigen, da muss ja irgendwas im argen sein.

Das mit dem Blend ist ja nicht das Problem, ich schätze da haste dich woanders verhaspelt, das danach nix mehr geht bei der Bedienung.

Grüße

Go to the top of the page

360x180.ch

Beginner

Posts: 19

4

Saturday, March 31st 2012, 9:34pm

Hm, also:

da die 3 Sekunden"blend" Sequenz von einer Farbe zur anderen ja die Navigation lahmlegt und die Wechsel alle 5 Sekunden stattfinden, kommt die Navigation anscheinend gar nie zum Zuge.

Ich möchte aber per User "rotate" und "blend" gleichzeitig!
Frage: Grundsätzlich überhaupt möglich mit krpano? Wenn ja, wie?

Da nur die Frontfläche des LED Hauses sich ändert und der Rest der anderen 5 Panoramen exakt zu 100% der gleiche Inhalt ist,
gibt es andere Wege, z.B. die einzelnen Cubes auswechseln?
-->Slider blend cubes?
Edit: Scheint vielversprechend...

Nur so als Idee:
Wäre der Umweg via JPG Einbindung der LED Fassade nicht auch eine Lösung? Wahrscheinlich wird die Positionierung schwierig..
Edit: Jepp, funktioniert, leider dauert das Positionieren eine Ewigkeit via Hotspot rx, ry & rz.... matched:99%
Kanns auch nicht sein...

Ich bleib dran
Danke

This post has been edited 1 times, last edit by "360x180.ch" (Apr 1st 2012, 2:15am)

Go to the top of the page

360x180.ch

Beginner

Posts: 19

5

Saturday, March 31st 2012, 11:39pm

Interessanterweise funktioniert es halbwegs (offline) mit delayedcall:

Source code

<events onloadcomplete="action(autotour);"/>

<action name="autotour">

wait(2);
loadpano(rosmarins_led_party_blau.xml,null,NOPREVIEW,BLEND(6));
delayedcall (10, loadpano(rosmarins_led_party_gruen.xml, null, MERGE, BLEND(6)));
delayedcall (18, loadpano(rosmarins_led_party_4f.xml, null, MERGE, BLEND(6)));
delayedcall (26, loadpano(rosmarins_led_party_lila.xml, null, MERGE, BLEND(6)));
delayedcall (35, loadpano(rosmarins_led_party_rot.xml, null, MERGE, BLEND(6)));

</action>

Zumindest kann teilweise zwischen dem blenden navigiert werden. Sogar die Koordinaten werden übermittelt, wenn nicht grad die Maustaste gehalten und bewegt wird.
Überzeugend ist die aber nicht...

This post has been edited 1 times, last edit by "360x180.ch" (Apr 3rd 2012, 10:22pm)

Go to the top of the page

360x180.ch

Beginner

Posts: 19

6

Sunday, April 1st 2012, 2:08am

Rumspielen macht Spass!

Habe aus den examples mal die "Slider blend cubes" Variante bearbeitet.

Da das Beispiel nicht Navigieren und Sliden gleichzeitig zulässt, habe ich "autorotate" eingefügt und dann am Slider rumgespielt. SIEHE DA!
Navigieren UND blenden geht also doch!

Die nächsten Probleme sind:
Slider umbauen in Automatisierung & Erweiterung auf 5 Panoramen.
Hier steh ich voll am Zaun, der Aufbau des Blendeffektes im Slider verstehe ich nicht.
Und woher dieser kurze Abblendeffekt kommt beim Sliden suche ich auch noch...
Wer kennt sich aus?

Go to the top of the page

360x180.ch

Beginner

Posts: 19

7

Sunday, April 1st 2012, 11:48pm

1,2 oder 3, letzte Chance...öh---> interactivearea.xml aus den examples?

Mit dem example "interactivearea.xml " lässt sich das ganz easy programmieren.
Hier der neueste Stand des Irrtums umgesetzt (offline)

Source code

<!--
<!--
	krpano 1.0.8
	- interactive hotspot area example
	- a polygonal hotspot is used as 'hitarea' for fading in a image hotspot
-->

<krpano version="1.0.8" onstart="start();">

	<!-- text styles for startup text and onhover text -->
	<textstyle name="infostyle"
	       	origin="center" edge="center" yoffset="-100" textalign="center" background="false" border="false"
	       	fontsize="40" textcolor="0xFFFFFF" bold="false" effect="glow(0xFFFFFF,0.7,4,2);glow(0x000000,1,4,2);dropshadow(3,45,0x000000,2,0.6);"
	       	showtime="2.0" fadeintime="1.0" fadetime="1.0"
	       	/>

	<action name="start">
		showtext('[b][i]krpano[br]interactive hotspot area example[/i][/b]', infostyle);
		delayedcall(4.0, showtext('hover the red car', infostyle); );
	</action>

	<view hlookat="0" vlookat="0" fov="90" fovmax="120" />


	<image>
		<left  url="rosmarins_led_party_gruen_l.jpg" />
		<front url="rosmarins_led_party_gruen_f.jpg" />
		<right url="rosmarins_led_party_gruen_r.jpg" />
		<back  url="rosmarins_led_party_gruen_b.jpg" />
		<up	url="rosmarins_led_party_gruen_u.jpg" />
		<down  url="rosmarins_led_party_gruen_d.jpg" />
	</image>


	<hotspot name="rot"
	     	url="rosmarins_led_party_rot_f.jpg"
	     	enabled="false"
	     	zorder="1"
	     	distorted="true"
	     	ath="0"
	     	atv="0"
	     	width="1000"
	     	height="1000"
	     	edge="center"
	     	ox="0"
	     	oy="0"
	     	alpha="0.0"
              	onloaded="delayedcall (5,tween (alpha,1,7))"
	     	/>

	<hotspot name="blau"
	     	url="rosmarins_led_party_blau_f.jpg"
	     	enabled="false"
	     	zorder="1"
	     	distorted="true"
	     	ath="0"
	     	atv="0"
	     	width="1000"
	     	height="1000"
	     	edge="center"
	     	ox="0"
	     	oy="0"
	     	alpha="0.0"
              	onloaded="delayedcall (13,tween (alpha,1,7)); delayedcall (13,tween(hotspot[rot].alpha, 0,7))"
	     	/>
	<hotspot name="gruen"
	     	url="rosmarins_led_party_gruen_f.jpg"
	     	enabled="false"
	     	zorder="1"
	     	distorted="true"
	     	ath="0"
	     	atv="0"
	     	width="1000"
	     	height="1000"
	     	edge="center"
	     	ox="0"
	     	oy="0"
	     	alpha="0.0"
              	onloaded="delayedcall (21,tween (alpha,1,7)); delayedcall (21,tween(hotspot[blau].alpha, 0,7))"
	     	/>

<!-- Editor            	-->

<plugin name="editor" url="../plugins/editor.swf" />

   <plugin name="options" url="../plugins/options.swf" />

</krpano>

Klappt mit einem Cube bis jetzt ganz gut, nun noch der 2. Cube (linke Gebäudehälfte).

Wie loopt man eigentlich die Blenderei in einer sauberen "action"?

This post has been edited 2 times, last edit by "360x180.ch" (Apr 3rd 2012, 9:55pm)

Go to the top of the page

360x180.ch

Beginner

Posts: 19

8

Tuesday, April 3rd 2012, 9:52pm

Erledigt! 5 - Layer Panorama

So, nach diesem autodidaktischen Beinah-Monolog und mehrfacher Nutzung des Freds als Ideen-Post-it nun die finale Version:

5 - Layer Blendmix von 2 Cubes

Mein CPU Kühler läuft nach 1 Min zuschauen ziemlich hochtourig, "tween" scheint ihren Tribut zu fordern...

Bei Grafik- oder Performanceproblemen wäre ich dankbar für Feedback...wenn im Code noch ein paar Watt & Celsius gespart werden können ebenso!

Source code

<krpano version="1.0.8" onstart="start(); ">

<events onloadcomplete="delayedcall(1.0, normalview());" />
<include url="../skin/defaultskin.xml" />
<plugin name="cameracontrols" url="../plugins/cameracontrols.swf" zoom_refresh_fps="10" keep="true" align="leftbottom" x="-97
 " y="2%" scale="1"/>

<!-- text styles for startup text and onhover text -->
<textstyle name="infostyle"
       origin="center" edge="center" yoffset="-39" textalign="center" background="false" border="false"
                fontsize="40" textcolor="0xFFFFFF" bold="false"
                effect="glow(0xFFFFFF,0.7,4,2);glow(0x000000,1,4,2);dropshadow(3,45,0x000000,2,0.6);"
       showtime="3.0" fadeintime="1.0" fadetime="1.0"
       />
   <textstyle name="hsbg"
       font="Arial" background="false" border="false"
                fontsize="20" textcolor="0xFFFFFF" bold="false"
                effect="glow(0xFFFFFF,0.7,4,2);glow(0x000000,1,4,2);dropshadow(3,45,0x000000,2,0.6);"
       fadeintime="0.2" fadetime="1.0"
       />

<action name="start">
5 - Layer Blendmix   [br]
</action>

<image>
<left  url="rosmarins_led_party_blau_l.jpg" />
<front url="rosmarins_led_party_blau_f.jpg" />
<right url="rosmarins_led_party_blau_r.jpg" />
<back  url="rosmarins_led_party_blau_b.jpg" />
<upurl="rosmarins_led_party_blau_u.jpg" />
<down  url="rosmarins_led_party_blau_d.jpg" />
</image>

     <!-- Startsequenz Intro  -->

<view stereographic="false"
  fisheye="0.0"
  fov="105"
  fovmax="160"
  hlookat="-106"
  vlookat="0"/>

<action name="normalview">
             tween(view.hlookat, -59,4, easeInOutQuad );
tween(view.vlookat, 0,   4, easeInOutQuad );
              tween(view.fov,92, 4, easeInOutQuad, WAIT);

             delayedcall(1,action(Farbenmix));
</action>


<!-- Frontwürfel  (f)-->

     	<hotspot name="gruen"
              	url="rosmarins_led_party_gruen_f.jpg"
              	enabled="false"
              	zorder="1"
              	distorted="true"
              	ath="0"
              	atv="0"
              	width="1000"
              	height="1000"
              	edge="center"
              	ox="0"
              	oy="0"
              	alpha="0.0"
              	visible="false"
              	onloaded=""
              	/>

     	<hotspot name="lila"
              	url="rosmarins_led_party_lila_f.jpg"
              	enabled="false"
              	zorder="2"
              	distorted="true"
              	ath="0"
              	atv="0"
              	width="1000"
              	height="1000"
              	edge="center"
              	ox="0"
              	oy="0"
              	alpha="0.0"
              	visible="false"
              	onloaded=""
              	/>


	<hotspot name="rot"
	     	url="rosmarins_led_party_rot_f.jpg"
	     	enabled="false"
	     	zorder="3"
	     	distorted="true"
	     	ath="0"
	     	atv="0"
	     	width="1000"
	     	height="1000"
	     	edge="center"
	     	ox="0"
	     	oy="0"
	     	alpha="0.0"
     		 visible="false"
              	onloaded=""
	     	/>

<!-- Linker Würfel  (l)-->

     	<hotspot name="gruen2"
              	url="rosmarins_led_party_gruen_l.jpg"
              	enabled="false"
              	zorder="1"
              	distorted="true"
              	ath="-90"
              	atv="0"
              	width="1000"
              	height="1000"
              	edge="center"
              	ox="0"
              	oy="0"
              	alpha="0.0"
     		 visible="false"
              	onloaded=""
	     	/>

     	<hotspot name="lila2"
              	url="rosmarins_led_party_lila_l.jpg"
              	enabled="false"
              	zorder="2"
              	distorted="true"
              	ath="-90"
              	atv="0"
              	width="1000"
              	height="1000"
              	edge="center"
              	ox="0"
              	oy="0"
              	alpha="0.0"
              	visible="false"
              	onloaded=""
              	/>

     	<hotspot name="rot2"
              	url="rosmarins_led_party_rot_l.jpg"
              	enabled="false"
              	zorder="3"
              	distorted="true"
              	ath="-90"
              	atv="0"
              	width="1000"
              	height="1000"
              	edge="center"
              	ox="0"
              	oy="0"
              	alpha="0.0"
              	onloaded=""
              	visible="false"
              	onloaded=""
              	/>


     	<action name="Farbenmix_gruen">

             	tween(hotspot[lila].alpha, 0,3);
		set  (hotspot[rot].alpha, 0);
             	set  (hotspot[rot2].alpha, 0);
      		set  (hotspot[rot].visible, false);
             	set  (hotspot[rot2].visible, false);
             	set  (hotspot[gruen].visible, true);
             	set  (hotspot[gruen2].visible, true);
             	tween(hotspot[gruen].alpha, 1,3);
             	tween(hotspot[gruen2].alpha, 1,3);
             	delayedcall(7, action (Farbenmix_lila));
            	</action>

     	<action name="Farbenmix_lila">

             	set  (hotspot[lila].visible, true);
             	set  (hotspot[lila2].visible, true);
             	tween(hotspot[lila].alpha, 1,3);
             	tween(hotspot[lila2].alpha, 1,3);
             	delayedcall(7, action (Farbenmix_rot));
            	</action>


      	<action name="Farbenmix_rot">

      		set  (hotspot[gruen].alpha, 0);
             	set  (hotspot[gruen2].alpha, 0);
             	set  (hotspot[gruen].visible, false);
             	set  (hotspot[gruen2].visible, false);
             	set  (hotspot[rot].visible, true);
             	set  (hotspot[rot2].visible, true);
             	tween(hotspot[rot].alpha, 1,3);
             	tween(hotspot[rot2].alpha, 1,3);
             	delayedcall(7, action (Farbenmix_blau));
            	</action>


      	<action name="Farbenmix_blau">

             	set  (hotspot[lila].alpha, 0);
             	set  (hotspot[lila2].alpha, 0);
             	set  (hotspot[lila].visible, false);
             	set  (hotspot[lila2].visible, false);
             	tween(hotspot[rot].alpha, 0,3);
             	tween(hotspot[rot2].alpha, 0,3);
             	delayedcall(7, action (Farbenmix_gruenrot));
            	</action>



      	<action name="Farbenmix_gruenrot">

             	set  (hotspot[rot2].alpha, 0);
             	set  (hotspot[rot2].visible, false);
             	set  (hotspot[gruen2].visible, true);
             	tween(hotspot[gruen2].alpha, 1,3);
             	tween(hotspot[rot].alpha, 1,3);
             	delayedcall(7, action (Farbenmix_blaulila));
            	</action>


      	<action name="Farbenmix_blaulila">

             	tween(hotspot[rot].alpha, 0,3);
             	tween(hotspot[gruen2].alpha, 0,3);
             	set  (hotspot[lila].visible, true);
             	tween(hotspot[lila].alpha, 1,3);
             	delayedcall(7, action (Farbenmix_gruen));
            	</action>





<!-- Lensflares  -->
<lensflare name="lf0" set="USER1" visible="true"  ath="254.3" atv="-27.6" size="0.30" blind="0.0" blindcurve="4.00" />
<lensflare name="lf1" set="USER1" visible="true"  ath="353.5" atv="-17.3" size="0.30" blind="0.0" blindcurve="4.00" />
<lensflare name="lf2" set="USER1" visible="true"  ath="47" atv="-54.5" size="0.5" blind="0.2" blindcurve="4.00" />

 <lensflareset name="USER1" url="../flare2.jpg">
<flare name="f01" pixsize="128" pixupos="0" pixvpos="0" color="0xffffff" pos="+0.00" scale="0.130"/>
<flare name="f02" pixsize="128" pixupos="256" pixvpos="0" color="0x200a05" pos="-0.40" scale="0.100"/>
<flare name="f03" pixsize="128" pixupos="128" pixvpos="0" color="0x967878" pos="+0.30" scale="0.100"/>
<flare name="f04" pixsize="128" pixupos="256" pixvpos="0" color="0x2b2d14" pos="+0.60" scale="0.092"/>
<flare name="f05" pixsize="128" pixupos="128" pixvpos="0" color="0x46140a" pos="+0.40" scale="0.050"/>
<flare name="f06" pixsize="64" pixupos="512" pixvpos="0" color="0x142800" pos="+0.25" scale="0.018"/>
</lensflareset>


</krpano>

This post has been edited 1 times, last edit by "360x180.ch" (Apr 4th 2012, 10:39pm)

Go to the top of the page

Nupsi

Intermediate

Posts: 427

9

Wednesday, April 4th 2012, 9:59am

Hi namenloser,

vom Grundprinzip her stimmt eigentlich alles, auch wenn Du wohl noch etwas Rechenpower einsparen könntest, indem Du jeweils immer nur einen delayedcall laufen lässt und die verschiedenen Hotspots beim start auf "visible=false" setzt und erst direkt vor dem alpha-tween das tag auf true wechselst. Denn momentan sind alle Hotspots beim Start zwar wie gewollt unsichtbar, da transparent, aber dennoch vorhanden und aktiv.

Anstelle der vielen gleichzeit ablaufenden delayedcalls würde ich empfehlen eine action zu schreiben welche nur einen einzigen delayedcall nutzt und die jeweilige Farbe, und damit auch den hotspotnamen, per rotierender variable übermittelt bekommt. Ich hab zwar keine Ahnung wieviel performance mehrere delayedcall-Aufrufe wirklich verschlingen, aber auf diese Weise wäre das hinzufügen weiterer Farben auch wesentlich leichter.

Gruß
Nupsi

Go to the top of the page

klaus.krpano

Administrator

Posts: 7,264

10

Wednesday, April 4th 2012, 4:00pm

Hi,

das delayedcall und das tween selbst sollte Performance-mäßig kaum etwas aus machen, allerdings mehrere große distorted Hotspots zusammen mit alpha-blending zu zeichnen ist für eine CPU einfach eine extreme Arbeit!

Wenn möglich versuchen, die aktuell nicht verwendetet Hotspots per visible="false" oder auch autoalpha="true" entfernen - das entlastet den Flashplayer, da dieser dann weniger Hotspots zeichnen und überblenden muss.

Schöne Grüße,
Klaus

Go to the top of the page

360x180.ch

Beginner

Posts: 19

11

Wednesday, April 4th 2012, 10:49pm

Danke Euch beiden!

Ja, das visible="false", holt die CPU von ihrem Trip runter, nur noch Ressourcen-Peaks beim blenden und Lüfterstufe 2-3, vorher 5-6.

Der Code wurde soweit umgeschrieben und im Post 8 korrigiert.
@Nupsi
Leider fehlt mir genau die Krpano Lektion, wie man mit Variablen um sich schmeisst. Insofern würde mich dieses Thema schon interessieren, um noch ein paar Codezeilen zu sparen.
Wo genau muss mein Verständnis ansetzen?

Gruss

der Namenlose alias 2d3d

Go to the top of the page

Nupsi

Intermediate

Posts: 427

12

Wednesday, April 4th 2012, 11:29pm

Autoalpha ist ja genial *blink*

Krpano hört doch nie auf mich zu verblüffen!

@r2d2 *g*

Die krpano beiliegenden Beispiele sollten einen guten Start ermöglichen. Und zur Hilfe dann die Doku und Forum. Die Arbeit mit Variablen ist aber sehr einfach und schnell zu erlernen. In Deinem Beispiel koennte das in etwa so ausschauen:

set(h1,rot);
set(h2,blau);
set(h3,lila);

Usw. bis alle gewuenschten Hotspot-Farben abgedeckt sind. Und dann kannst Du diese Variablen nutzen um eine automatische Schleife zu kreieren:

<action name="blend">
if(ct == null, set(ct,1)); 
txtadd(hsname,'h',get(ct));
set(hotspot[get(hsname)].visible,true);
inc(ct,1);
if(ct LE 5,action(blend)); 
</action>

ist natuerlich so nicht lauffaehig, aber es zeigt hoffentlich den Weg. Sorry fuer Fehler, ist schon spaet und das tippen von code auf dem iPad ist echt grausam ;-)

Gruss
Nupsi

Go to the top of the page