Interactive Environment - Animation + gotoAndPlay

Hello,
I'm having some difficulties with an interactive flash movie I'm trying to create. I have a 'shop front' graphic that I created for my website. This is one in a number that I have completed, and the others I have succesfully animated in Flash. The basic idea of the shops are to give the user the ability to rollover an item, have a large version of the price tag appear (and disappear on roll out) and turn the item itself into a link (an invisible button on top of it) to a thread on the forums that gives further details about the item. I have done this with a previous shop and attached the .swf so that you may better understand what I mean. (Note that it still has some issues with the price tag rollover, which I intend to fix.)
I have this new shop that I would like to incorporate new animation into. I've also attached the .swf (note if you need the .fla to further see what my project looks like I can get that to you - it just won't allow me to upload it) and it might be easier to follow my explanation if you view this. The graphic consits of two sets of scales and a cauldron. First off, I would like the cauldron's ladle to move continuously, from the point of the movie's loading. However, I also have animated the golden scales on the bottom shelf to dip down depending on which dish the user rolls over. I did this in a separate movie (which I also attached) and imported it into my shop front movie. I wanted the same rollover animation action to happen in this bigger movie, however I encountered difficulties. I am very much a learning Flash user and I can't comprehend the issue... but I did include the individual frames of the golden scale movie in the shop front movie so that it could still work.
However, my problem is that now, when I rollover the scales, the cauldron ladle will move or change position while I am rolled over the scales. This is because I am using the gotoAndPlay command to navigate throughout the different parts of the movie, so that I could animate the two sets of scales.
I hope this all makes sense. Could someone please tell me an easier way to have the scales animated (and still be able to rollover and have a another image appear (the price tag) while it is animating) and also the cauldron ladle stirring the entire time?
Thank you so much, it is very much appreciated!
-Austin

I'm sorry to double post - I was just really hoping someone would be able to help me with this issue. It's quite frustrating and I am sure someone out there has the answer. I would really appreciate any help you can give.
Thank you!

Similar Messages

Adobe Content Viewer/no interactivity or animation

We're running InDesign CS5.5
I work at an advertising agency and just had my IT department update my extensions to:
Folio Producer Tools v.1.10.1
Folio Panel v.12.2.2.1
I also updated my Adobe Content Viewer App on my iPad 2.
My problem:
The pages show up in Content Viewer, but no interactivity or animation of any kind works now. It used to.
Thanks,
Aaron

[Animations DO NOT work with PDF! It’s SWF only.]
You are right, I was remembering a robust presentation we did a while ago and we hosted it as an SWF file on the web. I thought it was a "PDF (Interactive)." Thanks for setting us all straight.
Much to your benefit... I spoke with another Art Director here and we figured out why my elements weren't working.
Here are the answers for everyone's benefit:
1. SCROLLABLE FRAME: I didn't include the Empty graphic box on the far right of the active viewable area. (See Bob Bringhurst's "Digital Publishing Suite Tips App")
2. All BUTTONS must be scripted "On Release" (I incorrectly had it as "On Click")
3. My second BUTTON was an info icon that I wanted to show a modal [pop-up] window and then have some way to close that new window.
Incorrect way:
I made both the info icon and the modal window as buttons and used the "Show/Hide button" actionscript. This doesn't work with "On Release."
Correct way:
Make the modal window into a Multi-state Object.
State 1= No Fill/empty graphic box. State 2= the complete modal window. State 1 is the default view so it appears blank when the viewer first sees the page. The info icon button "On Release" shows State 2.
To make the modal window disappear, create a separate No Fill/empty graphic box DIRECTLY OVER the modal window. (Don't to forget to add an "X" or "Close" into the design as a visual clue only). Make this empty box a button and have it script "On Release" to show State 1 of your multi-state object modal window.
Thanks to you guys! I'm sure I'll have more. And thanks a million for the App with tips Bob B., keep updating this please!

Interactive or Animated Wallpaper or Theme on the ...

Does anybody knows if is possible to have an interactive or animated Wallpaper or Theme?
In my LG KU990 I could have a fish in the Home screen which you could just touch the screen and the fish would move to that point of the screen.
Also any ideas whether you could use an animated pictures as wallpaper like a gif file, etc.
Thanks in advance for your help.
Message Edited by asandino on 22-Jul-2009 10:37 AM
Message Edited by asandino on 22-Jul-2009 10:38 AM
N97 Black unlocked using the 3 Network (UK). Product Code 0586308. Firmware V20.0.019. Made In Finland.Custom version V20.019.235.10.

I did see some animated wallpapers, but I can't for the life of me remember where. They were mostly roses, which I wasn't into. However, that did make me search the web for more - I couldn't find any, just the one lot.
If you come across any, I'd be interested.

Real-time web based interactive 3D animation.

Hi All,
I am wondering if there is a way to take the output of content I create in 3D animation packages such as iClone, Lightwave 3D, 3DS max etc. and set it up in such a way that my friends and family can interact with on the internet? More specifically make interactive changes to content in real-time such as changes in props clothes etc.
I have investigated, Flash builder/flash Catalyst and Fireworks. All look like they may have potential to do something like this. I am not a programmer so I hope some combination of this or other software that can make this possible although I would be willing to learn Python or Java. Any thoughts or experience on this? Thanks.

If you can work with Code, you can do this pretty easily with jQuery.
http://jsfiddle.net/NancyO/bwkM5/
Nancy O.

Using interactive .gif animations in Dreamweaver

If anybody could help me out with this, it would be really appreciated. This doesn't seem like it should be too complicated, but I'm having a really hard time doing it.
Here's what I'm trying to do - I want to have a series of buttons on my page, where, when the user clicks on one of them, they do a quick animation and then revert back to their original, motionless state. Anyways, I can't seem to place the .gif on the page in a motionless state, have it animate when clicked, and then return to the motionless state. Any advice? I've been using .gifs for this, because I don't really have any experience with Flash, but maybe that would work better?

Copy & paste this code into a new, blank document. SaveAs test.html and preview in browsers. This is all done with CSS transitions. No images required.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 with CSS Animation</title>
<style>
body {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    font-size: 100%;
button {
    font-size: 26px;
    padding: 1em;
    margin: 5em 1em 0 1em;
    cursor:pointer;
/**BEGIN CSS ANIMATION**/
.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -ms-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s;
/**safari, chrome**/
@-webkit-keyframes shake { 0%, 100% {
-webkit-transform: translateX(0);
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
/**firefox**/
@-moz-keyframes shake { 0%, 100% {
-moz-transform: translateX(0);
10%, 30%, 50%, 70%, 90% {
-moz-transform: translateX(-10px);
20%, 40%, 60%, 80% {
-moz-transform: translateX(10px);
/**opera**/
@-o-keyframes shake { 0%, 100% {
-o-transform: translateX(0);
10%, 30%, 50%, 70%, 90% {
-o-transform: translateX(-10px);
20%, 40%, 60%, 80% {
-o-transform: translateX(10px);
/**W3C**/
@keyframes shake { 0%, 100% {
transform: translateX(0);
10%, 30%, 50%, 70%, 90% {
transform: translateX(-10px);
20%, 40%, 60%, 80% {
transform: translateX(10px);
.shake:hover, .shake:active, .shake:focus {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;
@-webkit-keyframes wobble { 0% {
-webkit-transform: translateX(0%);
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
30% {
-webkit-transform: translateX(20%) rotate(3deg);
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
60% {
-webkit-transform: translateX(10%) rotate(2deg);
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
100% {
-webkit-transform: translateX(0%);
@-moz-keyframes wobble { 0% {
-moz-transform: translateX(0%);
15% {
-moz-transform: translateX(-25%) rotate(-5deg);
30% {
-moz-transform: translateX(20%) rotate(3deg);
45% {
-moz-transform: translateX(-15%) rotate(-3deg);
60% {
-moz-transform: translateX(10%) rotate(2deg);
75% {
-moz-transform: translateX(-5%) rotate(-1deg);
100% {
-moz-transform: translateX(0%);
@-o-keyframes wobble { 0% {
-o-transform: translateX(0%);
15% {
-o-transform: translateX(-25%) rotate(-5deg);
30% {
-o-transform: translateX(20%) rotate(3deg);
45% {
-o-transform: translateX(-15%) rotate(-3deg);
60% {
-o-transform: translateX(10%) rotate(2deg);
75% {
-o-transform: translateX(-5%) rotate(-1deg);
100% {
-o-transform: translateX(0%);
@keyframes wobble { 0% {
transform: translateX(0%);
15% {
transform: translateX(-25%) rotate(-5deg);
30% {
transform: translateX(20%) rotate(3deg);
45% {
transform: translateX(-15%) rotate(-3deg);
60% {
transform: translateX(10%) rotate(2deg);
75% {
transform: translateX(-5%) rotate(-1deg);
100% {
transform: translateX(0%);
.wobble:hover,
.wobble:active,
.wobble:focus {
    -webkit-animation-name: wobble;
    -moz-animation-name: wobble;
    -o-animation-name: wobble;
    animation-name: wobble;
.spin:hover,
.spin:active,
.spin:focus {
-webkit-transition:all 2s ease-in;
-moz-transition:all 2s ease-in;
-ms-transition:all 2s ease-in;
-o-transition:all 2s ease-in;
transition:all 2s ease-in;
-webkit-transform: rotate(1440deg);
-moz-transform: rotate(1440deg);
-ms-transform: rotate(1440deg);
-o-transform: rotate(1440deg);
transform:rotate(1440deg);
</style>
</head>
<body>
<button class="animated shake">Shake</button>
<button class="animated wobble">Wobble</button>
<button class="spin">Spin</button>
</body>
</html>
Nancy O.

I want to create a interactive web animation with 4 different animations.

The interface is a square box with text "Click a button on the left to see an animation demostration with the buttons on the side. How do you make the text disappear, when you click the button to show the animation and then let the text reappear on the screen after the animation is complete.
Any help would be much appearciated at this time.

Is that the appreciation you intended to show? Do you realize that people that help here volunteer their time? Do you realize that you are posting at a time of day when the likelihood of anyone being around to offer help is next to nil?
While I would have just left you hanging for your last remarks, here's a tidbit... If you want to make things disappear/appear, place them in a movieclip and set the movieclip 'visible' property to false/true as desired.

Converting an interactive Flash animation for iOS

Hello -
I am a bit of a Flash newbie - but we have some interactive particle simulators that had been programmed in Flash (.swf files).
I would like to find a way to convert these into some other format for use in iBooks Author.
How difficult would this be, and what kind of tools would I need to do it?
Thanks.

i think the chances of this being doable is close to zero if your swf contains any significant actionscript.
in any case, you're more likely to get more information checking with ibooks author experts because the number of flash experts that have heard of ibooks author is going to be much smaller than the number of ibooks author experts that have heard of flash.

Please point to ebooks in fixed layout format with javascript animation and interactivity

Hi! I am a danish children's author and want to create an ebook in "Fixed layout" for the ibookstore. I want the ebook to have simple interactive and animated features triggered by javascript. I would like more knowledge about what is and isn't possible with the javascript and CSS in apples fixed layout format. I have already viewed the "Yellow Submarine" ebook and Apples sample ebook "Sonnet 18". Are there more examples available?
Please do not point me to apps. There are great interactive book-apps for children - but for this project I am only interested in the Fixed layout format for the ibookstore.
All replies will be greatly appreciated, thanks!

if I can help, let me know...
check out the new series to help create publications. just search in the iTunes Store for An iBuild Opportunity

Animation symbols not running smoothly in interactive pdf

I created an animated symbol on flash and placing it on the interactive pdf has been quite successful, except it does not animate as smoothly as I hoped it would.
Instead of looping a smooth animation on its own it requires the mouse to be hovered over the element area in a kind of sweeping motion in order for it to play keyframes, and sometimes with relatively smooth success and other times not. I've tried running the pdf in adobe reader in different computers and achieve the same results.
It was made for the NavCardSelected instance and the symbol itself is a relatively simple 'growing vine' animation, if that helps elaborate any more. Anyone have some kind of workaround to this?

I would check the Flash/SWF code to see if it requires any special events to be sent.
From: Adobe Forums <[email protected]<mailto:[email protected]>>
Reply-To: "[email protected]<mailto:[email protected]>" <[email protected]<mailto:[email protected]>>
Date: Thu, 26 Jan 2012 22:26:58 -0800
To: Leonard Rosenthol <[email protected]<mailto:[email protected]>>
Subject: animation symbols not running smoothly in interactive pdf
animation symbols not running smoothly in interactive pdf
created by michpan<http://forums.adobe.com/people/michpan> in Acrobat SDK - View the full discussion<http://forums.adobe.com/message/4168230#4168230

How to play different HTML 5 animations interactively.

Hi all,
I have created 5 different animations in Edge Animate. and now i want to play each animation one by one , everytime user clicks on the screen.
What should i do?
i created a new file to assemble different animations (EXPORTED symbols) .
STEP 2 : I placed all the animations sequentially over the timeline and added a STOP trigger between every two animations.
STEP3: I added an action -PLAY over every animation.
Now what happening is : First animation Plays well --- It stops --- now when i click on the screen -- the next animation appears like a thumbnail...( ALL STATIC ) and so on..
Am i approaching this the wrong way.
It would be very great if i can get a solution ...
Thanks and regards.

Hi Sudeshna,
Just one more query.
The sample u provided solved my entire user-interactivity and animation part.
i even published and tested my web application on different devices and it runs nicely.
The new problem is that audio file is not working on i-pad and i-phone. The sound works only on windows.
I went through other discussions on the forums also and found that sound would not play on ios
is there anyway i can enable sounds on ipad/iphone ??
Thanks and regards

Software To Create Interactive Training DVD

I have a new project I am working on. A interactive training DVD. I invision a split screen. One side text or still photos. The other side a video demonstration on the subject matter. There needs to be 2 controllers. The 1st would allow the viewer to advance to the previous or next slide. The second controller would allow the viewer to pause, start, stop rewind the video in the second screen. Additionally, there needs to be a "quiz" at the end of each section. The viewer would be asked several questions. Depending on their response, they would advance to the next section or be taken back to a previous section where the correct response is located.
I think I can do it in FCP & DVDSP. Does anyone have any recommendations or better software suggestions.
Oh yeah, I need to release the final product for use on windows machines.
Thank you
G5 Mac OS X (10.4.5)

You mentioned DVD is your goal, so your options are extremely limited.
DVDSP or Spruce (which is Windows only and recently aquired by Apple) are really your only choices sub $10k as far as I know.
DVDSP could handle the project, but it would require very good planning and mastery of the scripting environment. You can't save files from DVD, or print pages, or have any serious interactivity beyond navigation scripts. Remember, DVDSP produces DVD's and only DVD's so make sure this is your only delivery medium before moving forward.
Personally, I think this is the kind of thing best suited for an authoring program which is most likely a CD-ROM or Web-based delivery platform. You might see if the DVD thing is set in stone, or if other platforms would be OK.
Macromedia Director is my favorite authoring program. It produces Mac and Windows executable files, not DVD's. Users will have to install Quicktime for Director to display video clips. It's a very powerful program which I use for all of my CD-ROM authoring. I've authored 20+ major CDROM titles including some very nice educational games with this software. It's sort of a container application that holds and displays your content which is often created elsewhere. For instance, I make video clips and fancy transitions in FCP or Motion and place them into the Director Timeline as media assets. Director "directs' the footage and makes everything interactive. I also design the interfaces and graphics in Photoshop, then place them and make them interactive or animated in Director, hence it's designation as the "container". Director 2004 has a very advanced way of communicating with DVD projects and "directing" the DVD footage in ways that DVDSP can't, but I can't recommend this to a novice. It's very advanced workflow.
Macromedia Flash is a more common program, and the latest version has a very nice Video codec so your user will not need to have QuickTime. It makes swf files for the web as well as Mac and Windows Projectors that run off CDROM. In my opinion, Flash is not quite as robust as Director for video and large project management, but that's mostly my own bias. Many people have been able to get amazing work out of Flash.
Macromedia Authorware is another platform similar to Director. I have no experience with this and don't recommend it to a novice.
LiveStage Pro is an older program that uses QuickTime's Authoring language so it's files are actually QuickTime Movs with basic interactivity. It's nice, but the user base is very small and you might have trouble even finding the software.
You could also build the project using Web pages with QuickTime content embeded in a table next to your active text and links. Just load a new page with each section. I use Adobe GoLive to make HTML and recommend it for it's superior workflow with Adobe Applications.
If you don't get a lot more of replies to this topic, you might try the DVDSP forum. Hope this helps.

Applications and Animation

I want to develop animations for use in an educational environment. I have a drawing program that will produce java animations, but it will not let me control them interactively. What do I need to help me develop interactive Java animations?

Assuming you have access to the source, you will need to add components that allow you to control the animation thread. Here is a website that will get you started:
http://java.sun.com/docs/books/tutorial/applet/practical/threadExample.html

SWF animations not working properly when exported as PDF from InDesign

I'm using InDesign CS5 and have created a document that I want to add interactivity and animations to. I've created buttons and page destionations, etc, which all work perfectly when exported to a PDF but the simple animation that I wanted to include don't work. The animations have been created in InDesign then selection exported as a SWF file and then imported and placed in InDesign and then exported as an interactive PDF where the animations either don't work, haven't been picked up or don not work as they should. What am I doing wrong, how do I get the animations to work correctly?

Try this tutorial:
http://tv.adobe.com/watch/csinsider-design/indesign-creating-interactive-pdfs-with-page-tu rn-and-flash-animations/

Embedding a Flash animation in a Flash Site

I'm looking for a solution to the following problem. I am
developing my website in Flash and I would like to show examples of
interactive flash animations I have developed. I imported my my
.swf animation to my flash site library, but when I drag and drop
it to the stage the following happens:
1. The animation plays from frame to frame without stopping.
2. Elements which were hidden (off the stage) in the
animation now show up on the stage.
3. When I open the animation in edit view (double click the
animation on the stage) the entire animation appears as individual
frames on one timeline.
I would like to maintain the interactivity of the animation
on the site (i.e. buttons, tool tips) and I suspect there is a way
to embed the animation in the flash site while in flash.
Any ideas?
Thanks

You don't really want to add new files that way. In addition
to the problems that you list, you will also be making one, large,
file. This means that it will take longer to download, and possibly
play poorly.
You should keep these independent .swf files as they are, and
"import" them using either AS2's loadMovie() or AS3's URLRequest()
to bring each file into your movie.

Please point me to examples of fixed layout ebooks with javascript and animations

Hi! I am a danish children's author and want to create an ebook in "Fixed layout" for the ibookstore. I want the ebook to have simple interactive and animated features triggered by javascript. I would like more knowledge about what is and isn't possible with the javascript and CSS in apples fixed layout format. I have already viewed the "Yellow Submarine" ebook and Apples sample ebook "Sonnet 18". Are there more examples available?
Please do not point me to apps. There are great interactive book-apps for children - but for this project I am only interested in the Fixed layout format for the ibookstore.
All replies will be greatly appreciated, thanks!

if I can help, let me know...
check out the new series to help create publications. just search in the iTunes Store for An iBuild Opportunity

Interactive Environment - Animation + gotoAndPlay

Similar Messages

Maybe you are looking for