среда, 21 декабря 2011 г.

Программное создание transparency grid, check-текстуры/заливки (ActionScript)

Преамбула:
Частенько, для проверки объектов с прозрачностью, нужно было подкладывать что то пёстрое под них для того, чтобы лучше их визуально оценить. Приходилось каждый раз делать каляки-маляки в graphics низлежащего Shape/Sprite-а.
Не соврать, подобные каляки называются "transparency grid" или check-текстурой/заливкой в случае 3D-контекста.

Проблема:
Не заморачиваясь, легко и задорно создавать "transparency grid" в поданном на вход экземпляр Graphics.

Решение:
Не мудрствуя лукаво, решил сделать "transparency grid" как в фотошопе + задать возможность кастомизации параметров этой текстуры (на всякий случай).

Конечный результат приведенного ниже кода:

transparency grid
/**
 * Рисует check-текстуру
 * @param   canvas - экземпляр класса Graphics
 * @param   width - ширина требуемой текстуры
 * @param   height - высота требуемой текстуры
 * @param   cellSize - размер ячейки
 * @param   cellColors - массив с цветами для нечетной и четной ячеек в формате RGBA
 * @param   lineColor - цвет линии между ячейками в формате RGBA
 */
public function drawCheckFill(canvas:Graphics, width:Number, height:Number, cellSize:Number, cellColors:Array = null, lineColor:uint = 0x080808FF):void
{
   var colors:Array = cellColors || [0x111111FF, 0x202020FF];
   colors = colors.slice(0, 2);
   
   var cols:int = int(width / cellSize);
   var rows:int = int(height / cellSize);
   var color:uint = 0;
   for (var i:int = 0; i < cols; i++) 
   {
      for (var j:int = 0; j < rows; j++) 
      {
         color = colors[(i + j) % 2];
         canvas.beginFill(color >> 8, (color & 0x000000FF) / 0xFF);
         canvas.drawRect(i * cellSize, j * cellSize, cellSize, cellSize);
      }
   }
   canvas.endFill();

   canvas.lineStyle(1, lineColor >> 8, (lineColor & 0x000000FF) / 0xFF, true, LineScaleMode.NORMAL, CapsStyle.NONE);
   for (i = 0; i < cols; i++) 
   {
      canvas.moveTo(i * cellSize, 0);
      canvas.lineTo(i * cellSize, rows * cellSize);
   }
   
   for (i = 0; i < rows; i++) 
   {
      canvas.moveTo(0, i * cellSize);
      canvas.lineTo(cols * cellSize, i * cellSize);
   }
}      

var shape:Shape = new Shape();
drawCheckFill(shape.graphics, 170, 170, 8, [0XFFFFFFFF, 0xCCCCCCFF], 0);
P.S.: Кстати для создания текстур для материалов 3D-движков тоже сгодится.

Комментариев нет:

Отправить комментарий