How to use Sprites in animation.

Umm hi I would like some help on how to use sprites (8 or 16
bit characters from games) to make an animation could any one
provide me a link to any sprites animation or a link on how to do
it. It will help much.
Mr.Idiot

if you have Flash, this is one of the main things that it
does. open up your help file documentation, and start reading at
the beginning, it will tell you all you need to know and introduce
you to the basic concepts of the program.

Similar Messages

How to use 1 edge animation in multiple pages without duplicate files?

Hi,
I want to display an animation on multiple pages that are all located in there own respective folders. I want to be able to move then animation files into it's own dedicated folder e.g. /includes/edge folder where I can still use this animation in other pages not locate in this folder.
How can this be done?
Thanks

For you use case,
You can have your animate files in a folder and load them in different pages using a iframe

How to use Flash buttons/animation in a Swing/Applet?

Hello,
I want to use flash button as like as JButton that we use in Swing/ Applet. How can I do So?
Please help me.
Thanks-

[http://java.sun.com/docs/books/tutorial/uiswing/misc/timer.html]
Or maybe just...
import java.awt.*;
import java.net.*;
import javax.swing.*;
public class Blinky {
    public static void main(String[] args) {
        EventQueue.invokeLater(new Runnable(){
            public void run() {
                URL url = null;
                try {
                    url = new URL("http://www.gifanimations.com/GA/image/animations/bodyparts/eyes/eye-01.gif");
                } catch (MalformedURLException e) {
                    throw new RuntimeException(e);
                JFrame f = new JFrame("Blinky");
                f.getContentPane().add(new JButton(new ImageIcon(url)));
                f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
                f.pack();
                f.setLocationRelativeTo(null);
                f.setVisible(true);
}

How can I convert my animation into a working movie clip that can be used with a new scene?

Hello all,
First and foremost, I AM A TOTAL FLASH NOOB. I want to preface this and make it incredibly clear how new this all is to me. I LITERALLY started using flash this morning; that is precisely how new I am.
With that being said I am going to do my best to explain what I'd like to do.
I have created an animation of a spider moving its legs back and forth. I want to be able to combine all of the layers into 1 simple animation that can be imported into new flash scenes with the animation exactly how it stands. I have figured out how to convert the whole animation into a symbol AND I have figured out how to import the movie clip from the library. However, herein lies my problem. When I open a new flash scene and import my animation, I play it and it does nothing at all. It's just the static image of the spider I created with no movement.
I've spent the last couple hours trying to figure out (and doing my own research) what I have done or didn't do to get to this point. I'd be willing to bet I am just going about the entire process incorrectly and I'm simple overlooking a basic facet of the program.
Any insight to fix my ignorance is greatly appreciated.
(P.S. Hell, I don't even know if I am using the correct terminology so for all I know I am confusing every person who has taken the time to look at my question. If I am using incorrect terminology please correct me to avoid future hang ups. Thank you.)

Ned! This totally worked! Thank you! I knew there was a tiny piece of this whole thing that was preventing me from making everything work. Unfortunately as my luck would have it, although I have the movieclip working the spritesheet converter I'm using now no longer recognizes the movie clip. The converter says there are 7 frames in the animation, but doesn't display any working sprites. Just a blank sheet. Frustrating to say the least.
I'm just going to throw everything out on the table here:
This is the video tutorial i'm using to convert my animation into a spritesheet. I've done the steps exactly as directly up until the point I actually click "Begin Conversion." When begin conversion is selected, it shows the movieclip exists on the bottom left underneath "list of movieclips" but doesn't actually show any individual sprites.
Here's the simple sprite converter I am using.
The irony of this whole situation is that you have successfully helped me make a working movieclip (which was the important piece), but the converter no longer recognizes it. Whereas before, it would at least show the image on the 1 frame of animation it had.
If you wanted to to take a stab at it and see if you can successfully get it to work I'd be appreciative. If not, I totally understand as you have already been incredibly helpful and have my eternal gratitude for getting me this far. These animation programs can be quite overwhelming when they so vastly differ from one another. Don't even get me started no Anime' Studio Pro.

Newbie / how was this done? animated stroke

My favorite DPS magazine has this beautiful animated stroke that I am showing below in these iPad screen captures. The stroke starts from upper left corner and progresses up until to lower right. This is DPS and I presume this animation is made in Flash before becoming a DPS html overlay, so I drawed a couples of black lines in Flash with several white rectangle tweens progressively covering the line in order to recreate that effect. That does not work, my SWF ignores the timeline and triggers all tweens at the same time, ruins the effect.
I am not a Flash guy, but do you people know if Flash is the easiest to create this effect?
Many thanks,

First, you need to get handle of AS3 drawing API and geometry/math capabilities.
Here is the link to Graphics class documentation:
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/display/Graphics. html
Here is the link to Point API docs:
http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/geom/Point.html
Math is, well, the same as anywhere else.
In JavaScript you will need to get knowledge of its API as well - it is very similar because AS3 and JavaScript are siblings.
Here is a code that I commented as thoroughly as I could:
stop();
import flash.display.Graphics;
import flash.display.Shape;
import flash.display.Sprite;
import flash.events.Event;
import flash.geom.Point;
* Shape which is used to draw line into.
* Basically line drawing itself.
var animatedLineOverlay:Shape;
* Instance of animatedLineOverlay.graphics
* This variable is created to be reused
var overlayGraphics:Graphics;
// array of points between which to draw line
var overlayPoints:Array;
// x and y postions of line drawing
var overlayMargin:Number = 30;
* Used to kepp reference to current start and end points
* between which line is being drawn
var currentPoints:Object;
* Next point to which draw line in the animation.
* Declare here so it can be reused.
var nextPoint:Point;
* Line straight segmen starting point.
var sPoint:Point;
* Line straight segment end point
var ePoint:Point;
* Anngle under which to draw line segment
var angle:Number;
* Line draw speed
var speed:Number = 8;
* How far to advance line animation in a single frame along x
var advanceX:Number;
* How far to advance line animation in a single frame along y
var advanceY:Number;
init();
* Inititalizes entire thing by calling specialized functions
function init():void
    makeBackground();
    definePoints();
    makeOverlay();
    startAnimation();
* Starts line animation by adding ENTER_FRAME event listener
function startAnimation():void
    addEventListener(Event.ENTER_FRAME, drawLine);
* ENTER_FRAME event handler
* @param    e
function drawLine(e:Event):void
    // if no currentPoints defined - go through the logic
    if (!currentPoints)
         * since we shorten overlayPoints while animating line
         * whyen array is empty - stop animation
        if (overlayPoints.length == 0)
            // stop animation
            removeEventListener(Event.ENTER_FRAME, drawLine);
            // calling return will effectively exit drawLine function
            return;
        // get point to process by extracting first element in the array
        currentPoints = overlayPoints.shift();
        // if element contains color property - change line color
        if (currentPoints.lineColor)
            overlayGraphics.lineStyle(1, currentPoints.lineColor, 1, true);
        // get start and end points
        sPoint = currentPoints.start;
        ePoint = currentPoints.end;
        // calculate angle between the points
        angle = Math.atan2(ePoint.x - sPoint.x, ePoint.y - sPoint.y);
        // calculate how far line needs to advance along x/y based on the angle
        advanceX = speed * Math.sin(angle);
        advanceY = speed * Math.cos(angle);
        // move line to startgin position
        overlayGraphics.moveTo(sPoint.x, sPoint.y);
        // starting point position
        nextPoint = new Point(sPoint.x, sPoint.y);
    // advance drawing coordinates
    nextPoint.x += advanceX;
    nextPoint.y += advanceY;
    // add to line segment nextPoint coordinates
    overlayGraphics.lineTo(nextPoint.x, nextPoint.y);
     * if the lates drawing did not get to the exact target point
     * add the difference
    if (Point.distance(ePoint, nextPoint) <= speed)
        // add the difference
        overlayGraphics.lineTo(ePoint.x, ePoint.y);
         * nullify currentPoints so that on the next frame
         * funciont exectures first conditional
        currentPoints = null;
* Creates data for usage in animation.
* Points coordinates are arbitrary.
function definePoints():void
    // use this variables to make drawing dynamic - based on overall application dimensions
    var overlayWidth:Number = stage.stageWidth - overlayMargin * 2;
    var overlayHeight:Number = stage.stageHeight - overlayMargin * 2;
    overlayPoints = [];
     * each array element will be an Object
     * each Object will have two properties start and end
     * which represent points at which, naturally start and end line segment
     * points values are totally arbitrary - use your imagination
    overlayPoints.push({start: new Point(0, 0), end: new Point(0, overlayHeight / 6)});
    overlayPoints.push({start: new Point(0, overlayHeight * .5), end: new Point(0, overlayHeight)});
    overlayPoints.push({start: new Point(0, overlayHeight), end: new Point(overlayWidth / 8, overlayHeight)});
    overlayPoints.push({start: new Point(overlayWidth / 8, overlayHeight), end: new Point(overlayWidth / 6, overlayHeight - 50)});
    overlayPoints.push({start: new Point(overlayWidth / 6, overlayHeight - 50), end: new Point(overlayWidth * .5, overlayHeight - 50)});
    // this element also has color property - to change line color at this segment
    overlayPoints.push({start: new Point(overlayWidth * .5, overlayHeight - 50), end: new Point(overlayWidth - 20, overlayHeight - 50), lineColor: 0xFFFFFF});
    overlayPoints.push({start: new Point(overlayWidth - 20, overlayHeight - 50), end: new Point(overlayWidth - 20, overlayHeight - 100)});
    overlayPoints.push({start: new Point(overlayWidth - 20, overlayHeight - 100), end: new Point(overlayWidth, overlayHeight - 150)});
    overlayPoints.push({start: new Point(overlayWidth, overlayHeight - 150), end: new Point(overlayWidth, overlayHeight - 200)});
* Creates line drawing plain
function makeOverlay():void
    // instantiate
    animatedLineOverlay = new Shape();
    // gain reference to the graphics API
    overlayGraphics = animatedLineOverlay.graphics;
    // define line properties
    overlayGraphics.lineStyle(1, 0, 1, true);
    overlayGraphics.beginFill(0x000000);
    // draw initial rectangle at the top/left
    overlayGraphics.drawRect(0, 0, 80, 10);
    overlayGraphics.endFill();
    // position drawing plain at its margin
    animatedLineOverlay.x = animatedLineOverlay.y = overlayMargin;
    addChild(animatedLineOverlay);
* Makes applpication background.
function makeBackground():void
    graphics.beginFill(0xFF8040);
    graphics.drawRect(0, 0, stage.stageWidth * .5, stage.stageHeight);
    graphics.endFill();
    graphics.beginFill(0x0070DF);
    graphics.drawRect(stage.stageWidth * .5, 0, stage.stageWidth * .5, stage.stageHeight);
    graphics.endFill();

CS6 Sprite Sheet animation alignment puzzle

Hey all, I greatly enjoy using Flash CS6's Generate Sprite Sheet tool since it's much much quicker than exporting all the sprites and using TexturePacker (though I wager TP would provide far better optimization). One problem I seem to have is aligning different animations to the same origin - which isn't the origin of the sprite (top left corner).
Say my character Jim has two animations:
Run (small sprites, as he runs in place)
Jump (short and tall sprites, and a bit wider than the Run)
I currently generate a sprite sheet by highlighting both clips and right clicking. This gets me a perfect Sprite Sheet with both animations and their respective names (based on MC name). The Run and Jump frame sizes are different, because the Jump sprites are taller than the Run sprites -- this all makes sense.
What doesn't is that there's zero information on how those two animations should be placed such that Jim can go from playing his run animation and then his jump animation with his feet in the same place, despite the fact that if you inspect either of those clips Jim is standing right at Flash's little origin point at the start of both.
Sure, the data file (JSON in my case) has all the offsets for placing the individual frames in the right place, but how do I align Jim's feet from one set of frames to the next without having to do it all by hand? To date the only workaround I've found is to dump all the animations into a single timeline such that they all take the same frame size, but this is TERRIBLE for managing sprites and animations since it gives all the frames the same name as the combined timeline.
What I really need is another set of numbers in the Sprite Sheet data file that tells me the frame x & y offset from Flash's movieclip origin. I have a suspicion this doesn't exist and is impossible.
At a loss here other than aligning each animation's frame by hand, which may have to be done every time an interal sprite changes size.
Thanks for any insight, none of the Adobe pages or demos go into any depth other than creating a sprite sheet of a single image or animation.

Yes, I understand how to make animations blend together, but my question relates to the technical side of how sprite sheets are generated.
When I generate a sprite sheet from multiple animation movieclips each animation has a unique frame size that Flash calculates and codes into the data file, and that frame size is not the size of document but the size of the smallest frame that can fit all of the sprites in the animation. I can't control this frame size or define a region within the document that is the frame size. Each animation within the sprite sheet could have a different frame size.
I'm interested to know if there is a way to view, generate, or export the data that would relate one animation frame to another so that a character (Jim) could be standing at the movieclip origin in the Run animation which is size A and also be standing at the movieclip origin in the Jump animation which is size B, and not only are A and B different sized frames, but none of the corners are coincident. Since it doesn't do this currently I'd have to manually code the offsets of each animation to a common origin instead of being able to use the one that's already in Flash.
I don't see how any of the default data that is exported along with the spritesheet PNG could relate that info and I'm very curious.
(I could do it by putting every animation within the same movieclip, but then the spritesheet tool is pretty useless since it'd all be one animation)

Animation Help - how to make an endless animation loop

Hi All,
I'm new to Director so bare with me.
I want to animate a filmstrip graphic that moves left horizontally across the page and eventually repeats itself (reenters the stage from the right side) in an endless loop. Think of a piece of masking tape taped together in a circle, and then rotate the piece of tape in a circle as you look at it.
What I am currently doing that doesn't work:
I have created two filmstrip graphics that I have put on different sprites and animated them so that they look like a single piece sliding across the screen. The page loads with Sprite A lying across the screen and starts to animate towards the left. Sprite B follows the right hand side of Sprite A so that it appears as one single graphic. Each graphic is the exact width of the stage. The problem occurs when I get to the end of the 2nd sprite. I want the first sprite to follow the 2nd sprite creating an endless loop. If I code some lingo at the end of the Sprite B to jump back to the beginning of the Sprite A animation, it gives an awkward jump that replaces Sprite B with the Sprite A contents.
Hopefully my description makes sense. Suggestions or pointers to a tutorial that explains how to do this? My lingo experience so far is VERY limited, and only covers a few pages of very basic commands covering animations, video playback, audio controls, and a few other minor descriptions provided by my instructor.
I am working with Director 11.5 on a Mac at school (fully licensed version), and 11.5 trial version on a PC at home.
Thanks,
Brian H.

Hi Brian,
Are you looking at doing something like:
1. http://kayingleside.com/metamorph.html
or
2. http://britton.disted.camosun.bc.ca/metamorphose.html
The first one is using Shockwave 3D and making the image a map on a cylinder. The second one is a 2D image that loops, which is what I kind of understood yours as being.
There is a Director tutorial that explains the idea at:
http://www.director-online.com/buildArticle.php?id=467
As you'll see at teh bottom of the above page, it was inspired by the work of Jim Collins, who created the first 2 URL I put in this message.
There is another demo that does example 2 exactly. I thought it was on Director Online but can't seem to find it. I have a demo Director file if you'd like to see it.
Dean
Director Lecturer / Consultant / Director Enthusiast
http://www.deansdirectortutorials.com/
http://www.multimediacreative.com.au

Using Sprite Sheets?

Hi
I created a sprite sheet in Flash and imported it into Edge Animate, all is well.
In Animate I now see the individual cells of the sprite sheet as Symbols, but now what? How do I actually bring each symbol into Animate to duplicate the animation on the Animate timeline? I'm just not seeing the forest through the trees....
Thanks,
Rich

Hi richardELeach,
In the time that the experts get back to you, can you have a look at this tutorial to see if it helps?
Create Animations in Adobe Edge Animate CC using Sprite sheets - YouTube
Thanks,
Preran

How do you put edge animation in Magento?

How do you put edge animation in Magento please?

Provide the name of the program you are using so a Moderator may move this message to the correct program forum
This Cloud forum is not about help with program problems... a program would be Photoshop or Lighroom or Muse or ???

How to use the slider to avoid keyframes movements?

Hi there,
first of all, I have to tell, I am not a English speaker, so please excuse me in advance. Anyway, I want to solve this particular issue: I have created an After effects project, where you can add into the composition your own text, logo or whatever... what the after effects project does is, that it turns your text, or logo into the 3D metal result. There is also camera cretaed, which moves from one position, to another. Take a look:
The inputed text is "add content" (I have 4 cameras alltogether, but I am showing an example just on the first one, so you will not see the whole text. The rest of the cameras are also in other compositions)
Here you can see the exact movement of the camera. However, if somebody inserts a logo or a text, which has for example 7 letters (in the next picture it is just "content") it will look like this:
here you can see how big space we have. Also it is not appropriate to change the original size of the text in the composition to achieve the smallest gap, as we can see here. The height will be huge then...
If I would edit it by myself, I would do this:
-I would clicked on the button "2 views" and choose view from the "front"
-Then I would select all the keyframes and after that i would go into the left window "front" and using the mouse I would draged whole the camera to the position I want:
The great thing about this is, that as I selected all the keyframes and then set the red line on one of them, the camrea will work even for the beginning! So this is how it will look after the fix.
What the problem is, that after the small edit I want to send this project to few of my friends. Then they can easily put their text, or logo in. The text will have different height, width...it will be shorter or longer. I was just wondering, if you could help with some expressions, linkings and so on, so in the final result, of one my friends could move with the whole camera (not just with one keyframe) using the SLIDER CONTROL. At least for the x and y axis, if z axis is also possible, it would be brilliant. It also doesn't matter how many sliders there will be .
So basically with using the sliders, they should achieve this:
So i need some helpful steps. Please help me. This is very important for me. I will be so much thankful!! Really! (Thanks for the potential help )

You are way over thinking your problem and potentially headed down a path that will cause more problems that it will solve.
If you have a camera path that is already animated and you want to change the position of the camera path as a whole the easiest way to do that would be to create a null and then parent the camera to the null. Move the null and all of the camera movements you have set up will follow. No expressions are needed. This is the easiest way to change every aspect of a motion path, rotate the entire path, scale the path, or move the path on any axis.
If you really want to use 3 position sliders to move existing keyframes to a new value adding value + expressions values will allow you to do this. Just add an three expression control sliders to the camera layer (or any layer like the null you are using as a parent) select the name of the slider in the ECW and press enter and rename it. Something like this will be the result.
Notice that I also have rotation and scale controls in this setup. Now that you have 3 sliders you can separate the position property of the null into individual values enable expressions in each property and type in value +, then use the pickwhip to drag from the X value to your slider named xPosition (in my example) and repeat for each operation. The value + will add the value of the slider to the current value of the position keyframes. The expression will look like this for X:
value + effect("x position")("Slider")
If you want to use sliders I would use a null, add expression controls to the null for position, scale, and rotation, keep the camera position property unified and then use your expression control sliders on the null to modify your existing path. I would not suggest doing this directly on camera position with separated X, Y and Z values because this will change the shape of your camera path and would be more difficult to control. You'll probably also want to create a camera POInull and use this preset to tie the camera's point of interest to the null.
Here's an animation preset you can apply to a null that will give complete control to the motion path of any animated layer you make the child of this null. Search Animation Preset in the After Effects Search Help field if you do not know how to use them, create them, and save them.
As a final gimme, here's a CS6 project using this animation preset to control a null's position that used to change an animated camera path.

How to use filters on ios mobile devices (iPhone/iPad) using GPU rendering (Solved)

Many moons ago I asked a question here on the forums about how to use filters (specifically a glow filter) on a mobile devices (specifically the iPhone) when using GPU rendering and high resolution.
At the time, there was no answer... filters were unsupported. Period.
Well, Thanks to a buddy of mine, this problem has been solved and I can report that I have gotten a color matrix filter for desaturation AND a glow filter working on the iPhone and the iPad using GPU rendering and high resolution.
The solution, in a nut shell is as follows:
1: Create your display object... ie: a sprite.
2. Apply your filter to the sprite like you normally would.
3. Create a new bitmapdata and then draw that display object into the bitmap data.
4. Put the new bitmapdata into a bitmap and then put it on the stage or do what you want.
When you draw the display object into the bitmapdata, it will draw it WITH THE FILTER!
So even if you put your display object onto the stage, the filter will not be visible, but the new bitmapdata will!
Here is a sample app I created and tested on the iphone and ipad
var bm:Bitmap;
// temp bitmap object
var bmData:BitmapData;
// temp bitmapData object
var m:Matrix;
// temp matrix object
var gl:GlowFilter;
// the glow filter we are going to use
var sprGL:Sprite;
// the source sprite we are going to apply the filter too
var sprGL2:Sprite;
// the sprite that will hold our final bitmapdata containing the original sprite with a filter.
// create the filters we are going to use.
gl = new GlowFilter(0xFF0000, 0.9, 10, 10, 5, 2, false, false);
// create the source sprite that will use our glow filter.
sprGL = new Sprite();
// create a bitmap with any image from our library to place into our source sprite.
bm = new Bitmap(new Msgbox_Background(), "auto", true);
// add the bitmap to our source sprite.
sprGL.addChild(bm);
// add the glow filter to the source sprite.
sprGL.filters = [gl];
// create the bitmapdata that will draw our glowing sprite.
sprGL2 = new Sprite();
// create the bitmap data to hold our new image... remember, with glow filters, you need to add the padding for the flow manually. Should be double the blur size
bmData = new BitmapData(sprGL.width+20, sprGL.height+20, true, 0);
// create a matrix to translate our source image when we draw it. Should be the same as our filter blur size.
m = new Matrix(1,0,0,1, 10, 10);
// draw the source sprite containing the filter into our bitmap data
bmData.draw(sprGL, m);
// put the new bitmap data into a bitmap so we can see it on screen.
bm = new Bitmap(bmData, "auto", true);
// put the new bitmap into a sprite - this is just because the rest of my test app needed it, you can probably just put the bitmap right on the screen directly.
sprGL2.addChild(bm);
// put the source sprite with the filter on the stage. It should draw, but you will not see the filter.
sprGL.x = 100;
sprGL.y = 50;
this.addChild(sprGL);
// put the filtered sprite on the stage. it shoudl appear like the source sprite, but a little bigger (because of the glow padding)
// and unlike the source sprite, the flow filter should acutally be visible now!
sprGL2.x = 300;
sprGL2.y = 50;
this.addChild(sprGL2);

Great stuff dave
I currently have a slider which changes the hue of an image in a movieclip, I need it to move through he full range -180 to 180.
I desperately need to get this working on a tablet but cant get the filters to work in GPU mode. My application works too slow in cpu mode.
var Mcolor:AdjustColor = new AdjustColor();   //This object will hold the color properties
var Mfilter:ColorMatrixFilter;                           //Will store the modified color filter to change the image
var markerSli:SliderUI = new SliderUI(stage, "x", markerSli.track_mc, markerSli.slider_mc, -180, 180, 0, 1);   //using slider from http://evolve.reintroducing.com
Mcolor.brightness = 0; Mcolor.contrast = 0; Mcolor.hue = 0; Mcolor.saturation = 0;            // Set initial value for filter
markerSli.addEventListener(SliderUIEvent.ON_UPDATE, markerSlider);                          // listen for slider changes
function markerSlider($evt:SliderUIEvent):void {
    Mcolor.hue = $evt.currentValue;
    updateM();
function updateM():void{
    Mfilter = new ColorMatrixFilter(Mcolor.CalculateFinalFlatArray());
    all.marker.filters = [Mfilter];
how would I use your solution in my case
many thanks.

How do I fix my animation presets for text that won't load? It seems to get locked in loop and I am forced close Adobe Bridge.

How do I fix my animation presets for text that won't load? It seems to get locked in a loop when I click on one and I am forced to "fore close" Adobe bridge which After Effects uses to locate the presets. Any help would be appreciated. Thanks.

What is your exact workflow? The proper procedure is to select your text layer in AE, find the text preset you want to use, then drag or double click that preset to apply it to your project.
It also helps if we know your version of AE and OS down to the decimal point. You didn't give us much to go on.

Any tutorials on how to use the daily build of the Flex SDK to create Flash Player 10 content?

Is there a tutorial on Adobe on how to use the daily build of
the Flex SDK to create Flash Player 10 content?

The approach you take might depend on a few things, but it boils down to using mouse interactive coding to trigger whatever effect you eventually realize. The code you use will depend on the version of Actionscript you plan to use.
You could make this as a movieclip that is normally stopped at its first frame and when you mouseover or click the movieclip, it animates along its own timeline to its enlarged state. If the thumbnail is very small and the larger version is substantially larger, and both need to be clear images, this might be the better approach.
If this only involves enlarging something, you could also probably realize it just using Actionscript Tween coding rather than timeline animation.

How to integrate an Edge animation in a website by hand

I created an Edge animation and published it as an .oam file. But i need to work on the website on someone elses computer who does not have creative cloud or even Dreamweaver. I am working there in a text editor.
What are the requirements - what do I have to do - to integrate the .oam file into that site? All the references I've found bring in Dreamweaver to do it. I don't have access to Dreamweaver in that environment, only to a text editor to edit the html.
I actually was able to publish the project as a Web site and integrated it that way without the .oam file, but I would like to know how to use the .oam file because it might be simpler.

Hi, Ken-
The OAM file is actually a compressed file to be used for import into another product, like Dreamweaver or InDesign. We don't recommend you package in OAM; instead, simply ZIP up your files and hand-integrate the unpacked HTML as an iframe on your friend's machine.
Hope that helps!
-Elaine

Can I use sprites on images in Flash?

Hi, I'm designing a calculator-like application in Flash for a school IT project. I made the layout in photoshop, and want to lay out the buttons with sprites (was just on CSS so addicted to those things xD ). I've tried googling and have found something like you can use sprites like buttons (which is good), but I can't figure out how to apply bitmaps to sprite backgrounds vs. plain colors. Can anyone help me with this?
Thanks!

It doesn't have an event listener then, though? Like there's no automatic button down state; if I wanted to use it I'd have to do mouseUp and mouseOut and mouseDown events separately right?
By the way, it's just for confirmation. I found a work around, using my own code. Essentially, you set the source image (eg "BImage" in library) and this function returns a bitmap image
function getSprite(imageSource, xPosition, yPosition, widthValue, heightValue):Bitmap {
          var bitmapOfSource:Bitmap = new Bitmap(new imageSource); //converts the image in the library to a bitmap file/variable/object
         var bitmapDataOfSource:BitmapData = bitmapOfSource.bitmapData; //gets the bitmapdata, which is required to "crop" the image
         var croppedBitmapData:BitmapData = new BitmapData(widthValue, heightValue, true, 0x00000000); //creates a new bitmapdata object/variable which will have the proper height and width
          var cropRectangle:Rectangle = new Rectangle(xPosition, yPosition, widthValue, heightValue) //defines the rectangle to be cropped out, which will be used later
         var positionPoint = new Point(0, 0) //defines the point where the cropped rectangle will be placed, to be used later
          croppedBitmapData.copyPixels(bitmapDataOfSource, cropRectangle, positionPoint); //copies the specified pixels and sets them to the new bitmapdata object (if your parameters were BImage, 0, 0, 50, 50; this would crop a square side length 50, from position 0, 0 of BImage)
          var finalBitmap:Bitmap = new Bitmap(croppedBitmapData) //converts the new bitmapdata object to a useable bitmap
          return finalBitmap
stage.addChild(getSprite(BImage, 0, 0, 320, 240));
Is my code, if anyone is looking for the same thing. Like CSS xD give it the background image, then the x, y, width, and height, and it'll just print out that portion of the image. Of course, if there's native support, I'd want to use that, which is why I'm double checking. Sorry if I'm being/making you repeat the same thing over and over :/ If you don't reply I'll just assume there isn't native support for sprite down states... already been very helpful. Thanks once again!

How to use Sprites in animation.

Similar Messages

Maybe you are looking for