How to start an animation action on a hotspot sprite sheet from another hotspot ?

DarManiac · November 4, 2017 at 10:57 AM

Hi,

These forums are very helpful. I believe, I have never been stuck on a krpano project and not found an answer here. Krpano itself is a genius piece of software and with the best help in this forum.

My question today is I have a sprite sheet that I am animating on a hotspot, which works fine:

Code

<style name="w_style"              
	url="skin/asst1b.png"                
	crop="0|0|77|153"              
	frames="7" framewidth="77" frameheight="153" frame="1" loopNo="19" loopCount="0"                
	column="1" columns="7" columnframenr="1"   
	onloaded=""                         
	altonloaded="if(isphone, mul(scale,2)); onloaded();"                
	scale="1.5"             
	edge=""             
	oy="0"              
	onclick="w_animate();"              
	distorted="true" 
    />






<action name="w_animate">       
	inc(frame,1,get(frames),1);         
	mul(t, column, columnframenr);      
	add(t,1);       
	if(frame == t, inc(column,1));  
	sub(xp, column,1);          
	mul(xp, framewidth);            
	mul(yp,frame,frameheight);          
	mul(ch, columnframenr, frameheight);            
	sub(cm, column,1);          
	sub(q,columns,1);       
	mul(ce, ch,cm);
	if(cm==q, set(column, 1));  
	if(yp GT ch, sub(yp, ce));          
	sub(yp, frameheight);                       
	txtadd(crop, get(xp),'|',get(yp),'|',get(framewidth),'|',get(frameheight));
	if(loopCount LE loopNo, inc(loopCount, 1);  delayedcall(0.08, w_animate() ); , set(loopCount, 0); );
</action>

Display More

Now when I am calling the hotspot in a scene it works fine too.

Code

<scene name="" title="" onstart="" thumburl="" lat="" lng="" heading="">
	.
	.	.	.
	<hotspot name="asst_cursor" 
	style="w_style"
	ath="61.016" atv="-5.7"
	enabled="true"
	onclick="w_animate();"
	/>

But what I want is to call the animation on that hotspot after clicking on another hotspot and I cannot get my head around how to do that ...
This part below is the problem:

Code

<hotspot name="spotOpt1" url="skin/buttons_yellow.png" distorted="true" scale="0.25" enabled="true" ath="45.382" atv="-0.911" 
					onclick="set(hotspot[asst_cursor].w_animate(); );" />

Thanks,
DarManiac

jeromebg · November 5, 2017 at 5:31 PM

call the action with the name of the hotspot you want to animate :

Code

onclick="w_animate(name_of_the_hotspot);"

and in your action get this name with %1

Code

<action name="w_animate">       
	inc(frame,1,get(hotspot[%1].frames),1);  
        ...

DarManiac · November 6, 2017 at 11:38 AM

Hi Jerombg,

Thanks. I tried your suggestion but it doesn't seem to be working. Did I do something wrong... ??

Outside Scene:

Code

<style name="w_style" 
        url="skin/asst1b.png" 
        crop="0|0|77|153" 
        frames="7" framewidth="77" frameheight="153" frame="1" loopNo="19" loopCount="0" 
        column="1" columns="7" columnframenr="1" 
        onloaded="" 
        altonloaded="if(isphone, mul(scale,2)); onloaded();" 
        scale="1.5" 
        edge="" 
        oy="0" 
        onclick="w_animate();" 
        distorted="true" 
    />

Display More

In Scene:

Code

<hotspot name="spotOpt3" url="skin/buttons_yellow.png" distorted="true" scale="0.25" enabled="true" ath="45.382" atv="-16.911" 
                                                                                    onclick="w_animate1(asst_cursor);" />


    <action name="w_animate1"> 
        inc(get(hotspot[%1].frame),1,get(hotspot[%1].frames),1); 
        mul(t, get(hotspot[%1].column), get(hotspot[%1].columnframenr)); 
        add(t,1); 
        if(get(hotspot[%1].frame) == t, inc(get(hotspot[%1].column,1))); 
        sub(xp, get(hotspot[%1].column),1); 
        mul(xp, get(hotspot[%1].framewidth)); 
        mul(yp, get(hotspot[%1].frame), get(hotspot[%1].frameheight)); 
        mul(ch, get(hotspot[%1].columnframenr), get(hotspot[%1].frameheight)); 
        sub(cm, get(hotspot[%1].column),1); 
        sub(q, get(hotspot[%1].columns),1); 
        mul(ce, ch,cm);
        if(cm==q, set(get(hotspot[%1].column), 1)); 
        if(yp GT ch, sub(yp, ce)); 
        sub(yp, get(hotspot[%1].frameheight)); 
        txtadd(crop, get(xp),'|',get(yp),'|',get(hotspot[%1].framewidth),'|',get(hotspot[%1].frameheight));
        if(get(hotspot[%1].loopCount) LE get(hotspot[%1].loopNo), inc(get(hotspot[%1].loopCount), 1);  delayedcall(0.08, w_animate(asst_cursor) ); , set(get(hotspot[%1].loopCount), 0); );
    </action>

Display More

jeromebg · November 6, 2017 at 1:35 PM

what is the code of your asst_cursor hotspot ?

DarManiac · November 6, 2017 at 1:42 PM

Code

<hotspot name="asst_cursor" 
            style="w_style"
            ath="61.016" atv="-5.7"
            enabled="true"
         />

jeromebg · November 6, 2017 at 1:56 PM

<action name="w_animate1">
inc(get(hotspot[%1].frame),1,get(hotspot[%1].frames),1);
mul(t, get(hotspot[%1].column), get(hotspot[%1].columnframenr));
add(t,1);
if(get(hotspot[%1].frame) == t, inc(get(hotspot[%1].column,1)));
sub(xp, get(hotspot[%1].column),1);
mul(xp, get(hotspot[%1].framewidth));
mul(yp, get(hotspot[%1].frame), get(hotspot[%1].frameheight));
mul(ch, get(hotspot[%1].columnframenr), get(hotspot[%1].frameheight));
sub(cm, get(hotspot[%1].column),1);
sub(q, get(hotspot[%1].columns),1);
mul(ce, ch,cm);
if(cm==q, set(get(hotspot[%1].column), 1));
if(yp GT ch, sub(yp, ce));
sub(yp, get(hotspot[%1].frameheight));
txtadd(crop, get(xp),'|',get(yp),'|',get(hotspot[%1].framewidth),'|',get(hotspot[%1].frameheight));
if(get(hotspot[%1].loopCount) LE get(hotspot[%1].loopNo), inc(get(hotspot[%1].loopCount), 1); delayedcall(0.08, w_animate(asst_cursor) ); , set(get(hotspot[%1].loopCount), 0); );
</action>

should be

<action name="w_animate1">
inc(get(hotspot[%1].frame),1,get(hotspot[%1].frames),1);
mul(t, get(hotspot[%1].column), get(hotspot[%1].columnframenr));
add(t,1);
if(get(hotspot[%1].frame) == t, inc(get(hotspot[%1].column,1)));
sub(xp, get(hotspot[%1].column),1);
mul(xp, get(hotspot[%1].framewidth));
mul(yp, get(hotspot[%1].frame), get(hotspot[%1].frameheight));
mul(ch, get(hotspot[%1].columnframenr), get(hotspot[%1].frameheight));
sub(cm, get(hotspot[%1].column),1);
sub(q, get(hotspot[%1].columns),1);
mul(ce, ch,cm);
if(cm==q, set(get(hotspot[%1].column), 1));
if(yp GT ch, sub(yp, ce));
sub(yp, get(hotspot[%1].frameheight));
txtadd(crop, get(xp),'|',get(yp),'|',get(hotspot[%1].framewidth),'|',get(hotspot[%1].frameheight));
if(get(hotspot[%1].loopCount) LE get(hotspot[%1].loopNo), inc(get(hotspot[%1].loopCount), 1); delayedcall(0.08, w_animate1(asst_cursor) ); , set(get(hotspot[%1].loopCount), 0); );
</action>

DarManiac · November 6, 2017 at 2:04 PM

Thanks so much for the prompt response

I see w_animate1 error that i made. I still copied that entire block you gave just to be sure.

I tested it and what is happening is that the button I am clicking is getting cropped, but the other hotspot isn't getting animated...

jeromebg · November 8, 2017 at 10:43 AM

why not just calling the hotspot onclick action then, something like :
<hotspot name="spotOpt3" onclick="callwith(hotspot[asst_cursor],onclick())"/>

DarManiac · November 8, 2017 at 2:21 PM

Thanks Jerome ... You're brilliant.. It works... Thank you so much ... was whacking my head over this. I did not know how to use call with function...

Thanks,
DarManiac

How to start an animation action on a hotspot sprite sheet from another hotspot ?

Participate now!

Users Viewing This Thread