How to create a de-pixelating grid for flash video?

COW Forums : Adobe Flash

<< PREVIOUS • FAQ • VIEW ALL • PRINT • NEXT >>

•

How to create a de-pixelating grid for flash video?

by Josh Evans

on Apr 6, 2009 at 3:52:32 am

Hi sorry to repost, i am super curious as to how to get this working.

In a previous post, I asked how the video was done on this website intro. The file is very very small (under 2 MB) and the quality looks great, even when scaled to full screen.

http://www.shiseido.co.jp/anessa/

Pieter Helsen was kind enough to reply:

"On top of the video is an overlay with a checkered black and transparent pattern. Because of this, you can cut lower the quality of the video enormously without the video appearing to be of low quality or blocky."

OK so this makes sense to me, but here at my office we cant work out how to do this exactly. We created a few grids in an external program then brought those into flash as PNG. But the website seems to have the grid programmed into flash, so it was created in flash somehow? Our attempts look very blocky, and upscaling the video makes the grid look terrible.

Any insight into this process, or even if you could tell us what this technique is actually called - we would be most thankful for your help.

Thanks!

J.

Return to posts index

Report Post

•

Re: How to create a de-pixelating grid for flash video?

by Pieter Helsen

on Apr 6, 2009 at 6:42:25 pm

// Create a transparent black square, 2x2 pixels
var bmpd:BitmapData = new BitmapData(2, 2, false, 0x00000000);
// Create a rectangle, 1x1 pixels
var rect:Rectangle = new Rectangle(0, 0, 1, 1);
// Place the rectangle inside the bitmap data object
// Give it a color... Black.
bmpd.fillRect(rect,0xFF000000);

Then, use the beginBitmapFill to draw a rectangle the size of your stage...

AS3:
var mc:MovieClip = new MovieClip();
// Create a new bitmap fill based on the bitmap data object
// And allow it to repeat
mc.graphics.beginBitmapFill(bmpd, null, true);
mc.graphics.drawRect(0, 0, 200, 200);
mc.graphics.endFill();

AS2:
var mc:MovieClip = createEmptyMovieClip("grid_mc", 1);
with (mc) {
beginBitmapFill(bmpd);
moveTo(0,0);
lineTo(0,200);
lineTo(200,200);
lineTo(200,0);
lineTo(0,0);
endFill();
}

Kind regards,
Pieter

General notice: from now on, I would like to ask everyone to put [AS2] or [AS3] (corresponding to the version of actionscript you are using on your project) in front of their post titles when the question is actionscript related! Please help us help you faster. Thank you.

Return to posts index

Report Post

<< PREVIOUS • VIEW ALL • PRINT • NEXT >>