My 5th book "50 Tips on JavaScript" is on sale. Go get it from https://50tips.dev.
Illustrated guide to 50 of the most interesting JavaScript topics.

Pattern fill with AS3 (repeat-x)

Currently I'm working on an AIR application and in the header of it there is a nice gradient which has to be repeated by the x axis to fill the whole screen area. One way to do it is to use a really wide image, something like 2000px. The other way is to use a simple trick and repeat a small part with the gradient.
function drawBackground(): void {
    var clip: MovieClip = new GradientMovieClip();
    var bd: BitmapData = new BitmapData(clip.width, clip.height, true, 0xFFFFFF);
    // set the color to 0xFFFFFF if you use transparent png file for the pattern
    bd.draw(clip);
    _background.graphics.clear();
    _background.graphics.beginBitmapFill(bd);
    _background.graphics.drawRect(0, 0, widthOfTheScreen, heightOfTheScreen);
    _background.graphics.endFill();
  }
If you enjoy this post, share it on Twitter, Facebook or LinkedIn. To leave a comment go here.