Показать сообщение отдельно
Старый 18.12.2014, 16:14
AlexDesinger вне форума Посмотреть профиль Отправить личное сообщение для AlexDesinger Посетить домашнюю страницу AlexDesinger Найти все сообщения от AlexDesinger
  № 1  
Ответить с цитированием
AlexDesinger

Регистрация: Feb 2007
Сообщений: 563
По умолчанию Смешивание пикселов (эффект смешивания красок)

Всем привет, не нашел на эту тему на форуме подходящего обсуждения, поэтому решил спросить здесь)

И так передо мной стоит задача создать эффект смешивания красок, так как это происходит скажем на холсте или при рисовании фломастерами. Конечно сверхреалистичности не требуется, но все же хочется создать рисовалку на flash что бы можно было не только выбирать цвет, но и создавать "замес", а так же чтобы при рисовании линии одного цвета поверх другой линии другого цвета, эти линии соответствующим образом смешивались.
Если у кого-либо есть ссылки на подобные вещи, скиньте плиз, буду рад. Сам в интернете я нашел несколько таких попыток, но они все коммерческие или с привлечением pixelbender, который я не знаю.

Итак хотелось бы начать с разбора простых вещей, чтобы определиться с тем как это реализовать.

Для начала я приведу простенький код, который накидал для начала, чтобы начать с этим разбираться. Сразу хочу сказать, чтоя художник и аниматор и некоторые математические и абстрактные вещи с трудом укладываются в голове)

Код AS3:
import flash.events.MouseEvent;
import flash.display.Bitmap;
import flash.display.BitmapData;
import flash.geom.Matrix;
 
import flash.geom.Rectangle;
import flash.utils.ByteArray;
 
var bounds:Rectangle = new Rectangle(0, 0,2,2);
 
var canvas_bd:BitmapData = new BitmapData(stage.stageWidth, stage.stageHeight, false, 0x0000ff);
var canvas_bm:Bitmap = new Bitmap(canvas_bd);
 
var brush_bd:BitmapData = new BitmapData(30, 30, false, 0xffff00);
var brush_bm:Bitmap = new Bitmap(brush_bd);
 
var mat:Matrix = new Matrix();
 
addChild(canvas_bm);
 
stage.addEventListener(MouseEvent.MOUSE_MOVE, onMove);
stage.addEventListener(MouseEvent.MOUSE_DOWN, onDown);
 
function onDown(e:MouseEvent):void
{
}
 
function onMove(e:MouseEvent):void
{
	if(e.buttonDown)
	{
		bounds.x = mouseX;
		bounds.y = mouseY;
 
		mat.tx = mouseX;
		mat.ty = mouseY;
 
		calcualteColor(canvas_bm, brush_bm, bounds);
 
	}
}
 
function calcualteColor(_canvas:Bitmap, _brush:Bitmap, _bounds:Rectangle):void
{
	var pixels:ByteArray = _canvas.bitmapData.getPixels(bounds);
}
Вобщем тут все просто - есть холст синего цвета(просто для теста) + кисточка желтого + матрица (ибо без нее не рисуется рисование + прямоугольник, ибо без него не считаются пикселы в массив)

на данном этапе прошу подсказать как реализовать простое смешивание цветов в соответствии с цветовым кругом + рисование этим цветом.