ActionScript 3.0 :: Senocular Transform Tool / Restrict Drag Area
Jul 16, 2009
I am using senocular's transform tool AS3 in one of my projects.I am having a problem in customizing the tool, I need the movieclip to be drag only with in a rectangle.
Does anyone has a modified version of this awesome tool that can limit the dragging of the objects to a given area? me in the right direction on how to accomplish this, which class i need to modify.
I've been using Senocular's free transform tool: [URL] in tandem with an image upload (using the fileReference class) so that users can upload an image and the transform it.
The free transform class has a function that allows you to restrict the scaling of the movieClip that you apply the free transform to, but it works on a 'scale' rather than specific height and width properties. My problem is, that I don't know what he dimensions of each uploaded image will be, so if it's restricted to a scale, some images will be allowed to be bigger than others....
I'm having trouble with loading in an external image that I can transform with the Senocular Transform Tool class. I have managed to load in the picture but the transform class doesn't seem want to grab it. Eventually I want to us the FileRef to upload the image but I just need to figure out how it works first. Here my code to load in the external image
[Code]...
The transform class can grab the other movieclips but it doesn't want to grab the new image loaded in from the code above.
I am a teacher I used the senocular transformer tool "action sript 3.0 Transformer tool [url]... to create a program for my students I want to add a reset button to it may anyone help me to do so?
how can I modify the code in Senoculars Free transform tool so it resizes on width/height basis instead of scaleX / scaleY like in the current version?
how to load an external image with fileReference and loader into a movieclip such that it can be transformed with senocular's transform tool.Here's what I have so far: (It places the image down but I cannot transform it)
ActionScript Code: var fileRef:FileReference = new FileReference(); MovieClip(root).loadBtn.addEventListener(MouseEvent.CLICK, openClick);[code].....
I am using the senocular transform tool for scaling, rotating etc... skew is disabled in the tool. I Have tried many ways to flip the display object horizontally and vertically. he function I am using is given below. It works fine when the display object is not rotated. When it is rotated and then flipped it outputs a skewed inverted display Object.
function flipHorizontal(dsp:DisplayObject):void { var matrix:Matrix = dsp.transform.matrix; matrix.transformPoint(new Point(dsp.width/2,dsp.height/2));
I'm using the Senocular Transform Tool to allow the user to scale an image that is loaded in. The demos work fine with sprites that are already on the stage.My setup is PureMVC and the images are loaded in, then I turn the loader content into a Bitmap and put that into a Sprite.I mimmicked the source files and added the TransformTool onto the stage level then I make the target the Sprite with the image inside.This all works and when I click on the image the TransformTool pops up and is the right size and shape. Unfortunately as soon as I try to scale or move it using the tool the image skews and scale in huge increments and goes off into the wrong directions.
I tried adding the Bitmap to the Sprite with the registration in the middle. I tried using a transform matrix to move the registration point to the center.
I am using the senocular transform tool for scaling, rotating etc... skew is disabled in the tool. I Have tried many ways to flip the display object horizontally and vertically. he function I am using is given below. It works fine when the display object is not rotated.When it is rotated and then flipped it outputs a skewed inverted display Object.
function flipHorizontal(dspisplayObject):void { var matrix:Matrix = dsp.transform.matrix;
I have a canvas,lets say of dimensions 500x600. I have some controls inside that canvas.User can rearrange the controls by drag and drop. But I want to restrict the drag and drop within that canvas. For example: There is a button in the canvas. User can drag and drop the button anywhere inside the canvas.But if the user tries to drag the button out of the canvas boundaries, it should stick in the canvas boundary. How to achieve this?
Working with senocular Transform Tool - How to remove/disable tool for objects Im new to AS3, and i have to use it for my current project. I have used the AS2 Transform tool extensively, but needless to say, the AS3 version works entirely differently. The way i understand it, the tool applies to and every Sprite , movieclip on stage
I am fiddling around with Senocular's Transformation Tool classes, which allow for a MovieClip to be transformed (rotated, resized, skewed, etc) upon click. Just one tiny problem. I need for the MovieClip registration point to always be centered, so that when I do begin transforming in any way, it transforms from that centered registration point. Here is a picture - I need this done in As3 rather than simply creating a new MovieClip symbol and selecting the center for its registration point, as these pictures are loaded dynamically.
I have made a movieclip and gave the frame this actionscript:
------------------------------------------------------------ var keyListener:Object = new Object(); keyListener.onKeyDown = function() {[code]........
it moves fine and stuff but i was wondering how can i restrict the area in which the movieclip can actually move ? my flash file is 550px X 400px and i want to make it so that it can only move in 300px X 200px of the file if you understand ?
I've gotten pretty far with my file. I have successfully been able to load higher resolution tiles when a user either draws a box of an appropriate size (area 50-100% of total loads low quality tiles, 25-50% of total loads medium tiles, 0-25% loads high quality tiles). The tiles also load correctly when the slider on the zoom tool is pushed up and down. Here is my problem:
1) I can't figure out how to call the SetScale function (defined on the slider MC) so that when the user draws a box on the main map it zooms into that scale (see the functions half way down the AS layer on the main timeline where the calcArea is calculated).
I'm trying to get familiar with design patterns, modularity, unit testing and etc... (with ActionScript). I'm developing a simple "Free transform tool" right now, just as a exercise, but I don't like the solutions that I come up with so far, so I'll try to walk you trough my line of thoughts. When I come up with the idea I was thinking "What to write so I can test this great Unit testing framework FlexUnit", the first thing that I saw was guess what.. a free transform tool. :) When I was thinking about the architecture of the tool I run every scenario trough "How can I write unit tests for that thing?", so I come up with some kind of twisted MVC meta pattern:
A view that's holding all components (rotation area, drag area, resize buttons)A model (or something like that) that holds the necessary logic (setSize, setPositiom, rotateAroundCenter, etc..).And a controller that add listeners to the view components, update the mouse cursor when its over a component, get the mouse coordinates when is interacted with a component, do the calculations and call methods from the model that will update the view and the object that is benign transformed.
I was thinking: "Ok its flexible, i can switch M, V or C at any time, I achieved my main goal, because I can make lots of unit test for the model, where the important calculations are, so its great..".I just have started implementing it, but I think most of those thoughts are wrong. Yes I can change the view and add new skin but it's not flexible at all, if I want to add "skew" (or any other) functionality I should rewrite (or If I'm lucky just extend) M, V and C.Yes I can make bunch unit test for the model but controller's calculations will be hard to test.
So now I'm thinking for something like the Decorator pattern that will allow me to create whatever combination of controls i want to use and keep their logic separated, but I want to have the option to re-skin the controls themselves and to keep the logic separated so I can do the tests.I realize I want to create some kind of "ultimate transform tool", but I'm really trying to push my limits and learn something.
When I try to rotate using Gradient transform tool, I can't rotate my gradient 45 degrees or 90 degrees. nap to objects is enabled and holding shift also doesn't work.
My Text is visible before rotating it to verticle position using Free Transform Tool. But when once it is rotated to verticle position the text disappears from the Stage. And it is not an animated Text as well?
after i done all the animations and i want to paste it another fla. the movie clip animation positions not in the stage anymore, after i click on the timeline of the movie clip, it set path the movie clip to -8000+ X and Y. even i want to set to any number, it pop out invalid position. i have to use mouse drag the number back to position that i want. it's totally drive me crazy... really unstable.. sometimes i open back my fla, the movie clip position run too and i need to use transform tool double click set back to 0.
In my flex application I need to restrict the mouse from moving in a certain area.In other words I want to create a 'No Entry Zone' for the mouse in the application.Hiding the cursor when mouse enters the area is not a solution for me.
I have a free transform tool simulator that rotates an image when the middle top button is clicked and held. The image rotates to 180 and then stops. Does anyone know why it is getting stuck?I have enabled viewsource for the code. the method is in WidgetEditor.as
Im trying to do a drag and drop system where the user can drag a movie clip into an area. Although i would like to make it snap to a target instead of just sitting wherever it lands in the area. Problem Two:
The next thing i am trying to do is when the user has a movie clip on a target already, and trys to put another movie clip in that target area, it will replace the one thats in there and go back to its current position. Here is the script of what i have done so far:
I am facing one problem that i want to restrict my boundary while my object is moving around a area.So i want to move my black color ball only one position left/right/bottom or topEventhoung if my ball presents in the left side edgeit should move left side. same thing for upper side, bottom side and right side.right nowi m using Mouse Down for DragMouseUP for DropInbetween MouseMove for finding its co-ordinates
I wanna to restrict some area in a movie of dragging a movie clip. eg . if there's a square (or a mazed shaped area) in the movie. a movie clip cannot entered inside the square while dragging. but it can be dragged rest of the space.
I have need to restrict user input. TextInput should restrict all special characters and punctuation. Any other characters are allowed. In java there is a regex patter:
I've dynamically created sprites with graphics and added a text field dynamically to each sprite, displaying different text. These sprites (checkers in this case) are draggable. Without the text added to it, the drag area is very precise, dragging only when the circle is selected. However, when I dynamically add the text, there's a significant portion underneath and to the side of the sprite that is also draggable. This is really annoying when one sprite is placed above another because trying to move the sprite below causes the sprite with a lower y coordinate to move even though it shouldn't. When I tried to define a width and height for the text field to avoid this unnecessary space, it made the text much too small!
There must be some way to make it so only the graphics and text are draggable. I don't even mind if there is a square (like the old Flash 5 movie clip square) around the combined object, but there shouldn't be the white draggable space.
For reference, here is the code:
Code:
var i:int = 0; var Rwidth:uint = 20; var Rlength:uint = 20;
So I want to fence off part of my stage for dragable MCs. I don't want them to be able to be dragged out of. Say withing 50 pixels of both the left top and right borders, and within 150 of the bottom border.