Animated hotspot

[domel]

Hello,
I've been playing with the animated hotspots for a while, basing them on this tutorial video:
https://youtu.be/3h449wL5oJI?t=232

and have one question (probably something simple and obvious, but can't figure it out on my own)

so, in the video (at the time linked - 3:54) we're getting to the point where the circle is scaling from 0.5 to 1 and the alpha channel from 1-0 and then from 1 to 0.5 and alpha from 0 to 1. What i'm trying to do (unsuccessfully) is to skip the 2nd step - so the circle starts at 0.5x of its size, grows to 1x, at the same time fading out... but now, we're getting exact the same action - another circle starts at 0.5x size and expands while fading out.

hope it makes sense,
thanks for the help

[Hopki]

Hi,
The scale of the circle should is 0.5 ten the logic block takes it to 1.00.
You need to change the scale from 0.5 to 1.00.
Then the logic block change ht_ani so when its true change the scale to 0.5.
So your just reversing what is happening.
Regards,
Hopki

[domel]

Thanks for the reply Hopki,
i'm not sure if that's what i was looking for.. probably I didnt make it clear...

Think, it's easier to show what i meant. Basically, (very roughly) that's what i meant:
https://www.youtube.com/watch?v=VV8LgQc4E8I

So, skipping the second circle altogether from the tutorial, and using only first part of the animation of the first circle... but no matter what i do, it always showing the other part when the circle getting smaller from 1 to 0.5 with alpha going from 0 to 1 (which i dont want to)

hope it's clearer now

[domel]

ok, finally managed to do it.
in case anyone is interested reading it in the future, the solution was to use additional logic block for the circle, but rather then in 'appearance', do it in 'rectangle' properties, and change the color (or to be specific the alpha channel) of the border from whatever color it if by default with 'AC' value of 255 to 0, using the same *ht_ani varriable as a trigger, but this time without the transition.

So, there are 3 logic blocks - scalling and alpha (in appearance) - these are using transition, so the fading out and extension of the circle for the movement out are animated, and then when it's 'coming back' the 3rd logic block (border color in 'rectangle' settings) hides it.

and the final result is something like that:

http://redpaw.ie/360/

[Hopki]

Hi,
Nice
I noticed that if you mouse over the outer edge you see the thumbnail but it does not scale until you hover over the centre.
Is this by design?
Cheers,
Hopki

[domel]

Thanks, Well spotted. Nope, it wasnt intended... the 'mouse over parent' attribute didnt cover the outside circle.
Took a while to find the solution.. had to go with variables, but it should be ok now.

Have two small issues though...

when you go inside the Mazda to have 'image' hotspots - when moving the mouse between the thumbnail and the image icon at the bottom, the thumbnail flashes revealing the blue background... then you try that on the node hotspot with moving the mouse between the thumbnail and the arrow none of such thing happens, even though all the settings are pretty much the same.

The second issue is when clicking on the thumbnail of the image hotspot... the image appears but the thumbnail shows for the 0.5sec over it (even though it's on the lower layer in the skin). I tried setting up some variables to set the visibility on click to 0, but no luck. there's an animation assigned to the thumbnail (changing size and fade out on mouse leave) for 0.5 sec, so i thought it might be overriding the other layer, but it doesnt even look like the thumbnail image is animated... it stays the same size and transparency for the whole 0.5 and then disappears?

not sure what am i doing wrong now

[Hopki]

HI,
Looking at your project, what I see is the image popups do not have an preview images.
Should they?
If they are I take it your using external image loaders or dedicated hotspots with images, JPG etc.
Sorry I don't really understand what you are referring to in your first question as everything is working as I would expect with no preview image in the image hotspots.

For the second question just set the external loader that shows the popup to Z-Index = 10.
If the point hotspot is at default its z-index will be 0 so the popup image will be above it.

Regards,
Hopki

[domel]

Thanks Hopki,

The second issue is sorted now, thanks for the z-index tip!

regarding the first one, yes there should be thumbnail images popping out the same way they do for the node hotspots.

here's what it should look like (and the issue i'm getting)
https://www.youtube.com/watch?v=1AVgoPgHFKI

thanks,
dom

[Hopki]

Hi dom,
I would need to see your skin but I suspect it has to do with the image unloading from the external loader.
If your going to send your slow please also include some of the preview images.
Regards,
Hopki

[domel]

Thanks Hopki,
here's the full project:

https://www.dropbox.com/s/8posl1sk6twm3 ... r.zip?dl=1

thanks,
dom

[Hopki]

Hi dom,
Please see the attached skin.
The problem is your mouse overing an external loader which has an element overlapping it.
The image in not in the skin so to speak so there will always be a "gap" between the displayed image and anything over lapping it.
The skin uses a rectangle that covers both the external loader and image so the mouse is on the rectangle.
Regards,
Hopki

[domel]

Thanks Hopki,
The problem now is that there's no initial animation (fade in and zoom out) the the thumbnail image appears (it's still there when mouse leaves the hotspot tho). The image just appears.

Is there any other way to make the different images appear as thumbnails in the different hotspots, but having them included in the skin, so that issue is eliminated?

all the best,
dom

[Hopki]

Hi dom,
I found a bug when I was looking at this with this in V6, seems to work ok in V5 but V6 brakes it.
Better to look at this again when it gets fixed or use V5 fro now.
Regards,
Hopki

[domel]

Cool, thanks. there's no rush.. it's just a work in progress, trying to build and polish the skin before taking it public, so can wait for now.

thanks,
dom