Алгоритм создания «потрепанного» бумажного эффекта для диаграмм UML? - PullRequest
5 голосов
/ 17 сентября 2009

Мне нравится эффект потертости бумаги http://yuml.me UML-диаграмм, есть ли алгоритм для этого, желательно не в Ruby, а в PHP, Java или C #, я хотел бы посмотреть, легко ли сделать то же самое в Реболе:

http://reboltutorial.com/blog/easy-yuml-dialect-for-mere-mortals2/

1 Ответ

10 голосов
/ 17 сентября 2009

Эффект объединяет

  • диагональный градиент заливки
  • тень
  • линий, которые, вместо того, чтобы быть прямыми, имеют некоторые небольшие, по-видимому, случайные отклонения в них, что дает ощущение "неряшливости".

Вы можете заполнить ваш генератор случайных чисел хешем ввода, чтобы вы каждый раз получали одно и то же изображение.

Кажется, это нормально работает для очистки строк:

public class ScruffyLines {
    static final double WOBBLE_SIZE = 0.5;
    static final double WOBBLE_INTERVAL = 16.0;

    Random random;

    ScruffyLines ( long seed ) {
        random = new Random(seed);
    }


    public Point2D.Double[] scruffUpPolygon ( Point2D.Double[] polygon ) {
        ArrayList<Point2D.Double>   points = new ArrayList<Point2D.Double>();
        Point2D.Double              prev   = polygon[0];

        points.add ( prev ); // no wobble on first point

        for ( int index = 1; index < polygon.length; ++index ) {
            final Point2D.Double    point = polygon[index];
            final double            dist = prev.distance ( point );

            // interpolate between prev and current point if they are more
            // than a certain distance apart, adding in extra points to make 
            // longer lines wobbly
            if ( dist > WOBBLE_INTERVAL ) {
                int    stepCount = ( int ) Math.floor ( dist / WOBBLE_INTERVAL );
                double step = dist / stepCount;

                double x  = prev.x;
                double y  = prev.y;
                double dx = ( point.x - prev.x ) / stepCount;
                double dy = ( point.y - prev.y ) / stepCount;

                for ( int count = 1; count < stepCount; ++count ) {
                    x += dx;
                    y += dy;

                    points.add ( perturb ( x, y ) );
                }
            }

            points.add ( perturb ( point.x, point.y ) );

            prev = point;
        }

        return points.toArray ( new Point2D.Double[ points.size() ] );
    }   

    Point2D.Double perturb ( double x, double y ) {
        return new Point2D.Double ( 
            x + random.nextGaussian() * WOBBLE_SIZE, 
            y + random.nextGaussian() * WOBBLE_SIZE );
    }
}

пример зачищенного прямоугольника http://img34.imageshack.us/img34/4743/screenshotgh.png

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...