I am looking for the most efficient way to create a circle mask on a BitmapData, so that everything inside the circle is visible and everything outside the circle is black. Here is my current code:
[Code]...
As the radius of this circle is going to be changing rapidly, storing the mask would be useless. how to make this more efficient, preferably keeping to methods that can use GPU accleration?
Been going crazy the last two days trying to figure this out. Can't get my head around it, so I thought I would ask here. I've programmed a fairly simple site in AS 2.0, using a couple of old functions like mx.transitions (still learning myself AS 3.0). The site is outlined like this:
- A main MovieClip on _root called mc_scene containing four different movieclips (doing this because I need to be able to run the Flash fullscreen and center the content).
- This main MovieClip contains a simple header movieclip, a footer movieclip, a MovieClip holder (for loading images) and a Meny for controlling the different sections and loading.- Inside the main MovieClip there's four frames each containing a holder and buttons according to each section. - Each section movieclip contains some manual tweens and 1-7 (differs from each clip) buttons. - On the main _root scene I'm using BitMapData to fill a patterened background and centering mc_scene.
[Code]...
I am using a custom Flex skin to create an active blur/frosted glass effect on the background of floating Panels, TitleWindows, and other containers (similar to http:url....). There is a background image in the Application skin, and potentially any number of other components above and below the active blur component. Here's some relevant code within the skin:
public static const BLUR_FILTER :BlurFilter = new BlurFilter(16, 16, BitmapFilterQuality.HIGH);
private var _bitmapFill :BitmapFill = new BitmapFill;
private var _matrix :Matrix = new Matrix;[code]....
Unfortunately, the performance of this when the component is being resized, and especially when moved, is poor. There is noticeable drag delay and overall slowdown, and this is with only one popped-up TitleWindow in the test application. There is especially poor performance when components inside the TitleWindow are changed (button hover states, etc.)I've attempted to optimized a little bit by avoiding reinstantiation of the blur filter, bitmap fill, and matrix, but this has had little or no effect. I removed the blur at one point, just drawing the Application to a bitmap, and the performance is still poor, so it's clear that it's mostly the BitmapData.draw() call.
I've read about using scrollRect and cacheAsBitmap, but I'm not sure where to apply these properties (or other optimizations I'm not aware of) within the Application or its components.
Is there a way to apply a colorTransform to a BitmapData in a circle rather than in a rectangle?
Instead of erasing rectangular parts of an image by reducing the alpha channel as in the code below, I'd like to do it in circles.[code]...
I have a BitmapData with 2 red circles. I want to find the rectangle area or each circle. If i use [B]getColorBoundsRect[/B] I get the smallest area enclosed by the 2 circles. How can i go about this and get individual area of the circles?
View 1 RepliesSo I've made a circular preloader made with some shapes and masks. Everything like this works. What I want to do now is add a movieclip of animations to the stage and make it look like this movie clip is in the progress circle of the preloader. So what I did is create a movieclip container to hold all of the shapes that animate on loading. I then used that movieclip container to mask the movieclip of animations.What happens when published is the movieclip of animations (the particles) loads over the shapes, but all of their masks are gone. So it's as if when I applied the mask to the container, all of it's children and their masks stopped working. Is there a way to correctly do this?
View 2 RepliesDoes anyone know how to mask in a circle? To try to clarify: If you had a clock face with the minute hand at 12, as the minute hand sweeps round it reveals a picture. Here is an example of what I'm looking to do (the orange logo at the top)[URL]
View 8 RepliesI have a BitmapData object created dynamically that contains user-drawn shapes. I then attach that BitmapData object to a MovieClip via a Bitmap object and set that MovieClip as a mask to another MovieClip. The mask works but the whole bounding rectangle of the BitmapData is acting as the mask. But I want to exclude the transparent portion from the mask so only user-drawn shape can be set as mask. Can anyone tell how to achieve that?
View 3 RepliesI am wanting to achieve a particular image effect using Adobe Flash (Actionscript 3). I would like an image (width 200px, height 600px) to appear on the timeline by being revealed by different sized circles (varying from 30px-5px). I am thinking of using an image mask and creating seperate circles across the timeline, so that when the movie plays, each random sized circle, one after one, will reveal the image at the end. So this is probably going to be quite time consuming. Also, does anyone know of any flash image effects helpers in general, I'm looking for something similar like green socks except for image effects...
View 2 RepliesCode:
for (i=0; i<200; i++) {
circle.duplicateMovieClip("circle"+i, this.getNextHighestDepth());
randX = Math.floor(random(Stage.width));
randY = Math.floor(random(Stage.height));
this.banner.setMask(this["circle"+i]);
this["circle"+i]._x = randX;
this["circle"+i]._y = randY;
}
Circle is a movieclip that has a circle starting at 2px by 2px and expands to 100 by 100. Banner is just a movieclip, but I would like these expanding circles to act as a mask to reveal the banner. This should work, but isn't, I know I am overlooking something.
From this tutorial:[URL] Pretty neat effect, I wanted to use this for a gallery transition, but I have a problem. Does anybody have an idea how to know when image has been completely revealed so I can stop the enter frame listener and remove this growing masks, otherwise this is pretty useless
View 6 RepliesI'm trying to copy the bitmapdata of a movieclip in which i have a mask. And it copies by ignoring the mask. It's there a way to make it copy what i see (including the mask applied)?
View 7 RepliesI have run into strange behavior drawing a sprite into a BitmapData. This sprite looks fine when drawn directly to the screen. But when this sprite is drawn into a BitmapData, the sprite is being masked... but there is no such mask applied to that sprite! This "bad mask" can be toggled off and on... by applying / not-applying a different mask to the sprite I am drawing. This mask is not the same shape or location as the "bad mask".
[Code]...
If my title ain't clear enough, I've got two bitmapData sheets with an image, one being the actual image, and the other image having the same structure, but all areas being visible are black, and all transparent areas being completely white. So far I've been playing around with:
[Code]....
this is what i'm trying to accomplish; With a click on a movieclip (cannon_mc)a shot is being fired (ball_mc)
The longer mouse is down, the speed of wich the ball is fired with should increase.My question to you is;
What is the most efficient way to accomplish this? With a timer or something like this;
[Code]...
I'm devloping some library classes for flocking/steering behaviours on large numbers of objects (2000+). I'm finding that at < 500 instances, performance is reasonable. As the numbers increase, framerate bogs down.
I've seen remarkable performance with libraries such as Flint or Box2D with ridiculous #'s of particles / objects, so it should be possible to optimize / refactor my code to be a bit better.
I'm aware of the basic optimizations, such as bitwise operations and optimized for loops. Are there any more fundamental approaches I should be considering? For example, currently each instance is a vector-based MovieClip. Would working with BitmapData be more efficient?
Will I take a big hit in performance using nested ViewStacks? Should I strive to handle all navigation in one ViewStack and push children manually or will the affected performance be negligible?
eg.
<viewstack>
<tabnavigator />
<tabnavigator />
<tabnavigator />
</viewstack>
We have a medium size Flex 3.6 application that contains around 20 different page views (managed via a single lazy ViewStack) each having multiple components. Most use custom renderers.All model data is loaded at startup and changes to model instances are communicated via binding and/or collection change events.Once the user has viewed each page at least once, all page views are instantiated and happily listen to update events.Which in effect means that each time a model instance changes, all interested views receive that event and compute derived data or trigger item-renderers.I have tested and confirmed this behaviour in a proof-of-concept application. Even when setting a list to being invisible, it still listens to collection change events and invalidates any renderer affected.What would you do?
View 1 RepliesI'm developing a game atm, and I need some help on the mathematics/coding of colliding circles (and their change in x/y speed). What i need to know is how to calculate the direction and speed a circle has after colliding with a static (non-moving) circle. I know how to detect a collision between the two, but I'm not sure about the maths I need to give the circle the right speed and direction after the collision
If i do know how far away the two circle-points (in the middle of each) are to each other (in both x and y coords) would it be easy for me to find the new speed and direction of the large circle in the example above? I know that I somehow should use the angles to pretend the circle hits a flat "wall" (as it only hits one point), and then calculate the new speed/direction. My only problem is that I'm not sure how to decide the angle of this flat "wall" and how x and y speeds should change when colliding with a wall that is angled. Does anyone here have any insight, links or tips on how I can du this?
i want to make one circle follow the mouse cursor, inside another circle. Similar to an eye looking at the cursor. Ive attached an example.
View 4 RepliesI have text in a dynamic field showing up as circle. I want to say if circle shows up change it to cercle (french).
[Code]...
What i need to know is how to calculate the direction and speed a circle has after colliding with a static (non-moving) circle. I know how to detect a collision between the two, but I'm not sure about the maths I need to give the circle the right speed and direction after the collision.If i do know how far away the two circle-points (in the middle of each) are to each other (in both x and y coords) would it be easy for me to find the new speed and direction of the large circle in the example above? I know that I somehow should use the angles to pretend the circle hits a flat "wall" (as it only hits one point), and then calculate the new speed/direction. My only problem is that I'm not sure how to decide the angle of this flat "wall" and how x and y speeds should change when colliding with a wall that is angled.
View 6 RepliesI`m working on a app that you can draw lines.....like circles, rectangles... my problem is when a user draw a circle for example....i wanna be able to paint (change color) inside of this circle. I`ve tried working on Shapes with cacheAsBitmap = true and Bitmaps with BitmapData but it doesn`t seens to work.
View 4 RepliesI want to create circle, and put 8 points on it. So, user can drag each point in order to change it's shape.
Is there any way to do this in flash?
I have some following code:
Ref. - How to draw a continuous curved line from 3 given points at a time
package{import flash.display.Sprite;
import flash.events.MouseEvent;
import flash.geom.Point;
[Code].....
So, can anyone convert these three point curve line to 8 points circle?
I have to draw a circle using action script. The Circle Diameter has to be controlled by a button.
View 0 RepliesTrying to do circle circle collisions via math which I'm really having trouble with. One circle (player) just moves from keyboard. The ball reacts to the player. All the code shown is in my players class and I passed in a reference to the ball.
On my enterframe I have:
Code:
var xmov1 = xSpeed;
var ymov1 = ySpeed;
var xmov2 = ballRef.xSpeed;
var ymov2 = ballRef.ySpeed;
[code]....
Perhaps I'll go with a box2d equivalent instead of trying out my own physics shenanigans.
Here I what i need is : Start drawing first circle and when first circle is on half way, Start second circle.same way second and third circles. and after completing 3 circles, just gotoAndPlay 2nd Frame .
View 3 RepliesI have a simple three ring animation where the three rings fade in and out.On the stage the rings are a perfect circle, in the publish preview they look fine, but once I publish the SWF, all of the sudden the rings are not perfectly round anymore.
They are almost perfect but right at the top and bottom there is just a small portion which has sort of "flattened out"...
I bought a Flash video tutorial online for Animating and the FIRST step is to create a circle with the circle tool, and the guy does it online, and it fills itself in. I repeat his actions exactly and I cannot get the same result at all. I just get a circle.
View 5 RepliesI have two MC's, circular in shape. One of the circles is stationary and you can drag the other. I'm trying to get the moveable circle to be able to move around the circumference of the stationary circle, but not overlap. I'm able to detect when they overlap, not using hittest. I just can't figure out how to code it so that the draggable circle can't be moved over the stationary circle.
View 4 Replies