Animated Comic (Play SWF on MouseOver)

Don't use Flash very often these days and I am sure this is going to be an easy question for most of you, but so far my google-fu has not helped me get a straight tutorial for my application. I have an idea to make a webcomic that is also animated. The way I want to do this is by having the page laid out with regular images, but when the viewer puts his mouse over one of the panels, it would begin to animate a loop loaded from an external SWF file. When the viewer removes his mouse from the panel, it goes back to the original JPEG of the image.
My problem is that I am not sure how to start. I think I got the script down to load the SWF into the master SWF dynamically, but all my attempts to add a loop on MouseOver have been failing me with errors. I am attempting to make sense of AC3 but figured I could get a little head start from the masters around here.
Any other advice would be appreciated, if anyone has done something similar with better a better application, I would love to hear it. Thank you.

Will attempt my best to clarify.
So first I make a SWF using images I animated in After Effects. The SWF is set to loop over and over forever. So, an example is let's say I animate 30 frames of a ball bouncing between two walls. It will start at the left wall, fly over to the right wall, bounce off, return to the left wall, then once it hits frame 30 it will go back to frame 1 and the SWF will repeat. This will happen forever if I load the SWF the normal way in Flash Player.
Now, I want to make a "comic" SWF in which I load up a bunch of JPEGs, adjust them and design them to be a comic with panels, word bubbles, etc... Now I want it so that when I hover my mouse over one of the panels, the JPEG will be overriden by the SWF I made above. Thus, the JPEG of just the ball sitting on one of the walls will suddenly come to life and start animating right there inside the panel.
As for the code, I don't have the system in front of me at this time as I am out of the house. I wrote this in the hopes I would get some information before returning to that project once I get home. I will say though that I was using LoadMovie() action for getting the SWF loaded by replacing the movie symbol that has the JPEG. I can't seem to get this to occur on a MouseOver.
Wish I had more information.

Similar Messages

Page link on press to play swf animation

Hello,
I'm pretty sure I can do this in Flash but was thinking of doing it in Dreamweaver for seo purposes.
When each page link is pressed the animation will play, obviously before going to the directed page.
Any pointers anyone?
Many Thanks and kind regards, Damien

Hi
You can use javascript or jQuery to capture and prevent the default action for a set length of time whilst the animation plays, then go to the links location once finished.
PZ

Interactive elements are not allowing the animations to play.

Hello all...
I am using Cp4. In my quiz slide I have planned few animations(.swf & .gif) which will describe the question type that the slide contains. I want those animations to play continuously. I checked the loop property on to run them continuously. I don't want to increase the duration of the question slides but the animations should run continuously till the user attempts & submits the answer.
But the interactive elements which have pause(e.g. button, clickbox) are stopping the animations.
Is there any solution ?
Thanks & regards,
Pullela.

Hello Pullela,
Sorry, have something to finish soon, that is why I have no answer ready if there is one. This seems an issue similar but the opposite as when playing slide audio: that will stop when the user is clicking an interactive object. There I have a solution, put the audio to an object and it will continue to play. But do not see an immediate solution for your problem, seems interesting to explore and will do as soon as I have some time.
Lilybiri

Seamless animation using a SWF

Hi,
I'm having problem with playing a *.swf file in my animation. The *.swf file actually contains a video clip of people passing a card to one another. On the main timeline there are 3 nested movieclips, the movieclip on the second frame contains the *.swf file, and using Im using this code to load the SWF file:
var myLoader:Loader = new Loader();
addChild(myLoader);
var url:URLRequest = new URLRequest("iwill_cards_video.swf");
myLoader.load(url);
MovieClip(root).nextFrame()
The first movieclip plays fine, but then the next two movieclips play at the same time over one another. I would like for the first movieclip to play, then the second movieclip containing the SWF file, followed by the final movieclip. I have a "stop" on each of the 3 frames on the main timeline but it doesnt seem to work?
thanks in advance,
Matt

if your loaded swf just plays from frame 1 to its main timeline last frame and that's when you want your loading swf to advance to frame 3, you can use:
var myLoader:Loader = new Loader();
addChild(myLoader);
var url:URLRequest = new URLRequest("iwill_cards_video.swf");
myLoader.contentLoaderInfo.addEventListener(Event.COMPLETE,onLoad);
myLoader.load(url);
function onLoad(e:Event){
MovieClip(myLoader.content).addEventListener(Event.ENTER_FRAME,checkPlay);
function checkPlay(e:Event){
if(e.target.currentFrame==e.target.totalFrames){
e.target.stop();
MovieClip(myLoader.content).removeEventListener(Event.ENTER_FRAME,checkPlay);
removeChild(myLoader);
myLoader.unload();
myLoader.contentLoaderInfo.removeEventListener(Event.COMPLETE,onLoad);
myLoader=null;
MovieClip(root).nextFrame()

Getting a simple animation to play in IE

I am having trouble getting a simple animation to play properly, on a site designed by someone else, in IE. It works fine in Mozilla and Safari. In IE, on some computers, it shows up but there is a prompt about downloading a Shockwave add-on. On other computers it doesnt show up at all. Going from Mac to PC is also presenting problems. I'm freelance, so it's not like I'm in the office with these other people, so I only know what's going on with the 3 pc's I have at my disposal; which is as described above. I tried uploading another .swf with just 1 frame to see what would happen and it did the same thing. I'm starting to think it is a problem with the site and not the Flash.
If anyone could take a look at it and offer some help, it would be greatly appreciated.
Thanks,
Murrz
www.buildingdimensionsnc.com

Thanks for your help. I didn't even think about the .html file. Normally I send both but I thought they had that sorted (so I was told) out when it worked in Mozilla and Safari. I won't know until tomorrow if it worked, but thanks again.
Export your movies a Shockwave version or two behind, just to be on the safe side.
This I don't quite get. Normally I publish and send .swf and .html and send them and everything works.
Murrz

Forcing animation to play to end?

Hi all
I have an animation effect that uses TranslateTransient. It plays when a mouseover event occurs and auto reverses from screen left to right and back to left. When the mouseexit event is detected on the triggering object I need to have the animation play to the end such that the image being animated finished back at its start possiton on the left of the screen. I need the animation to complete smoothly so just using pause() or stop() on the translation isn't good enough. I've tried setting the duration to 2 which works fine if the current duration count is 2 or less but no good if the cycle has been running for a while.
Is there any way to get the current cycle count or some other way of doing something like playToEnd(even)? Kind of surprised not to see such a feature.
Edited by: Cenotaph on Jul 16, 2010 4:14 PM

Ah, it was less obvious than I thought. I found out that action() function in a Transition is called at the end of the forward movement, but not at the end of the backward one, when autoReverse is true! Very annoying.
Similarly, if I change the byX value of an existing transition, it doesn't appear to take the new value in account...
I found out a working solution, there might be more elegant/simple ones, but at least mine works! :-)
var scene: Scene;
var animated: Node;
Stage
    title: "Forum Test"
    scene: scene = Scene
        width: 500
        height: 500
        fill: Color.MINTCREAM
        content:
            Ellipse
                centerX: 250
                centerY: 250
                radiusX: 100
                radiusY: 100
                fill: Color.AQUA
                onMouseEntered: StartAnimation
                onMouseExited: StopAnimation
            animated = Circle
                centerX: 250
                centerY: 250
                radius: 50
                fill: Color.PURPLE
var bRestart: Boolean;
def transitions: Transition[] = [ GetTransition(100), GetTransition(-100) ];
var currentTransition: Integer;
function StartAnimation(me: MouseEvent): Void
    bRestart = true;
    currentTransition = 0;
    transitions[currentTransition].playFromStart();
function StopAnimation(me: MouseEvent): Void
    bRestart = false;
function GetTransition(x: Number): Transition
    def translation: TranslateTransition = TranslateTransition
        duration: 1s
        node: animated
        byX: x
        action: function (): Void
            if (bRestart)
                currentTransition = 1 - currentTransition;
                transitions[currentTransition].playFromStart();
            else if (currentTransition == 0) // Must go back!
                transitions[1].playFromStart();
}

How can I show an image before my animation starts playing

Hey there!
First of all, great work on making Adobe Edge...! I can see real potential in the use of this program!
I have started to work on an animation which will work as a splash-screen before the users see the actual site. (Yes I know... but the client wants it like this...)
The problem I have now is that the animation plays after a few seconds and that during these seconds it shows the content of the website. Besides that I still find it pretty difficult to actually position the animation the way I want.
I am using a plug-in for wordpress so I might not be in the right place to find help.
I tried fixing this with a pre-loader but this is also too slow. Is there any way I can force the animation to play sooner or to make sure they can't see the content before the animation has played?
You can find the concept of the website on: www.appyourservice.nl/concept/Jack.
Any help is appreciated.
Cheers,
Dominic

For sure,
It's also in my reply above. What I did is add an other div to my website which overlaying the complete content.
Then you add in the animation a line to hide this div before the animation starts playing like so:
So add this to the stage in "CompositionReady" --> jQuery("#div").hide();
This will make sure that the animations hides the div before playing so you will see first only the overlaying div and once the animation is ready to play, this div will hide and the animation will start.
Hope this helps.
Cheers,
Dominic

Animated gif plays only once

I am using Captivate 5.5 on a Windows machine. I inserted an animated gif into my Captivate, using insert > animation... Then, I inserted a button. When I pressed F4 to preview the animation, it played only once. I put a check mark on the loop on the timing of the properties of the animation. Still, it played only once. It stopped when the play head stoped moving. I cannot make the animated gif play continuously. Does anybody know how to make the animated gif play continuously?
thaks.

You can try this:
Stick this in the header area of your code
<script type="text/javascript"> function showBuyLink() {
document.getElementById("buylink").style.visibility = "visible";
} // adjust this as needed, 1 sec = 1000
setTimeout("showBuyLink()", 5000);
</script>
Stick this around your buy link code.
<div id="buylink" style="visibility: hidden">  <p style="text-align:center; font-size:26px;"> <a href="http://mybuylink">Add to Cart or Buy Link</a> </p> </div>
Yopu can rename "buylink", but you have to make sure you rename all instances or it will kill the script.
If you're not comfortable incorporating that, unfortunately, the other option would be to create a Flash animation and put a button in the last frame.
That would be just as difficult (if not worse) as writing (or tweaking) a javascript to delay the hotspot, and even worse because it would be invisible to phone users. Additionally, people who disable javascript would never see the link if you did add the script.
There isn't any way to do this with HTML or CSS, and you now know the flaws with the methods that will work.

OSX 10.5.2 and AR8.1.2 playing swf files

After applying the latest Apple updates to OSX 10.5.2 I find that I can no longer play
swf files from within a PDF file. I'm using AR8.1.2 with FP9,0,115,0 . Consider
the example:
http://www.amrita-cfd.org/4adobe/swf/swf.pdf
It contains an /Annot "Click to activate SWF!" that is supposed
to play the swf, but when I click it: a progress bar "buffering" appears
in the bottom right corner of the screen and then hangs. The swf file
is included as an attachment, shock-tube.swf, which can be
opened in an external viewer and so I don't think the swf file
is the problem.
I have the same problem with the PDF available at:
http://acrobat.timhuff.net/?p=92
where the swf is embedded using Acrobat,
rather than my homebrew approach.
I would very grateful if anyone could shed light
on this problem.
Thanks,
James Quirk

James,
I am seeing what you are seeing even on pdfs with swfs that I created
that previously worked. I guess we will need to file a bug report.
Mike

NEED HELP!!! Flash Animation (MAC) play back on PowerPoint (PC)

NEED HELP!!! Flash Animation (MAC) play back on PowerPoint
(PC)
Shockwave Flash Animation is complete.
We want to change the Flash Animation w/video (MAC) files to
QuickTime files.
Then change the QuickTime files using Adobe Premiere®
Pro CS3 to an MPG level 1 file (not level 4)
Must be expert in:
Shockwave Flash Animation (MAC)
QuickTime (MAC)
Adobe Premiere® Pro CS3 (MAC or PC)
AdobePowerPoint (PC)
Virtual,Telephone or inperson heip on how to make a Shockwave
Flash Animation (MAC) play back on PowerPoint PC

(This is the Adobe Scout forum for game developers, you should try the Flash Player forum)
To install Flash Player, try this link: http://get.adobe.com/flashplayer/

Flash CS6 cant open play SWF files without importing and destroying them, how can I get around this?

Flash CS6 can't open play SWF files without importing and destroying them, how can I get around this?
I'm just trying to preview an swf file in flash like I have with all previous versions.

What if my SWF loads external content from an online server?
Not only does the current flash player prohibit such activity, it doesn't even pop open an error anymore saying there was an error connecting to an online source.
Normally, I would simply drag the SWF into Flash and all connections would go through. I could see traces, errors, and experience no issues.
Now I can't even do that. So what then? You have crippled a fundamental use of the program, but THANK GOD we have that deco brush that nobody asked for.
And for the record, the nature of my work benefits from not necessarily allowing the Flash Player to connect to online content. The error it pops up? That's simply another method of error checking that I require. Updating the Flash Player options is not an option.
Why would you even remove this key feature from Flash anyways? It's been there for years ... has the ratio of people importing SWFs (a rather useless gesture in an increasing OOP world) really outweighed the people using Flash as a testing environment that much?

API / Sdk to play swf files inside a Mac / Windows application

Hi
We have set of .swf movie files in our application.
These .swf movie files has to be played inside the content
area of
the window.
We want to know how to play .swf movie files through program
inside
our application.
Is there any api / SDK to play .swf files in Mac and Windows
Thanks
Ram

Hi
we want to give some clarifications
As per our requirement we need to play same swf file ( about
5 in number) always.
These swf files are kept in some folder and during run time
we need to play these swf files inside our Mac / windows
application using flash player.
we don't need to play any swf file, but the same swf files
we need a api / sdk to implement this
Any help will be very well appreciated
Sudesh

Play SWF in QT

Is there a way to play SWF (Flash Player) files on QuickTime? Thanks.

You've gotten some correct and incorrect answers. Here's the stuff you need to know.
The free Quicktime Player can open and view .swf (Flash) only if the files were "published" from the Flash app that created them in Flash version 5 format.
Since Flash has moved to version nine there are many of those files to be found.
QuickTime can also play Flash (same version 5 requirements) inside QuickTime formats like .mov but you must "enable" that option using the QuickTime System Preference pane.
I use Flash tracks in many of my older QuickTime .mov files and they work just like those viewed in the Flash Player (mouse clicks and interactivity). Here is one example I made in 2002:
http://homepage.mac.com/kkirkster/xmas/index.html
Here is another example using Flash tracks as a movie controller:
http://homepage.mac.com/kkirkster/MTV

Play swf in windows mobile.

HI all,
I wanted to play swf files in my windows mobile 6.1 and installed the software from
http://www.adobe.com/products/flashplayer_pocketpc/downloads/player.html
but I am still not able to run any files.
Am I on the correct way or is there any other software I need to install....??
Suggestions are welcome.
Thanks in advance.
Pranav Shah

Hello Everybody.
I downloaded the trial first, which was limited in that no video conversion could be carried out. Bit of a waste of time as far as writing a review on the software was concerned so I purchased the full version using the link on the trial screen...
http://www.mobi-people.com
Thanks.

How to play swf files in quicktime

I have recently upgraded from Leopard to Snow Leopard on my MBP. Before I could play swf files (with no associated html files) in Quicktime okay, but in Snow Leopard you cannot select the swf to play. Is there a plug in that I now need to play this?

Perian is definitely not the route. Frrom http://perian.org :
File formats: AVI, DIVX, FLV, MKV, GVI, VP6, and VFW
SWF is a special container made by Adobe Director and can be played back with streaming software, such as a Web page that has the Adobe Shockwave plugin. Open an SWF file in Safari or other browser after installing the latest Shockwave Player, free from Adobe. Some other software that is designed for streaming playback can play SWF media, but not a typical video player like QuickTime Player.
The contents of an SWF container might include an FLV video file or bitmap images either alone or with other data. Shockwave Player has 3D graphics and interaction options (can capture video, sound, mouse movements etc. from your system by default and send them to a remote server if you don't turn off these permissions).
http://www.actionscript.org/resources/articles/728/1/Anatomy-of-a-SWF-File/Page1 .html
http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_man ager02.html#118539

Animated Comic (Play SWF on MouseOver)

Similar Messages

Maybe you are looking for