Join two animations together

[christoph_allerhand]

Hi

I worked on a animated Menu with petals. (https://community.adobe.com/t5/animate-discussions/im-kreis-angeordnetes-animiertes-menu/m-p/1335285...)

With some great help from kglad I got the menu to work the way I wanted it to.

Now I would like to go one step further and put an animation in front, which finally leads to the flower menu. I thought I could put a lot of keyframes in front of the Scene1 and put in the opening animation there. But unfortunately I didn't manage it. Where should I start?

Regards

Christoph

[kglad]

hi again,

there should be no problem with your idea except, you'll need to add this.stop() to the frame with your flower petals

[christoph_allerhand]

hi again 😉

i will try this.

regards

christoph

[kglad]

repost here if you have any problem.

[christoph_allerhand]

Hi
I was succesfull

I was successful.Thank you.  I was able to implement the animation in such a way that one animation merges into the other. Now a few new questions have arisen.

I wanted the animation to only start after a click.

I used the following code for this:

--

this.stop();

function playAnimation() {
this.play();
}

this.drehblume.addEventlistener("click",playAnimation.bind(this));

--

Unfortunately this doesn't work. The image freezes at frame 1 and clicking does not start the animation.

2. How can I make the links use target="_self instead of target="_blank?

3. Is it possible to use the "hand" type instead of the normal cursor when mouseover?

https://neu.wohngrupperose.ch/images/animation/rose_animation.html

All the best. Merry Christmas and a happy New Year.

Regards

Christoph

[kglad]

1. code is ok , but there's probably a drehblume issue.  open your browser console to confirm.  paste the browser text if you don't understand .

2.  if you have window.open(), change second parameter to "_self"

3.use

stage.cursor = "pointer";

stageEnableMouseOver();

[christoph_allerhand]

Hi

Thanks for helping. And sorry for my delay. I had some holidays ...
Perfect. "Pointer" and "_self" are working as expected.

Start via click still doesn't work. In the Console i have the following errors (s. animate_01.png).

Best regards

Christoph

[kglad]

that should be addEventListener, not addEventlistener.

ie, that capital vs lower case L makes a difference.

(and happy new year!)

[christoph_allerhand]

Hi kglad

Thank you very much. That was the Point!
On last thing. I tried to change the cursor for the Startanimation as well.

So i used the same code

stage.cursor = "pointer";

stageEnableMouseOver();

but that doesn't work.

Best regards

Christoph

[kglad]

stage.enableMouseOver();

stage.cursor = "pointer";

works for me.  how are you testing?

[christoph_allerhand]

Hi kglad

Maybe i did something wrong. It works perfect now.

Thank you!

Regards

Christoph

[kglad]

you're welcome.

[christoph_allerhand]

OK. Almost done 😉
Now i have 2 new Problems.

1. The Links (clicks) do not work with Safari-Browser.

2. With the functioning browsers, the new page has recently opened within the canvas.

See here 

Thanks

And best regards

[kglad]

what's the safari console show when you click a link?

[christoph_allerhand]

Many Thanks. Unfortunately, I won't have access to a Mac again until Monday. I'll get in touch.

Best regards

Christoph

[kglad]

ok. (enjoy your weekend!)