quote:

Originally posted by William McCormick:

quote:

Originally posted by Harpo:
This is one way to do it:

Basically, you can make an action/event combination that scales up on 'mouse over' and down on 'mouse leave' by using the 'reverse each cycle' option but there are a few quirks yet to be worked out so the steps are a little more complicated than they might be.

1. Make an object, I'll call it 'obj1'

2. click the Action Editor button to create an action for that object (call it 'act1').

3. In the Action Editor's 'Transforms' tab, Choose a scaling value, say 1, at turn on (check) the 'reverse each cycle' check box beside it

Now in an ideal world, all you would need to do is add an event to the object, then give the event a Trigger Event of 'mouse over' and an End Event of 'mouse leave', leaving everything else in the event at its default.

That would be all you need to do except right now the action in Web Engine is always triggered once when the page is loaded. So the object will scale up once when the page is loaded.

Assuming that is not what you want, but rather you want it to only scale when you mouse over/mouse leave, you have to do a little bit more to prevent the action from occurring until the first mouse over:

4. Leave the first object as a temporary working object (that gives you a place to edit the action) and create your first real object (call it 'obj2').

5. Don't give 'obj2' an action.

6. Give it an Event (select the object then click on the Event Editor button). Call it 'evt1'.

7. Give the event a Trigger Event of 'mouse over' and an End Event of 'mouse leave'. Leave everything else in the event at its default.

8. Now, in the event tab 'Metamorph' check the 'Change this Object' check box.

9. Next, check the ''Change Action' checkbox and select 'act1' in the listbox beside it.

What this does is create an event with no action but gives it 'act1' on the first mouse over.

Obj2 should now do what you want but you need to adjust the scaling to suit your needs.

That leads to the other complication. Because the scaling doesn't include a path, the timing is set to 'per second'. That means the object scales to the given value in 1 second and the action 'speed' has no effect. If you don't want the scaling to take 1 second, what you can do is set scaling to more than you want but set the 'duration' (in the Action Editor, Timing tab) to a fraction of a second.

So for a quick, small grow/shrink cycle try scaling of '1' and a duration of '0.1'.

The final hurdle is that there is a bug that prevents duration from accepting the decimal point if you try to type it in. So you will have to copy/paste the text, 0.1, in from somewhere else.

10. Now, if that timing works for you, you can create the other objects and, using the Object editor, select 'evt1' into each one.

You can delete your temporary object ('obj1') if you want now. Just create a new one and give it 'act1' if you want to adjust the action values.

I hope that helps you. It sounds more complicated than it actually is but hopefully, in furture releases, we will make this much more automatic.

I was dabbling and came across something really cool.

Place a picture object. Setting transformation, scaling action slider bar all the way to the right or to one. Later you can adjust the speed with timing.

Give it a "Trigger Event", "user trigger" of "mouse over".

And a "Dynamic Trigger Event" of object leave, I set no object.

On the "End Event" under "User Resets" set it to "Mouse Leave".

On the "Dynamic Resets" set it to "ON Object Enter" Again I set no object.

This will also create the desired effect. And then you can just experiment with all the timing that seems to work correctly.

Some of the things I have had it doing are very cool.

I will try to create a web page displaying it.


Sincerely,

William McCormick