Алгоритм создания эффекта “неряшливой” бумаги для UML-диаграмм?

StackOverflow https://stackoverflow.com/questions/1437019

  •  08-07-2019
  •  | 
  •  

Вопрос

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

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

Это было полезно?

Решение

Эффект сочетает в себе

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

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

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top