Форум Flasher.ru - Как реализовать "раскраску" рисунка?

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)

- - Как реализовать "раскраску" рисунка? (http://www.flasher.ru/forum/showthread.php?t=82816)

Цитата:

Сообщение от __i

Код:

_root.region1.onMouseOver = function (){

this.gotoAndStop('fill');

}

А по-подробней можно, в частности про вторую строку

Цитата:

Сообщение от wvxvw

Простой - добавляй во время движения мыши в клип-маску исходный клип-кисть (не важно, как именно, дублируя, аттача или рисуя програмно).

А можно пример аттача?

Вложение 14829

Код:

import flash.geom.*



var _l1:MovieClip = _root.createEmptyMovieClip("canvas_mc", 0);

var _l2:MovieClip = _root.createEmptyMovieClip("mask_mc", 10);

var _l3:MovieClip = _root.createEmptyMovieClip("gradient_mc", 5);

with (gradient_mc) 

{

    colors = [0xFF0000, 0x0000FF];

    fillType = "radial"

    alphas = [100, 100];

    ratios = [0, 0xFF];

    spreadMethod = "reflect";

    interpolationMethod = "linearRGB";

    focalPointRatio = 0.9;

    matrix = {a:200, b:0, c:0, d:0, e:200, f:0, g:200, h:200, i:1};

    beginGradientFill(fillType, colors, alphas, ratios, matrix, spreadMethod, 

interpolationMethod, focalPointRatio);

    moveTo(0, 0);

    lineTo(500, 0);

    lineTo(500, 500);

    lineTo(0, 500);

    lineTo(0, 0);

    endFill();

}



_l1.beginFill(0x112233, 50);

_l1.moveTo(0, 0);

_l1.lineTo(0, 500);

_l1.lineTo(500, 500);

_l1.lineTo(500, 0);

_l1.lineTo(0, 0);

_l1.endFill();



_l2.attachMovie("brush", "brush_mc", _l2.getNextHighestDepth(), {_x:-20, _y:-20});

_l3.onMouseMove = function(){

        var _l4:Number = 0;

        _l2.attachMovie("brush", "brush"+_l4+"_mc", _l2.getNextHighestDepth()+_l4, {_x:this._xmouse, _y:this._ymouse});

                _l4++;

}

_l3.setMask(_l2);

*в библиотеке нужно создать клип-кисточку и присвоить ему идентификатор экспорта 'brush'
* вместо клипа с градиентом - ваша картинка.
* увы, такой мувик после долгого проигрывания подвесит плеер... есть конечно варианты решения... но муторно, да и не особо-то нужно, с пивом и так покатит =)

Цитата:

Сообщение от __i

Код:

_root.region1.onMouseOver = function (){

this.gotoAndStop('fill');

}

Да, вобщем, тоже вариант =) и не плодит кучу клипов, но менее реалистичный =)

Заменил градиент на картинку "back", но почему-то все очень медленно рисуется:

Код:

var _l2:MovieClip = _root.createEmptyMovieClip("mask_mc", 10);



_l2.attachMovie("brush", "brush_mc", _l2.getNextHighestDepth(), {_x:-20, _y:-20});

_root.back.onMouseMove = function(){

        var _l4:Number = 0;

        _l2.attachMovie("brush", "brush"+_l4+"_mc", _l2.getNextHighestDepth()+_l4, {_x:this._xmouse, _y:this._ymouse});

                _l4++;

}

_root.back.setMask(_l2);

эээ... ну не знаю, сколько онмаузмув вызывается - столько и должен рисовать

Я к тому, что я просто видимо что-то не правильно сделал.

хех, а как ты собираешся вызывать онмаузмув над клипом, который ты не видишь? =) (ты ж накладываешь маску на клип с картинкой, после чего он практически исчезает =) положи поверху картинки еще один клип (тот, который с карандашным рисунком), вот у него и нужно слушать онмаузмув =)

Почему, все правильно. Т. к. маска наложена на картинку, она не будет вначале видна, но при движении мышки над ней она будет как бы вырисовываться. Если еще вниз положить картинку с карандашным рисунком - как раз и получается эффект раскрашивания.
Ошибка была в другом, в строке

Код:

_l2.attachMovie("brush", "brush"+_l4+"_mc", _l2.getNextHighestDepth()+_l4, {_x:this._xmouse, _y:this._ymouse});

                _l4++;

надо было заменить this._xmouse и this._ymouse на _root.xmouse и _root.ymouse соответственно.

Всем спасибо, итоговый получившийся код:

Код:

var myMask:MovieClip = _root.createEmptyMovieClip("mask_mc", _root.getNextHighestDepth());



myMask.attachMovie("brush", "brush_mc", myMask.getNextHighestDepth(), {_x: -100, _y: -100});



_root.back.onMouseMove = function() {

        myMask.attachMovie("brush", "brush_mc", myMask.getNextHighestDepth(), {_x: _root._xmouse, _y: _root._ymouse});

}



_root.back.setMask(myMask);



Mouse.hide();



_root.brush2.onMouseMove = function() {

        this._x = _root._xmouse;

        this._y = _root._ymouse;

}

Не все так просто оказалось =)
1) Некоторые браузеры не показывают телефон вверхну флешки (http://expert-office.ru/), в частности Explorer. Телефон - это Dynamic Text с фильтром Blur
2) Не получается убрать кисточку с рисунка, после того как мышка покинула пределы флешки