I want to build a map like google map with drag, zoom in/out effect. I also want to use tween effect. I want to zoom or drag inside a bounding rectangle. But when I apply tween, the map zoom out of the bounding container_movieclip. How can
I apply tween effect but clip inside the bounding area(like google)?
I'm trying to achieve a simplified version of the move to screen area and zoom nav similar to: [URL]. I've read and completed the macromedia tweening tutorials [URL] and gained overview of tween class etc., So, I created an example (credit :sophistikat) using the macromedia tween class:
Code:
import mx.transitions.Tween;
import mx.transitions.easing.*;
myBtn.onRelease = function () {
//first move to center in one second witih no delay
main_mc.tween("_x", 50, 1, "easeinoutElastic");
main_mc.tween("_y", 50, 1, "easeinoutElastic");
// and in 2 seconds scale closer
main_mc.tween("_xscale", 150, 1, "easeinoutElastic", 2, true);
main_mc.tween("_yscale", 150, 1, "easeinoutElastic", 2, true);
}
The script in layer 1, the bt in layer 2 and the main_mc in layer 3 - all correctly 'instanced'. But not working - the main_mc isn't moving and then zooming in when btn is clicked.
I want to zoom the area wherever my cursor is placed. I don't want all the area to be zoomed. How can I achieve this?
View 5 RepliesI'm trying to create a site where all of its sections are laid out side by side and the user can zoom into each section to check it out, just like this site: [URL]I have the actionscript that allows the user move the viewing area around, but im not sure how to incorporate the zooming into it. What I need might be something different entirely. Here's that:
on (release) {
_root.motionx = -950;
_root.motiony = -700.0;
_root.motionScale = 100;
}
I'm developing a web app using Flex. This app allows to draw forms in a Canvas (like MSPaint in Windows).Now, I want a new feature on it: an infinite canvas. The user should be able to drag the main Canvas and this should be infinite in X and Y axis. Consecuently, this Canvas should be resized in real time.
Obviously, I don't want to create a Canvas of 1k x 1k pixels with zoom in an specific area to give the feeling of an infinite drawing area.
EDIT:I just read that Flash/Flex Flash/Air supports canvases up to 4056x4056 px, not infinite.
I am using this code to preform a tween action (a 'zoom in' animaion')
//Tween and animations
var myTweenAlpha:Tween = new Tween(lalBtn,"alpha",None.easeOut,0,1,3,true);
lalBtn.addEventListener(MouseEvent.MOUSE_OVER, mouseOverListener);
function mouseOverListener(evt:MouseEvent):void {
[Code] .....
And when its done I load the include file. How to I return back to the main part after the include?
I'm in the process of planning out my web portfolio website. The situation at hand right now is learning how to do a zoom tween via actionscript. I want to learn more actionscript tweens and get away from tweening using keyframes/frames - as this creates Huge file sizes. So I'm trying to be more efficent and keep file sizes down. Basic idea is I have a background image with 3keypoints (movieClips) that the user can click on. Once you click on these the camera will zoom and pin-point whatever movieClip has been selected.
Here's what I've been able to see so far. By applying this script to each separate movieClip it zooms in on the image or particular part of that image correct? How would I modify this so that it zooms when the user clicks the appropriate movieClip. I got this from from here and I have also seen and read the Kirupa Tutorial about the starfield/racecar game etc. But it doesn't sink in without examples right in front of my face. And to reverse the zoom when the user wants to (un)zoom back out would I switch the
_xscale = _yscale += speed;
to
_xscale = _yscale -= speed; ??
onClipEvent (load) {
speed = 2; //speed of the zoom
} onClipEvent (enterFrame) {
_xscale = _yscale += speed;
//does the zoom
_x -= 1;
_y += 2.5;
//this moves the movieClip down and to the left so it leaves the screen entirely
}
I am trying to create a zooming in effect on some text. To do this i am using the scaleX and scaleY Tween. The problem that I am having is instead of scaling outwards in all directions, it looks like its scaling downwards and to the right. I think this is because the centre of origin is in the top left corner.
Code:
import fl.transitions.Tween;
import fl.transitions.easing.*;
import fl.transitions.TweenEvent;
var myFormat:TextFormat = new TextFormat();
myFormat.size=15;
[Code] .....
Is there anyway that you can tween the hit area of a button in flash so that it follows a button as it moves? I have my buttons set up as such:When a viewer visits the page they only see a small part of the button, and when they roll over it the entire button rolls out, but I want to be able to make the hit area only as big as the small portion, and expand when the button appears in full so the entire button is clickable.
View 1 RepliesI want to make a scope wich can zoom in on button click and go back to previous stage (zoom out) also by clicking a button.Now i made it work for zooming in (when i click my button it zooms) but when i want to zoom out everything i tried didn't work .Here is the code:
//button for zoom in
zoom.addEventListener(MouseEvent.CLICK,glassMove);
function glassMove(event:MouseEvent):void{[code]..............
i've made a button that zooms into a movie clip on a rollover, but it on moves it a certain amount each time you rollover the button. code below:
on (rollOver){
_root.Mypic._width += 5;
_root.Mypic._height += 5;
}
wot i want it to do is to continue zooming in for as long as the mouse is over the button, is there anyway i can change the code to zoom in at the same amount but do it continuously until the mouse is moved off the button. Also is there anyway that i can set it so that the zoom stops at a certain percentage, i.e. it only zooms in so much and then stops. What i mean is that the user can zoom in but the picture will only zoom in to say 200% of the original size.
I am working on flash application TELESCOPE or Camera. My goal is to move around the scene and zoom-in or zoom-out I found that if I move scene, I have to move registration point, because I always want to zoom in the centre of my ocular. So far application works fine only if I move, zoom-in and than before I move any further, zoom-out! But when I move, zoom-in (not fully), move again and zoom-in again, the second zooming doesn't appear on desirable registration point
View 1 RepliesI have this code for my effect to zoom in and zoom out in certains buttons
canada.addEventListener(MouseEvent.MOUSE_OVER, canadaover);
function canadaover(event:MouseEvent):void
{[code]....
the problem is when u reach certain corner of the button it kinda gets into a loop, any ideas how can i fix this?
Using flex / air 2.6 working on an Android device, I am using a canvas with a TransformGestureEvent for zoom in on a map. The listening of the efect is working ok, but I can´t seem to find the information on wether the user intended zoom in or zoom out (fingers getting closer or getting apart).I expected the intention of the gesture to be identifiable with the offsetX and offsetY properties of the event, as you will do on a swipe gesture event. But I always get 0 for both properties, no matter how I do the gesture in the device.How can I know if the fingers getting closer or getting apart in a gesture zoom event?
View 1 Repliesi had a flash file, and the image was dynamically loaded in a movieClip. when i double click the image it will zoom max. and another double click it will retain its best fit.
View 0 Repliesi have a drop down menu am working on and each button tab (although they are not button instances !) when clicked opens up the "drop down" section which you can mouse over to choose another specific button etc - if you mouse out of that drop down area then it pulls back up to the original tab state .. what do i change to the code below to decrease the area that you mouse out of to make the drop down area pull back .....at the moment it at least two inches on the screen below and to the right of boundaries of the drop down box before it pulls up - i want to it pull up as the mouse leaves the boundary box .... hope this makes sense .... there is some part of the actionscipt below that controls this but can work out which bit and how to change it !!! (am guessing the x mouse and y mouse bits - but how to change it ???)
[Code]...
I have this function:
public static function cloneDpObj(target:DisplayObject):Bitmap
{
var duplicate:Bitmap;
[code]....
to clone target displayObject (MovieClip or Sprite) and return Bitmap Object.
It can get bitmap from the target object, but it seem don't get all the area of the image.
By give the width and height of target object, but the target object in design was applied by Glow Effect, so my question can we get the all view of bitmapdata from a displayobject?
I have a movie clip named circle_mc(see the image on the link below) and a mask object(movie clip) which determines visible area of the circle. User can change the portion which is visible (extend the red area and make it red+blue, gray area is invisible). I need to find proportion of visible area to invisible area (red+blue/gray) so that I can calculate angle.
View 1 RepliesI would like to first add the xml to my flash. Fine I can do this.But I have a number of buttons, where when I click say CW1, i get the information from the XML file with a node of CW1. I have all the xml set up fine.As I have about eight different postcode types.
ST, CW, CH, TF, WV, WS, DE, SK, SY, and each of these may have numbers that follow, i.e ST1, ST2, ST3 and so forth.
So I can only assume that the postal area could be the main nodes, and the numbers inside the child nodes, am I right thus far.o how can i load the area of the xml file into my text area on mouse click, pulling the information relating.
However I'd need to be able to draw *only* on the board area (a 450 x 350 pixels area) instead on the whole movie... how to "tweak it?" Here's the fla: [URL]
View 8 RepliesI have Particle animation like this this PHP Code:
[Code]...
But i want that Object moving in limited area or masked area. I add masked area like this PHP Code:
[Code]...
But it still not working. Any advice ?? or correction in my script code?
I need to have a button to be clicked for the zoom effcet to be activated, then when the mouse hovers over an image it should zoom to 200%. I have 40 images which I'd like to have this effect by.Also when the cursor is over the image is it possible to make the change the cursor to a magnifying glass?
View 1 RepliesI'm developing a full screen zoom/pan UI. Everything is working great, except I can't get it to center on the correct point when zooming in.
You can view what I have here: [URL]
The numbers in the top-left corner are the navigation, and the white boxes represent the individual sections.
I have a large container movieclip that fills the entire page. Inside of that movieclip (site) I have all of my individual section movieclips (section1-section6). I'm also using a dynamic registration point class to dynamically set the registration point of the "site" movieclip to the current selected section, so that the zoom in/out is centered on that section.
When a user clicks on a navigation item, I first reduce the _xscale and _yscale of "site" to 80, when that is complete I move _x and _y to the position of the selected section's movieclip. When that is complete, I set the _xscale and _yscale back to 100. Right now, it is not zooming in centered, so I have a final step where I correct the _x and _y position after zooming back in.
If I don't zoom in/out I can successfully pan the movieclip and center on the correct section. I believe the problem is that I am moving the _x and _y to the position of the "site" movieclip as if it is at 100%, but since it is at 80% it is not moving to the correct position. I tried to fix this by giving the _x and _y coordinates as:
endX = endX / 100 * 80;
Which made it a little better, but still not centered. I have a feeling that there may be a fundamental flaw in my approach to this.
For some reason the forum won't let me attach my .zip, so I posted it online, as well: [URL]
My code below, in case you don't want to download the file:
Code:
tile._alpha = 0;
currentSection = section1;
//** Set Stage **//
[Code]....
How to make several MCs to zoom in on mouse over and zoom out to it�s original scale on mouse out??? all this with actionscript and with some ease (elasticity) to make the motion more natural?
View 2 RepliesI need to have a button to be clicked for the zoom effcet to be activated, then when the mouse hovers over an image it should zoom to 200%. I have 40 images which I'd like to have this effect by.Also when the cursor is over the image is it possible to make the change the cursor to a magnifying glass?
View 3 Replieshow do you edit a movie so that when you right click the movie...it wont show all the things like "zoom in" or "zoom out"???
View 2 Repliesimport fl.transitions.Tween;
import fl.transitions.easing.*;
var homemanTween:Tween = new Tween(homeman_mc, "x", Elastic.easeOut, 1000, 50, 3, true);//frist tween
var adobeTween:Tween = new Tween(adobe_mc, "alpha", Regular.easeOut, 0, 1, 3, true);//second tween
how can I animate the 2nd tween after 3 seconds when 1st tween stops.
I'm programming a game for my Advanced Higher Computing class, and am doing a whack a mole style game. I am trying to program for the bit where when you click the moving movie clip, then the score is increased by 1.
if(mousedown){
if(movieClip contains mouseXCoOrd){
if(movieClip contains mouseYCoOrd) {
score ++
}
}
}
I just want to do not allow editing at some area of text area in flex. How it can be done?let suppose text length in text area is 50 characters, i want to allow editing if cursor position is less than 15, and if cursor position in text area is greater than 15 it should not allow user to add more text in text area.If user press any key it should not add any character in text area.[code]
View 1 Repliesi have visited a very good flash site..I gotta give credit for their dedication and their work as well. [URL] I wonder, how they put all those animation in a banner with that small size of file ? I mean banner's size is not big at all. My other question is that, how do you make it "zoom in and zoom out" on a movie..Like on those banners. Do they binding all the layers to make it a movie then resize it on the movie or what?
View 3 Replies