ActionScript 1/2 :: Smooth Zoom In And Out Of An Image?
Aug 10, 2010I would like to zoom in and out of images like this
[URL]
Actionscript 1 and or 3?
I would like to zoom in and out of images like this
[URL]
Actionscript 1 and or 3?
I have problems with flicker when I zoom in a photo. If you look at [URL] you can see a lot of aliasing in the pictures.
I know that you can do this kind of transitions in Monoslide (watch the banner at [URL] but is it possible to do it in Flash?
tutorial where when you click on a movie clip it moves to a certain location on the page and then zoom in and makes it a certain size. Also i want it to move back to its original location if you click it again.I want the move and zoom to be smooth so the users can see it move across the screen then gradually get bigger.
View 5 Repliesi want to zoom in on an image by clicking one particular region and zoom out by clicking again. how can i achieve this.
View 6 RepliesI created a slideshow where the images fade out and in using a motion tween from 0% alpha to 100% alpha in 15 frames. The fading doesn't look right to me it is very jagged. Is there a better way to do this. My files are too big to upload even when I tried to limit them to 3 images.
View 1 RepliesI'm making a side scrolling platformer and I wonder why image movement is so choppy, especially if velocities arent whole numbers? Images I'm using are: one 320*350, one 500*500 and few of 50*50 all in PNG format with alpha support and cached as bitmap. Framerate is 30FPS.
View 1 RepliesIs there any way that i can smooth out images that zoom in/out with normal classic tween. they are so jittery it looks terrible. I even have a little bit of easing and frames per second set to 30.
View 5 RepliesI am trying to rotate a PNG image around its centre point so that I can use it as a wait icon. This seems to be the way to go but there is a noticeable delay before the animation repeats.
<s:Parallel id="animateTimer" target="{timerImg}" repeatCount="0" repeatDelay="0" duration="1500">
<s:Rotate angleFrom="0" angleTo="360" autoCenterTransform="true"/>
</s:Parallel>
Why when I have set the repeat delay to 0 does it have a noticeable delay before it repeats?
How do you smooth an image that has been slightly angled?
View 1 RepliesI have a series of images that merged into one 2400 pixel wide jpg. I want this to loop continuously across the bottom of a website. I have tried using TweenLite and TweenGroup but cannot get that to behave correctly. Is there an Actionscript 3 way to do this? Ultimately this is being added to a Flex site.
View 1 Repliesi have created a slideshow in AS3 scripting to pan images from left to right or right to left. The issue i have on the slideshow is some stutter effects when the set of images are panning from left to right by one after another. Is there anyway to make the panning smoother than the jittery effect.
about using graphic acceleration for smooth effect. What is graphic acceleration and how it helps to achieve the smooth movement of images.
[Code]...
I'm trying add image smooth code to xml gallery (green text):
Code:
package
{
import caurina.transitions.*;
import flash.display.*;
import flash.events.*;
[code]....
I don't know why always first loaded photo is loading with null object error and without of smoothing, but any next photo is loading fine without of any errors and with smooth option enabled.The gallery is loaded into main.swf with Loader class.
I have a movieclip that I want to be resized when a button is clicked. I want the animation to be smooth as if it had weight though. I read the tutorial on this but I need something slightly different, I would rather it where I can just refer to a function that is set in another movieclip. That way I could easily refer to it again and just set the height, width, and if possible, x, and y.
And my second question, is how to keep the border of my movieclip that is going to be resized the same thickness. I want the inside to be resized but the sides to stay the same width but move to stay on the edge.
i've created a vector-based map of Spain, and i'd like to be able to zoom into certain areas of it.the map is positioned behind a mask, so only a certain portion of it is visible.
i've also created nine buttons, each of which should reposition and scale the map according to a set of predetermined target parameters (manipuilating the _x, _y, _xscale, _yscale properties). i can get the map to pan to its new location so long as i don't zoom in (scale) as well. whenever i have to pan AND scale, the x,y coordinates end up grossly off-mark. do i need to first scale and then pan? or vice versa? anyone know of any tutorials on this topic?
I'm looking to zoom in on an image: Example: Picture of a church. Zoom in as far as possible on the church tower.Then it needs to slowly zoom out, so you have time to guess which church it could be. Example: Slowly zooms out, revealing more and more of the picture.
View 2 RepliesI'm trying to achieve what i thought was a fairly simple effect in a slide show situation, but it's proving to be elusive. I would like to slowly zoom in on an image, giving the illusion of movement or animation. An example of what I'm trying to do is on this site's main slide show. [URL] This looks pretty simple and i suspect they are using the EaseIn transition, but when I try to use that, it brings the image in from nothing to full. I need to start from large size and then zoom in.
View 3 Repliesi need like this [URL]
View 2 RepliesI have an image which I have converted to a movieclip. I have added a click event to it, and when clicked, I am trying to zoom into the image at the point it was clicked. I have tried following some code but ended up in a mess.
var scaleFactor:Number = 0.8;
var minScale:Number = 0.25;
var maxScale:Number = 2.0;
men.addEventListener(MouseEvent.CLICK, menOver);
[Code]....
At the moment, it doesnt zoom in automatically (have to keep clicking). Also, it currently zooms out.
Really, the effect I am after is like a camera pan and zoom.
Is that kind of job easy to do in flash?
View 1 RepliesI have an issue with zooming gesture in iOS over AIR. Here is the code (an excerpt):
package
{
import flash.display.DisplayObject;
import flash.display.Sprite;
[code]....
Where, the app, basically captures an image using the iphone's device and then should scales (zoom), but doesn't...
I have some script that loads an external image into the UILoader that also has a mask created based on loaded image width and height, which also centers on stage. That works great. On user click somewhere within the loaded image, the image then scales from that mouse position out.
i.e.: if I click top left corner image scales from that point out, center, left, right... etc. using the tween. That works great.
On mouse move image then pans reverse to mouse position. i.e.: I move mouse left image pans right, move mouse up image pans down, top left corner image pans down bot right...etc. Also using tween. This is where it becomes tricky. The image does pan, however it does not pan completely to left, right, up, down, diagonally and so forth. once mouse reaches boarder of mask the image pan stops, unless mouse is way outside boarder.
Then that creates another problem where the image now pans so much that it goes past the boarder and almost out of sight. Ideally when mouse moves to masked boarder, panned image should be at its image boarder then stop. Constrained within the masked boarders.
Code:
var myImagePanTween;
function moveImageTween(e:TweenEvent = null):void {
var CurrentMouseX=mouseX;
var CurrentMouseY=mouseY;
[Code] .....
I think there should be away to include a constraint within the Tween, as well calculate the image size so that when mouse reaches boarder the image should be panned to its width/height, up, down, corners ect.. within the mask. Make sense?
how to zoom in an image the same size and move.... for example, [URL] on the site menu.
View 4 RepliesHow do i zoom in to a part of an image?? At the moment i have this
[Code].....
I have to create an image zoom and pan. The problem is that I have to set some boundaries for my pan to stop when the image is finished. Here is my source code.
[URL]
I have been trying to set the loaded image x and y to -180 in order to centre xml loaded images(they're 360 x 360). The reason for this is to add a zoom effect but i can't seem to apply this zoom effect to the centre of the loaded image(s). It scales to 0,0. I need to either set 0,0 to be the centre of the image or scale to 180,180. I'm currently testing this on 1 of 16 images. Hope this makes sense.
PHP Code:
var thumbsXML:XMLXML();thumbsXML.ignoreWhitetrue;thumbsXML.onLoadunction(success:Boolean) { if (!success) trace("XML Data not Found or Error on
[code].....
mouse (stage 400 w 400 h) (image 2000 w 2000 h) How do I zoom in my travels.
View 2 RepliesI am recently making a website in flash cs3 using flash actionscript 2. I have currently put a zoom&pan image viewer into one of the website pages to use as a map viewer. However once pasted into a empty movie clip it seems to be displaying a whole lot of white space once fully zoomed out and the image being only around a 1/4 of the assigned area. I am thinking its something to do with the alignment. I have also attached the swf file, for quick view. The image can be found if you enter corporate in the first window then venue in the side menu.
Link > [URL]
The movieclip is labelled "map".
I am trying to create a zoom/pan effect for an image gallery. The thing is that i dont have any idea on how to do it so I've started to play with it. I created a zoom button that basically make the image bigger and a mask for the image so no matter how big you going to scale it its going to show the masked area only and if I want to pan all I have to do is move the image inside of the mask.
But my problem is that I use a MouseEvent.MOUSE_DOWN event on the zoom in button and the function scale it up and position it in the center only once. What I want to do is as long as the user have is mouse down the image will zoom and when the user releases the mouse it's going to stop. Thats the effect that im trying to achieve [URL]. But the cool thing about this gallery is that when you zoom in or out it actually ease out or in and stop and it run's really smooth.
I have 9 images on my stage laid out like a photo collage. Would like to create a user action that when their mouse rollsover an image that image zooms in, when the user moves mouse to next image, it does the same for each 9 images. Is this possible? As mentioned I am a Big Newbie to Flash, only have taken one online class,
View 11 RepliesI need to be able to zoom in on my image, but I cant get it to work properly. I've got an Image showing my content, and it get it's content from a BitmapData. The BitmapData is full-res, which is 2880x1620, and the Image is scaling to fit my window. The SmoothImage is the same as Image, but with smoothing added.
<me:SmoothImage id="imageFull" visible="false" width="100%" height="100%" />
How would I go about zooming this image when I scroll my mouse? This is the code I have, and it does change the scaling factor. But since it's set to fit my view, nothing happens...
public function videoBufferWheel(event:MouseEvent):void{
myZoom += (event.delta/10);
if(myZoom >=1){
imageFull.scaleX = myZoom;
imageFull.scaleY = myZoom;
}else{
myZoom = 1;
}}