« Plastic Pixel Lighting
City From Fire (Cellular Automata) »

Ceiling Scape

September 23rd, 2008

I've been enjoying Keith Peters recent linescapes...

I started messing with something inspired by those and this is what I ended up with this:





Click either of the above images to see the flash version

In the end, these look less like a terrain and more like the ceiling of an alien cathedral...

The basic code behind the texture is pretty simple. Here's a demo you can run in your flash timeline:

PLAIN TEXT
Actionscript:
  1. var canvas:BitmapData = new BitmapData(550,400,true, 0xFFFFFFFF);
  2. addChild(new Bitmap(canvas, "auto", true));
  3.  
  4. var wave:Shape = new Shape();
  5.  
  6. var g:Graphics = wave.graphics;
  7.  
  8. for (var j:int = 0; j<160; j++) {
  9.     g.clear();
  10.     g.beginFill(0xffffff,.5);
  11.     g.lineStyle(1,0x000000,.5);
  12.     for (var i:int = 0; i<400; i++) {
  13.         var xp:Number = i*2;
  14.         var yp:Number = 40 - 30 * Math.sin((i*j) * Math.PI/180 );
  15.         if (i == 0) {
  16.             g.moveTo(xp, yp);
  17.         } else {
  18.             g.lineTo(xp, yp);
  19.         }
  20.     }
  21.     g.lineTo(xp, 100);
  22.     g.lineTo(0,100);
  23.     wave.y += 2;
  24.     canvas.draw(wave, wave.transform.matrix);
  25. }

If you run the above code you'll end up with this:

This entry was posted on Tuesday, September 23rd, 2008 at 9:50 am and is filed under actionscript, code snippets, experiments, fast drawing, sketches, textures.

2 Responses to “Ceiling Scape”

  1. Pixelero Says:
    September 26th, 2008 at 1:10 am

    interesting stuff you’ve made !

    ( Yes, Keith’s linescapes gave me some ideas as well … )

  2. zevan Says:
    September 26th, 2008 at 7:36 am

    Thanks Pixelero… just checked out your blog… very nice stuff happening there :)

Leave a Reply