ActionScript 3.0 :: Flash Most Efficient BitmapData Grid Drawing With Alpha
Oct 14, 2010
I'm looking for the most efficient possible way of drawing an 8 x 4 grid (960x600 total size). Each square of the grid has a variable alpha and the grid is redrawn every enter frame. The problem is my application is doing a lot already and I'm looking for the most efficient way to execute this loop 32 times (possible more in fact) per frame without overloading processor.
Code:
private function init():void {
var dimensions : Array = [ 0, 0, 960, 600 ];
var gridRaw : Array = [ 8, 4 ];
var stageRect : Rectangle = new Rectangle( Number( dimensions[0] ), Number( dimensions[1] ), Number( dimensions[2] ), Number( dimensions[3] ) );
[Code] .....
I'm under the impression there could be better ways of drawing the shapes straight to BitmapData without using Sprites, or maybe I'm doing something wrong about memory usage as I can see memory going up and down in a cycle.
View 5 Replies
Similar Posts:
Jul 15, 2010
I have a bitmapdata object that is filled with n rectangles of a width of 1 pixel and of varying heights.
I want to run through a loop and remove the old rectangle and replace it with a different one.
Should I do something like reset the each bitmap column of pixels to a background color and then add the rect i want?
[Code]...
View 1 Replies
Nov 20, 2009
What's the easiest way to draw a hex grid algorithmically? How should I present them in data?
For example, in a square grid, I could just save x-y coordinates..
View 2 Replies
Jun 28, 2010
I would like to create a proportional grid. Basicly rects with same width and dotted lines as borders (no fill): It should be on full stage width and reacting on resizing (single grid rects should stay in size) only becomming less or more grids (stage width resizing smaller or larger).Some Example Sites that use such grids [URL]
View 3 Replies
Jan 11, 2010
I'm blitting a map onto the screen with tiles.. and the source of these tiles are BitmapData objects.I know you can change the alpha of a bitmap.. but I'm not too sure if it can be done on the BitmapData object itself.I want some tiles to have less alpha than others. Applying the alpha to the Bitmap.. makes everything on the current screen have an alpha.. but I only need one tile of it..
View 4 Replies
Jun 23, 2010
I've seen the BitmapData object used for graphics a fair bit, especially in games. Many of these cases have done things in somewhat fundamentally different ways, and I was wondering what the best way generally is.
Method 1: Each animation frame is kept in a separate BitmapData object using an array.
Method 2: The animation is kept in a strip using a single BitmapData object and using the "sourceRect" parameter of copyPixels.
The draw and hitTest methods appear not to provide any "sourceRect" parameter. Most of the code I have seen using method 2 has worked around this by copying the bitmap frame into a temporary bitmap for these methods. This seems like quite a large processing overhead to me. Using method 1 this is generally not a problem, unless hitTest needs to be used with scaling and/or rotation, in which case a temporary transformed copy is still needed it seems as hitTest doesn't except a transformation.
I'm thinking method 1 is the better choice since it avoids having to make temporary copies for the most part, and I don't think it would waste much memory (just the duplicated width, height, etc values?). Is this generally true or is there a reason lots of people seem to do things the second way?
Also is there a better way to use hitTest for bitmaps that have been scaled, rotated, etc?
View 1 Replies
May 8, 2009
what i need to do is basically a motion trail on a bitmap.
I want to continuously draw a bitmap onto itself while previous versions are faded into the background, similar to a smoke type effect.
View 1 Replies
Jul 30, 2003
I have the code below positioned on a keyframe in the main time line which gives me a grid effect using the instance 'cube' of the MC 'cube.
gridy=30;
gridx=30;
num=0;
for (var i=0;i < 10;i++)
[code]....
The effect i want though is for the reduction in alpha to stagger from instance to instance, whereas at the moment they all fade together. Is there a way of tweeking the code i already have to achieve this staggering effect or does the whole thing need re thinking.
View 12 Replies
Jan 13, 2011
flash and at the risk of sounding like an idiot, here goes.My question is:How can I make it so that the stage is divided up into a grid of 4 by 4px spaces that can be filled with a color after a click?So far I have some code that lets you draw a 4 by 4px dot but the dots can overlap because there is no grid:
dot.addEventListener(Event.ENTER_FRAME, do_stuff);
/*dot is a movie clip of a 4x4 black dot*/
function do_stuff(event:Event):void
[code].....
View 4 Replies
Feb 26, 2008
What I have setup right now is one movieClip that is being used to be drawn into a BitmapData object. That bitmapData object is being drawn on the enterFrame and I am needing to clear it so it doesnt have the previous enterFrames information still stored in it, then once it is clear draw the current information. Is there a simple way to clear or erase all the pixel information in the BitmapData object?
If there is a way to set the alpha of the pixels I would really like to know how that is done as well. However, I want to change the alpha level of the entire BitmapData object, not just a few pixels.
View 2 Replies
Apr 20, 2009
I wanted to use the well known method for turning your vector graphic into bitmaps.Ie, something like:
Code:
var bmd:BitmapData = new BitmapData(src.width, src.height)
bmd.draw(src);
[code].....
View 1 Replies
Mar 16, 2010
I have a huge background bitmapdata with a corresponding grid. I'm trying to draw the two parts onto a different bitmapdata, but for some reason, the bitmap for the grid is overriding the bitmapdata of the background that is being drawn first. The grid seems to be making the entire third bitmapdata transparent for some reason.
My code for creating the background and corresponding grid:
Code:
viewWidth=stage.stageWidth;
viewHeight=stage.stageHeight;
bmdScreen=new BitmapData(viewWidth,viewHeight,true);
[Code].....
I want to draw a grid on top of the background I have. For some reason, the grid is making the background underneath it transparent.
View 1 Replies
Jan 19, 2011
I have a movieclip with an image that has transparency and filters applied to the movieclip.I know I can use "draw" to copy the movieclip to a bitmapdata object, but it doesn't seem to copy the filters and the transparency of the image. How can I copy these so the bitmapdata matches the original movieclip in appearance?
View 5 Replies
Aug 22, 2011
i have the following situation:
one drawing layer (graphics object with lineTo, etc.)
one png with an alpha channel (supposed to serve only as a mask)
now i want to be able to only draw lines within an area restricted by the png mask.
i am trying like this:
var bitmapData:BitmapData = new BitmapData( 320, 320 );
bitmapData.draw( drawingLayer );
bitmapData.copyChannel( maskBitmapData, new Rectangle( 0, 0, 320, 320 ), new Point( 0, 0 ), BitmapDataChannel.ALPHA, BitmapDataChannel.ALPHA );
now the borders get cut off fine, but i get a black background, since the drawing layer has an alpha between the drawn lines (and it should remain like this) and the mask bitmap has an alpha outside the shape. so naturally the mask's alpha replaces the drawing layer's.
i tried it with merge, copyPixels and also with just setting the mask property on the drawing layer (i set everything to cacheAsBitmap) but to no avail.
ADDITION:
when trying to use a mask i tried it with
<s:BitmapImage id="mask" source="@Embed(source='...')" cacheAsBitmap="true" />
and also as
[Embed("...")]
private const BodyMask:Class;
var maskBitmap:Bitmap = new BodyMask();
and assigned them to the mask property of a s:Group element (cacheAsBitmap=true) where the operations on the graphics object occured. i also tried reassigning the mask after each draw operation.
View 1 Replies
Mar 15, 2011
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]....
View 5 Replies
Mar 17, 2011
having a problem while drawing a complex combinations of TextFields into BitmapData in as3,The problem happens when i change the parent's (x,y) or (width, height) and the drawn object got a bad effect like left blur.[code]
View 3 Replies
Feb 6, 2011
I have the following display hierarchy:- - container- - - objectI need to draw 'object' to a BitmapData instance which matches object.getBounds(stage) rectangle area. So the first part is easy:
ActionScript Code:
var rect:Rectangle = object.getBounds(stage);
var bmp:BitmapData = new BitmapData(rect.width, rect.height, true, 0x00000000);
[code]......
View 2 Replies
Mar 17, 2011
I am drawing a flash sprite on a BitmapData using its draw() method. This sprite has some nested objects with 0 alpha, yet the draw() method draws them on the bitmap data.
I think it has to do with the color transform I am using, but I have no idea how to change it to achieve the effect I want.
The color transform is the following:
Code:
new ColorTransform(1, 1, 1, 1, 255, 255, 255, 255);
I am using these values in order for the Bitmap to have white pixels wherever the object was, and black where there is nothing. The draw() also draws my alpha = 0 objects in white as well.
View 1 Replies
Apr 16, 2009
i am creating a very simple particle system. My only issue is trying to create a blurry trail effect on the particles in motion. I started by creating a large bitmap container, and applying a colormatrix filter and a blur filter . It seems to do the trick , but the issue now, is i have to make this container cover the stage, which has a two unwanted a effects:
-it's slower
-it covers all the content beneath. Perhaps my approach to creating trails is wrong?
i can post the whole class, but before i litter this post with long lines of code, is there a way to place a bitmapdata drawing over content and still get the desired effect. NOTE, if make transparency false in the bmdata, i loose the effect
View 2 Replies
Mar 31, 2011
I'm getting this one: Error #2123: Security sandbox violation: BitmapData.draw
while I try to draw the image of a video from a rtmp server onto a BitmapData object. The workarounds I've found all apply to a SWF file being loaded from another domain. This involves having logic in that file.However, I see no possibility to place logic into the video and hardly have access to the (WOWZA) video server of which there are multiple and to me unknown ones at forehand due to the CDN's load balancing nature.
View 3 Replies
Jun 5, 2010
I'm trying to construct an animation illustrating the angle of a circle.The user types in a value and the handle gets rotated on a timer tick. (Press Enter or the ndra-button to see the effect): Example So far so good.Now - my problem is when the rotation gets bigger than 360 degrees. I would like the arc's alpha to get darker, to see it draw upon the "existing" arc line. But I don't know how to do that and I can't find code for doing it, either.[code]The DrawingShapes.drawArc method comes from here.If anyone could point me in the right directon on how graphic updating works. I tried not removing the lineHolder from stage when it's updated, but that just made the line's alpha 1 instantly. I would like it to "gradually" get filled in when the arc exceeds 360 degrees.
View 1 Replies
May 27, 2011
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.
View 2 Replies
Dec 4, 2009
I got this code from [URL]; it writes an image to stage as a way of tile it.
holidaytile is an instance of a Gif Image.
But I want to change the Alpha so that my top layer shows through it, and I can't seem to figure out how to do that.
import flash.display.BitmapData;var tile:BitmapData = BitmapData.loadBitmap("holidaytile");this.beginBitmapFill(tile);
[Code]....
View 3 Replies
Aug 25, 2009
I've set up a simple enter frame loop to adjust the alpha on a grid of movie clips ("bubbles") using a distance formula from the mouse pointer.I've got a hunch that while this works fine, there's a more efficient or processor friendly way to do it.
grid of mc's created here....and pushed into an array
stage.addEventListener(Event.ENTER_FRAME, loop);
function loop(e:Event):void{ for each (var j in bubbArray)[code].....
View 1 Replies
Feb 3, 2012
I'm currently working with the OLAPDataGrid component and got stuck at a relatively simple task: I want to style the last row of the grid differently from the rest, so my cell item renderer needs to know whether he's rendering the last row with content in the overall grid, including those rows currently not rendered because they are outside the visible grid space. AdvancedGridListData's rowIndex property only gets me the row index of the renderer relative to the range of visible grid rows, i.e. when I scroll down the grid, a data item with an index greater than 0 gets the rpw index = 0.
View 2 Replies
Jan 31, 2007
I'm using Flash 8, with this code in the first frame:
import flash.display.BitmapData;
rissa._x=Stage.width/2;
rissa._y=Stage.height/2;[code].....
When I publish the file, I'm getting the following error message in the Output panel:
**Error** Scene=Scene 1, layer=Layer 2, frame=1:Line 7: The class or interface 'BitmapData.loadBitmap' could not be loaded.
var plaid:BitmapData.loadBitmap("plaid");
Total ActionScript Errors: 1 Reported Errors: 1
View 8 Replies
Oct 14, 2009
I am trying to use the reflect class from "http://pixelfumes.blogspot.com/2007/03/reflection-class-v3-with-source .html" but I keep getting this error:
ArgumentError: Error #2015: Invalid BitmapData.
at flash.display::BitmapData()
at Reflect()
at Site_fla::GalleryPage_29/loadThumbs()
at Site_fla::GalleryPage_29/sortXML()
[Code]...
btw, first I used assigned thumbContainer as the mc argument (outside the loadThumbs() function) and it worked but not exactly what I wanted... because I thought it is supposed to update when the movieclip is animated but it actually didn't... when I use a scroller, only the thumbs that are first loaded to the stage get the reflection..
View 10 Replies
Mar 6, 2012
I'm making a side-scrolling game, with a (theoretically) infinite background. I have a block engine that places the blocks on the bitmap canvas. Now here's the catch. I'm using the bitmapData.scroll() function. Now unless I clear the screen each time the character moves, it's going to leave ghost images of the border of the screen, like this picture: zanzlanz. tumblr. com/post/18857712784 If I clear the screen each time, then it generates a lot of lag (because it has to repaint the objects again). I'm a bit lost on how I can scroll without leaving streaks of the side of the screen and without repainting the entire screen.
View 1 Replies
Nov 4, 2009
I'm trying to setup VIM for editing Actionscript 3 for some upcoming Flash projects. I dislike working in an IDE and prefer VIM. Right now, I know that I want:[code]I've tried setting up Omnicomplete but was running into issues.How can I set up Omnicomplete with tab completion properly?Where can I find a good AS3 syntax file?What is a good AS3 compiler for terminal/bash?
View 5 Replies
Dec 12, 2010
I'm doing a lot of keyframe masking of vines/flowers for a project I'm working on, and it looks really good but is, of course, very time consuming.I'm curious if there's any techniques/tools for making these animations faster, and more importantly making them more editable later. I'm afraid I'm going to keyframe out entire sections of animation only for the client to say "Looks great, but can you speed it up just a touch?" and I'll have to rebuilt it all from scratch again.
View 2 Replies
