|
|
« Предыдущая тема | Следующая тема » |
Опции темы | Опции просмотра |
|
|
|||||
Регистрация: Feb 2007
Сообщений: 563
|
Смешивание пикселов (эффект смешивания красок)
Всем привет, не нашел на эту тему на форуме подходящего обсуждения, поэтому решил спросить здесь)
И так передо мной стоит задача создать эффект смешивания красок, так как это происходит скажем на холсте или при рисовании фломастерами. Конечно сверхреалистичности не требуется, но все же хочется создать рисовалку на flash что бы можно было не только выбирать цвет, но и создавать "замес", а так же чтобы при рисовании линии одного цвета поверх другой линии другого цвета, эти линии соответствующим образом смешивались. Если у кого-либо есть ссылки на подобные вещи, скиньте плиз, буду рад. Сам в интернете я нашел несколько таких попыток, но они все коммерческие или с привлечением pixelbender, который я не знаю. Итак хотелось бы начать с разбора простых вещей, чтобы определиться с тем как это реализовать. Для начала я приведу простенький код, который накидал для начала, чтобы начать с этим разбираться. Сразу хочу сказать, чтоя художник и аниматор и некоторые математические и абстрактные вещи с трудом укладываются в голове) 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); } на данном этапе прошу подсказать как реализовать простое смешивание цветов в соответствии с цветовым кругом + рисование этим цветом. |
|
|||||
Banned
[+1 06.12.14]
[+1 18.12.14] [+1 30.12.14] Регистрация: Aug 2014
Сообщений: 461
|
Да простят меня за заимствование и рекламу, но Вы вот такой эффект хотите?
|
|
|||||
чтото типа этого http://as3adventure.blogspot.com.au/...between-2.html ?
|
|
|||||
Регистрация: Feb 2007
Сообщений: 563
|
Цитата:
|
|
|||||
Banned
[+1 06.12.14]
[+1 18.12.14] [+1 30.12.14] Регистрация: Aug 2014
Сообщений: 461
|
Цитата:
что это был флеш. Но если честно я даже в голове не могу понять, как так сделать. |
|
|||||
Регистрация: Jun 2014
Сообщений: 558
|
http://www.programmersforum.ru/showthread.php?p=991604
тут что-то вроде решение в делфяг, может натолкнёт на мысль |
|
|||||
Регистрация: Feb 2007
Сообщений: 563
|
Цитата:
Цитата:
http://wonderfl.net/tag/WaterColor но там код с неведомыми библиотеками, с которыми я не разобрался, да и вообще "их" код это просто с ума сойти можно, да и не в том смысл чтобы попытаться вытащить от туда код, хочется разобраться и уже создать свое, чтобы можно было легко всем управлять. Хотя если кто разберет их код и сможет рассказать как сделать смешивание буду признателен, самостоятельно у меня мало что получилось) |
|
|||||
Banned
[+1 06.12.14]
[+1 18.12.14] [+1 30.12.14] Регистрация: Aug 2014
Сообщений: 461
|
Ну Вы же художник, почему Вы не знаете как смешивать шестнадцетиричные цвета?)
Я бы на Вашем месте начал с чтения о смешивании цветов и научился бы этому в чистом виде. Есть формулы в инете похожие на те, которые Вы привели в цитате, но про них написано, что они не точные, а лишь усреднение цветов. Вам обязательно нужно узнать, как делать чистое смешивание и поделиться с нами!) Это прям обязательно!))) |
|
|||||
Регистрация: Feb 2007
Сообщений: 563
|
Цитата:
|
|
|||||
Banned
[+1 06.12.14]
[+1 18.12.14] [+1 30.12.14] Регистрация: Aug 2014
Сообщений: 461
|
Немного попробовал и получилось вот что..
Что получилось, я не знаю, но должно смешивать красный и синий. У меня сиреневый чтоль получился... Какой должен получится цвет? package { import flash.display.Shape; import flash.display.Sprite; public class Main extends Sprite { public function Main() { // Cc.startOnStage(this, ''); var color: Number = this.fold10color( this.converter16to10(0xff0000), this.converter16to10(0x0000ff)); var shape: Shape = new Shape( ); shape.graphics.beginFill( color ); shape.graphics.drawRect(0,0,100,100); shape.graphics.endFill(); super .addChild(shape); } private function converter16to10( color: uint ): Object { var chanals10: Object = {}; chanals10.alpha = uint( ( color >>> 24 ) & 0xff ); chanals10.red = uint( ( color >>> 16) & 0xff ); chanals10.green = uint( ( color >>> 8) & 0xff ); chanals10.blue = uint( color & 0xff ); return chanals10; } private function converter10to16( red: int, green: int, blue: int, alpha: int = 0 ): Number { var color: Number = ( red << 16 ) + ( green << 8 ) + blue; if( alpha > 0 ){ return parseFloat( ( alpha.toString( 16 ) + color.toString( 16 ) ) ); } return color; } private function fold10color( colorLeft: Object, colorRight: Object ): Number { //(255,0,0)+(0,0,255)=((255+0) div 2,(0+0) div 2,(0+255) div 2)=(127,0,127). return this.converter10to16( Math.floor( ( colorLeft.red + colorRight.red ) / 2 ), Math.floor( ( colorLeft.green + colorRight.green ) / 2 ), Math.floor( ( colorLeft.blue + colorRight.blue ) / 2 ) ); } } } Вот статейку ещё сюда вставлю Цитата:
|
Часовой пояс GMT +4, время: 20:40. |
|
« Предыдущая тема | Следующая тема » |
|
|