ループ内の半径を操作することによって、拡大縮小する円が1つあります。 成長して縮小している間に、私はその円の上に点を描きます。同じループ内で次のポイントの角度を上げます。終了回転円を計算する
let radius = 0;
let circleAngle = 0;
let radiusAngle = 0;
let speed = 0.02;
let radiusSpeed = 4;
let circleSpeed = 2;
、ループ内:
radius = Math.cos(radiusAngle) * 100;
// creating new point for line
let pointOnCircle = {
x: midX + Math.cos(circleAngle) * radius,
y: midY + Math.sin(circleAngle) * radius
};
circleAngle += speed * circleSpeed;
radiusAngle += speed * radiusSpeed;
これが描画される花/パターンのいくつかの種類を生成
セットアップは、このようなものです。 未知の回転の後、描画線は、開始点からの点に接続し、パスを完全に閉じます。
ラインが戻って、それが始めてのである前に、今私は、occure必要がありますどのように多くの回転知っていただきたいと思います。
作業の例では、ここで見つけることができます: http://codepen.io/anon/pen/RGKOjP
コンソールは、円とラインの両方の現在の回転を記録します。
本当にクールなものを得ることができます/ anon/pen/pEZzVB)を設定するだけです。トリゴが必要です。この回答にはプロ – Viney
ありがとう@Novice。私は最後を知りたいので、パスを閉じる/アニメーションを止めて塗りつぶすなどの作業をすることができます。 – Pimmol