I wrote the following code for drawing a rotate rectangle
var s:UIComponent = new UIComponent();
s.graphics.lineStyle(1, 0x0000FF);
s.graphics.drawRect(50, 50, 200, 200);
s.rotation = 30;
template.addChild(s);
Where template is a canvas. Its rotate nicely but the problem is the position is not in right place. i.e. it is not in (50,50) after rotate.
I was trying to rotate a group(rectangle) on the bottom right coordinates using flex..
See the image
how to achieve this rotation ?
public class Greeter extends MovieClip
{
public function Greeter()
[code].....
The code below is used to create one rectangle at a time when a button pressed. But they are randomly placed on the screen. I was trying to drag each and place each rectangle in a desired location on screen. But when I drag a rectangle (startDrag) with MouseDown ONLY THE FIRST CREATED RECTANGLE IS MOVED AND NOT OTHER RECTANGLES.
var i = 0
function newRectangle(x1,y1){
var r:MovieClip = this.createEmptyMovieClip("rectangles"+i, (i+2));
[Code].....
I had to create dynamic with AS some rectangular on stage using moveTO and lineTo. I had a button and when I press it should add a new rectangle on stage but it doesn't. Because the array that I am storing the MovieClip created are overriding I guess
var i:Number =0;
button_name.onRelease = function() {
i++;
var instancename:String ="new_mc"+i;
var mcClip:MovieClip=createEmptyMovieClipinstancename,this.getNextHighestDepth);
[Code] .....
I've got a movieclip of a rectangle in my library which I place on stage to attachMovie. Then I create an empty movieclip which I want to use as a mask on that rectangle clip through setMask. Users kan draw into that empty movieclip. My intention is that only those areas of the rectangle clip become visible where the user is drawing a line. So I used this:
Actionscript Code:
_root.attachMovie("clip", "clip", 0);
_root.createEmptyMovieClip("line", 1);
clip.setMask(line);_root.onMouseDown = function() {
line.moveTo(_xmouse, _ymouse);
line.lineStyle(10, 0x00FF00, 100);
this.onMouseMove = function() {
line.lineTo(_xmouse, _ymouse);
updateAfterEvent();};};
_root.onMouseUp = function() {
this.onMouseMove = null;};
But that doesn't work: both the line drawn and the rectangle clip become invisible. I know it works because without the setMask part the line is drawn. The other way around does work (line.setMask(clip)): the rectangle clip is now masking the drawn line so only the line becomes visible within the rectangle region. But I want it the other way around: the rectangle should become visible through the lines that are drawn!
I want to make a dynamically (using Drawing API) drawn ellipse rotate around its axis. It involves a lot of trigonometry which I'm not very good in .
View 7 RepliesI want to make a dynamically (using Drawing API) drawn ellipse rotate around its axis. It involves a lot of trigonometry which I'm not very good in .
View 7 RepliesHere s the link what I m trying to achieve
[URL]
I have the starting point of a rectangle, and the rotation of the line that I would like this rectangle to be parallel to. My initial thought was to create a Rectangle() then rotate it, but there doesn't seem to be an easy method rotate a rectangle. From this rectangle I create I can obviously get the four points, but I need these to be adjusted based on an angle of rotation that I pass it.
View 1 RepliesFor those of you still with me, I am tasked with making some scrollable content in Flash. Load in a TextFile using LoadURL(), then display it. To get the text, we've written our own class TextFieldExtended, which is basically just there to give the textfile location to the constructor and then have the class do the various steps of getting it and loading it for you.So I needed to get a Scrollbar, which I got hereThe thing is, it works with Sprites.After trying to get it to accept TextFieldExtended, I bumped into a block, since the scrollbar relied heavily on a Sprite property that TextFieldExtended didn't have or could have.
So I tried adding the TextFieldExtended instance to a Sprite instance using addchild.A problem occurs here that I do not know how to handle. It seems that a Rectangle is drawn and the Text is drawn on that. I say this because the scrollbar moves the Rectangle up and down a bit, but the text doesn't scroll, just the Rectangle it is positioned in and the text then moves along with it.My question: can this be fixed, or is does this implementation of scrollbars need a lot of adaptations before this is possible?
In a Flex component that inherits from BorderContainer I'm overriding the updateDisplayList function to draw a rect:
override protected function updateDisplayList(unscaledWidth : Number, unscaledHeight : Number) : void
{
[code].....
I draw a rectangle i should see a little bold circle to indicate a perfect rectangle, I seemed to lost mine, can somebody please tell me how to get it back!
View 2 RepliesI am creating a component that will be a large plus or a large minus. I don't want to use a bitmap because even I can draw this using the Graphics class, but the component must be clickable (the Shape class is not). It will be part of an item renderer, so I want it to be as light-weight as possible. UIComponent does not seem to sent CLICK messages.
View 3 RepliesI have a Group on my View, and i'm trying to fill it with some collor and add an mouse event on it, all dynamicaly.the problem is, when i add the mouse event, the group simply turns invisible again. It still exists on the view and responds normally to the mouse event, but i cant see it.here's an code example:
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark" title="HomeView" creationComplete="onCreationComplete()" >[code]......
without the mouse event, the group is visible, but it vanishes when i try to add it. i've tried with other events, like the ENTER_FRAME Event and it works normaly, but all the mouse events that i tried turn the Group invisible.i've actually solved my problem using the opaqueBackground property, the Group don't vanish when i add the event this whay. But now i'm curious about the reason of this behavior.
I am trying to convert a rectangle(actually multiple rectangles) to a curved rectangle. I think it should be pretty easy but I guess i am stupid. Basically I would have a start position and stop position (many of these), and they would be converted to curved rectangles and follow in a cicrle around.
View 0 RepliesI would like to create a rectangle inside of a rectangle, starting approximately 15% inward from the right side of the other rectangle.
I know how to create rectangles with:
Code:
var newHotRect:MovieClip = new MovieClip();
newHotRect.graphics.beginFill(0x00FF00);
newHotRect.graphics.drawRect(0, 0, 100, 100);
addChild(newHotRect);
But how would I make another rectangle on top of that (the black one pictured) that is approximately 15% from the right?
I toyed around with .right, and .bottomright with no success. Can anyone lead me in the right direction? or even finding the x and y of the upper right or bottom right side of a rectangle?
how to respond when a rectangle hits another rectangle? I already know how to detect the collision, I just don't know how to respond to it. I'm just trying making a simple side-scrolling platform game where I have platforms I can walk on and bump against on all sides. I have searched everywhere and just can't find the tutorials I'm looking for.
View 6 RepliesDoes anyone have any knowledge (preferably with links to make it official) about how/if Flash/Flex culls objects not in view, to stop them getting drawn when not needed? A specific cases: I have an 800x600 panel (a Canvas or Sprite, or other container) containing loads of Sprites representing individual game objects like asteroids or spaceships or missiles or map-tiles. The game world might be 5000x5000 so can I naively position Sprites anywhere in this range and let Flash cull them effectively? Or do I need to manage visibility somehow at a higher level (like manually removing them from the parent) to avoid performance issues?
View 1 RepliesI have a Group screen component with some Path elements inside. The Group has a (default) style, and the Path has a (default) stroke. When the program starts, (on initialize) loads from a server (via HTTPService) some data that includes different styles for the Group, and it may also include different color/width for the Path stroke. If the styles/stroke attributes are not included in the server response, then the component will be shown with the defaults.
[Code]...
I'm trying to write a little flex app that has a paint/canvas type feature to draw an image, which I then want to post to a rails server side. I'm following the post here, but can't get as far as he did due to the following error: NoMethodError (undefined method `rewind' for #):I googled that and found this which says the problem is due to an empty filename, but I thought I had that from the example. However, I altered the example to simplify the post by reducing the form parameters, but I could have easily messed something up since I really don't know what I'm doing with this multipart form content. I was hoping to at least log the request params, but unfortunately I can't, since it's failing before being routed and due to my inexperience with rails. I'll ask that in a separate question and hopefully be able to edit this question with the request params.
View 1 Replies[code]...
Basically this is not working. I used this question to improve - still nothing.Why doesn't this Flex App draw a simple rectangle?
I have a rectangle that I've created and set its individual properties like so
var aRect:Rect = new Rect();
aRect.width = "15%";
aRect.height = "15%";
Problem is the compiler chokes on 15% and "15%", with or without the quotes, neither works.
the code is straightforward and my Intention should be clear. Still i can get this to work:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
[Code].....
How can I set something like corner radius for the default rectangle which appears when an item is hovered?
View 2 RepliesI have two rectangles: var rect1:Rectangle = new Rectangle(66,147,89,67);
var rect2:Rectangle = new Rectangle(155,147,89,67);
How to calculate the centre point of these rectangles based on their x and y positions. I want the centre point to be calculated with relative to stage
The link elements I'm talking about are single words, so they are not wrapped inside the container, which means that they should have a single bounding rectangle. But how do I go about finding this rectangle? I'm familiar with Flex3 but don't know enough about the new Text Layout Engine in Flex4.
View 1 RepliesDraw rectangle with dashed border in flex ?
View 3 RepliesI'm doing an geometry object tranformations for a project. I need to have same rectangle across 4 parts in a screen. So when i change one rectangle others will be transformed like scaling or something.So i was able to do this with image, just giving "source" attribute. How to do with geometry objects?[code]
View 1 Repliesvar snapshot:ImageSnapshot = ImageSnapshot.captureImage(someSprite);
var file:FileReference = new FileReference();
file.save(snapshot.data,'abc.png');
n the above code I am able to capture an image.But I also want to apply a scalingMatrix(for zoomIn/Out) and a clipping rectangle to it. How to do it? I tried capturebitmapdata too, but with that I can't even get a proper image. See here. So I don't want to use that.