“だらしないを作成するアルゴリズム” UMLダイアグラムのペーパー効果?
-
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
所属していません StackOverflow