桜が散っているプログラム

Question

https://www.youtube.com/watch?v=JVbuf2nYXQw
最終目標として上のサイトのような桜の花びらが散っているプログラムを作りたいと思っています。

コード
      Path path = new Path();
		path.moveTo(100, 200);
		path.cubicTo(90, 120, 130, 100, 180, 100);
		path.lineTo(180, 120);
		path.lineTo(200, 120);
		path.cubicTo(200, 170, 180, 210, 100, 200);
		canvas.drawPath(path, paint);

これは花びらを描いたプログラムです。
これをその場で90度や180度回転させるにはどうすればいいのでしょうか？

x´ = xcos(2/π) - ysin(2/π)
y´ = xsin(2/π) + ycos(2/π)
このやり方では原点を中心とする回転なので回転はするのですが計算結果が負の数がでてしまい、画面に花びらが描かれません。
その場で回転する方法を教えていただきたいです。
よろしくお願いします。

Answer 1

Canvasに、
描画の原点を変更するtranslateや、
描画する位置を原点から回転させるrotate、
といったメソッドが存在します。

どういった処理かは、
AndroidのCanvasを使いこなす！ - 基本的な描画
このサイトの「Canvasを使いこなす」が分かりやすいと思います。

あとは自分でがんばって（丸投げ

Comments

[nakamura-]

回答ありがとうございます。
そういうメソッドがあるんですね！
参考にさせていただきます！

Answer 2

数学的には以下の手順を踏むことになるかと。

1. 回転軸にする点(x0, y0)が原点に重なる様に全体を平行移動

x = x - x0
y = y - y0
2. 原点中心に任意の角度回転させる
x = xcos(θ) - ysin(θ)
y = xsin(θ) + ycos(θ)
3. 1.で平行移動した分、逆に平行移動
x = x + x0
y = y + y0

Comments

[nakamura-]

回答ありがとうございます。
完全に数学ですね！
ありがとうございました！