I have a drawing board created and a comic speech bubble clip created. The clip is draggable and text can be inputted into it. The problem is that I don't want to draw on the board when I drag the balloon. See the fla attatched!
View 3 RepliesAs a UI specialist, I am often asked to build tool-tip displays and other sorts of popups that display text. One of styles clients seem most keen on is text in a comic-book balloon. I would like to create this balloons programmatically (as opposed to embedding or linking to rendered graphics), because these balloons will have to change size at runtime, depending on how much text they have to hold.
Balloons are easy to draw for the most part: circles, rectangles or rounded-corner rectangles. The tough part, for me, is the tail (the little arrow-like part of the comic balloon that points towards the speaker). If you google comic balloon, you see that there are many varieties of tails. They ones clients request from me most often are curved. E.g...
[URL]
The tail will always be on the bottom of the balloon, and it will sometimes point left and sometimes point right. I have been trying to come up with tail-drawing algorithms for a while, but I'm not happy with the results. I'm basically stumbling around in the dark, changing variables, looking at the results, and using trial and error to try to move closer to the magic numbers that will work. "Work" just means a result that looks pleasing, which I realize is subjective. Most of my clients will be a happy with anything that looks reasonably good and professional.
I want this result to scale. And it would be great if it could work with as few inputs as possible, maybe just isFacingLeft, tailWidth and tailHeight (Which could maybe be a percentage of the whole balloon). Maybe an adjustable curveAmount.
If it matters, I'm using Flash/Actionscript, but any system that has some sort of turtle graphics engine should work pretty much the same way: I'm working with that standard flipped Cartesian grid (y increases downward), x and y coordinates, the ability to move a pen, draw lines and draw curves.One caveat: Flash only allows me to draw 3-point bezier curves -- start point, control point, end point.
Note: balloons won't have to scale after the are drawn.
This code is from a drawing board, the problem is:
1- When you click outside the drawing area, a dot is drawn (thus you cant click anything except inside drawing area because it will result in undesired dots)
2- When you drag outside the drawing area the dot is drawn (bad), the pencil doesn't draw (good), but if you drag until reaching the drawing area draws (undesired, because it should only draw when you started to drag from inside the drawing area) how to tweak the code or simple add a "deselect" tool option ? That's a link to the fla file ziped, and that's the code of the drawing board: [URL]
Code:
_root.P = 0;
_root.level = 1000;
_root.tmpx = -1;
[code]...
This code is from a drawing board, the problem is:
1- When you click outside the drawing area, a dot is drawn (thus you cant click anything except inside drawing area because it will result in undesired dots)
2- When you drag outside the drawing area the dot is drawn (bad), the pencil doesn't draw (good), but if you drag until reaching the drawing area draws (undesired, because it should only draw when you started to drag from inside the drawing area)[code]...
I need to know how to script the drawing board as in the user can only draw on a specified area. For example, on a 800x600 layout, only 1/4 of it is the drawing board.After the user has drawn the image, when he/she clicks on a button, the image will be replicated on another area in the same 800x600 space. So far, I can only manage to make a drawing board on the whole 800x600 space and erasing.
View 2 RepliesI made a worldmap which is a movieclip, and inside that worldmap I create dynamicly project icons which contain a text balloon with some short information about that project.The problem I'm facing is that I want to make the text balloon appear on mouseover, and when I press the movieclip, it goes to another page.I've been trying this for a while but I can't find a good solution, onRollOver and onPress on movieclips won't work, and I have no clue how else I could do it. The reason why I add them inside the worldmap is because I want to zoom in and out or move the map in certain directions.when I zoom in and out on the map, the icons become largers as well. How can I make it so that the icons always stay the same size?
The flashmx8 file can be found at: http:[url]....
The code is at the first layer called "scripts" in the first frame.
The code for adding dynamicly dots onto the map is at line: 72 and the code for zooming starts at line: 131, and basicly the whole actionscript is in the first frame to keep it easy and mobile to tweak the whole application.
I tried to make a "drag" and "click" balloon which goes up and with a guy who follows the balloon movement through a line.... No prob, it works, but I need to duplicate the balloon 8 times (i want to create a menu with these balloons).... I tried to duplicate it in a for loop, but it doesn't duplicate the string and the guy.... if somebody has a clue I'll take it...
View 0 RepliesHowever 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 Replies(MX2004)I have made a 'whiteboard', users can draw on it, change width of pen, clear it.
I need to:
1. allow users to add text as well as lines
2. allow them to add a circle or a square
3. clear last stroke/shape
4. save the drawing
5. email it or print it
I Created a white Board in Big Blue Button.In that white board i created a text Field.. Now i want to Share the Text Field.
View 1 RepliesI have to create a white board in Flash Action Script 3.. I'm unable to create the text box property in the white box. When i open the swf i need a text box property with whch i can create a text box field where ever the user wishes.
View 2 RepliesI have the following code which create a small drag and drop interaction, with a connecting line being drawn between the two elements. I want to add a Submit button to the mix to allow the user to complete the interaction and then find out which ones where correct and which ones were wrong. Removing the lines from the incorrect ones and leaving the correct ones in place. I've tried setting up a function to switch some variables to true when the interaction has been completed succesfully but am coming upstuck...
Actionscript Code:
var score:Number = 0;var startX:Number;var startY:Number;var startLineX:Number;var startLineY:Number;//set up variables for true/falsevar circleMccomp:Boolean = false;var squareMccomp:Boolean = false;var errowMccomp:Boolean = false;var polygonMccomp:Boolean =
[code]....
I Created an action script code when the mouse Down and Drag I taks the X,Y postion in the first and when the mouse is Up it take the Final X, Final Y and Draw Rectangle
I need to Show the User the Rectangle with the mouse Motion (like when you draw in photoshop ) But in my Code the the Rectangle appears when the mouse up
I attached The Code to the msg
I have just started using Flash and I tried to make a game where you click and drag to draw a line. If that line hits the enemy, the number in a text box to the right should go down. When I slash at the enemy, and it hits him, he gets damaged, but sometimes, when I don't hit him, he still gets hurt. Download the attatched file and try it out.
View 1 Replieswhere to get classes to putting together a board game, free of course.I do not want to use them actually but get the idea of how mine would incorporate into the classes.I have a board game where I want each square on the board to know if it is occupied or not, to change its color, and to keep track of what is actually happening with it.
View 2 RepliesI'm using a custom item renderer for an AreaChart:
[Code]....
I'm displaying my text. However, I want the balloon to be exactly above the data point. I tried to change the (x,y) coordinates but it doesn't seem to change. How can I move this balloon around to a desired location?
I'm trying to produce a game that on mouse down a dotted line (or just a line) gets dragged out following the mouse until it is realized then it disappears.
View 1 RepliesSo I'm creating this flash game for our company's 2010 halloween greeting card and I'm having some problems.All it is an swf that has balloons randomly moving upward.Each balloon is a movie clip that has another "button" movie clip inside of it. As you click on each balloon, the balloon pops and then recreates itself. The only problem is that the button inside the balloon is not acting like a button the entire time.
The upward movement is being called through an enterFrame event listener and the use of the button goes in and out as the balloon moves upward. It's a pain because you have to click the balloon multiple times in order to get the balloon to pop. Does anyone know why this is or if there is an alternative to enterFrame?
I have been making a memory game, where words are shown to the user. Once they have memorised the words they go to the next screen where the words that they have memorised are shown. They then have to drag each word into a "correct" place and a "wrong" place. I now want to edit it so that I can use two arrays one for correct words and one for wrong words. I want to generate random words from each of these arrays. I have sort of worked out how this is possible to do but using dynamic text, but am I correct in thinking that the whole dragging the words thing is not possible with dynamic text. (I may be wrong though, I am quite new to flash).
View 2 Repliesthe problem may be a simple one but I can't figure it out. I have an image loaded into BitmapData. now I want to take text from a textinput and put it on the BitmapData. Basically it's drawing a text on the BitmapData and get the result as another BitmapData that will consist of the original BitmapData with the text drawn over it on a specified position
View 2 RepliesI need to do everything with AS3 since both the image and the text is loaded with an XML. Practically I have a picture and above it I'll put a white level with alpha 70%, but as you can see in the jpg the white level has a "hole" in it that is created by a text.I thought that a way could be to convert the text in a bitmap and then, if it is possible, to use the newly created bitmap to create the "hole" with the white level.
View 7 RepliesI've got a bunch of text that I need drawn on a bitmapdata. I was wondering if there was a way to draw them at certain spots on that bitmapdata WITHOUT creating individual bitmapdatas for each of the pieces of text.
View 1 RepliesIs there any way to draw text in a DisplayObject or Shape using only ActionScript? The only way I can find on the web is by creating a TextField, but I can't add a TF to a DisplayObject or Shape.
DisplayObject implements IBitmapDrawable which can be passed as an argument to the draw function of a BitmapData object, which then can be drawn using graphics.beginBitmapFill.[code]...
i have done my draw line with help from rameshSe7en.I have tried to add a text input for user to enter input. When the textinput is done using the "enter" key, the text will appear.Right now, my text will somehow 'cut' over the line at certain angle. I know that there is some maths formula involved, I am having problem getting the maths formula..I want my text appear to be parellel with my line drawn, something like this: this is my actionscript coding for the drawline & text input:
ActionScript Code:
import flash.display.Sprite;//for draw line
import flash.events.MouseEvent; //for draw line[code]..........
I am using the draw() method of the BitmapData to encode a jpeg of part of the image. Now this should be easy enough given the object I want to draw to the bitmap is on the stage at design time so I know its location and dimetions exactly! Heres the code I have in place.
Code:
var myBitmapSource:BitmapData = new BitmapData ( street.width, street.height, false, 0x333333);
myBitmapSource.draw(street, null, null, null, new Rectangle( 96, 5, 571, 450 ), true );
I know for a FACT that no part of the street clip I am drawing out is in negative space, and it's registration is (0,0). However, it cuts off A lot of the top of my image. y=5 in the above rectangle is where I need the top to be, but it cuts the top off of the image... even if I change it to 0, it has no effect.
I'm making something that requires me to draw() the youtubeplayer Giving me this pretty error:
[Code]...
how to draw a character like Sprite, so that I can do whatever I want with it.I've seen FIVe3D, which has an automated system which exports an AS file with a description about each of the characters (so that they are represented as motifs - it gets the edges of the glyph and parses it into a script with simple actions as lineTo and curveTo).But this example uses JSFL in order to parse the font (jsfl has functions like contours, interior, getHalfEdge, getControl).
View 1 RepliesI'm trying to do some lean blitting for an object that rotates by rotating it once at startup and capturing a BitmapData snapshot of each 5 degrees. The problem I'm having is that the draw() method of the BitmapData object is only picking up pixels in the MovieClip that are below and to the right of the registration point. If I change the MC so that the registration point is in the top left corner, I sometimes get what looks like most of the pixels, but the entire object rotates into and out of the frame, since it's rotating around the corner and not the center.
View 5 RepliesI need to display antialiased systemfonts (because the swf filesize must be small, therefore i can't embedd fonts). So I wrote this script in order to manually antialias the text
Code:
public function renderTextField():BitmapData{
var w:int = this["mainTextField"].textWidth+10;
[code]......
I'm trying to create the following component: Just for information, the blank space will contain a text control, and I'm creating a component that represents the black corner with the (i) icon and the "promotion" text. The part I'm having issues with is this component representing the black corner with the diagonal text. The text has to be able to hold 2 lines. And the black corner has to be able to adjust to the text's size. What's more, the text has a rotation... I'm having some doubts on how to do this:
Should I have different controls for each text line? Should I draw the text in the shape (after doing the rotation) or should I just overlap both components? [When I talk about drawing the text in the shape, I mean in the same way as asked in this question] Is there any way to get the proper size of the triangle shape without doing some extravagant calculations?
[Code].....