Symmetric strokes

On this page, we build strokes that repeat one gesture, the drawn path coming back mirrored, rotated, or reflected across the canvas.

このページでは、ひとつの身振りを繰り返すストロークを作ります。描いたパスが、鏡映しに、回転して、あるいはキャンバスの中心で反転して返ってきます。

The symmetry is a path transform: mirroredPath and rotatedPaths (on the Path Effects page) derive the copies from the drawn path, and every copy is an ordinary stroke drawn by the same tool. The drawing tool applies them through the registry's symmetry field: the roll (a rotation count, the screen axes) lands at the stroke's start, the copies show while the gesture grows, and they land at release as ordinary strokes, so they record, replay, and mirror like anything drawn. At even odds a stroke's copies take their own palette colors.

対称性はパスの変換です。mirroredPathとrotatedPaths（Path Effectsページ）が描かれたパスから複製を導き、各複製は同じツールで描かれる通常のストロークです。描画ツールはレジストリのsymmetryフィールドを通してこれを適用します。ロール（回転の数、画面の軸）はストロークの始まりに決まり、複製は描いている間から表示され、離した瞬間に通常のストロークとして置かれます。そのため複製は描いたものと同じように記録され、再生され、ミラーされます。五分五分の確率で、ストロークの複製はそれぞれ自分のパレットの色を取ります。

Mirrored strokes

open full size ↗

Each gesture comes with its mirror across the vertical line through its starting point. Three seeded gestures, drawn with the pencil, the brush, and the ragged ribbon.

それぞれの身振りには、その始点を通る垂直線に対して鏡映しになった複製が付きます。鉛筆、筆、ラグドリボンで描かれた、シード付きの3つの身振りです。

Rotational strokes

open full size ↗

Each gesture is repeated evenly around its starting point. The count (2 to 6) rolls when the stroke begins and holds while it grows.

それぞれの身振りは、その始点の周りに均等に繰り返されます。繰り返しの数（2から6）はストロークの始まりにロールされ、描いている間は変わりません。

Screen-space symmetry

open full size ↗

Each gesture is mirrored across the canvas's center axis: the vertical one, the horizontal one, or both (both adds the point reflection, four strokes in all). The axes roll per stroke.

それぞれの身振りは、キャンバスの中心軸に対して鏡映しになります。垂直の軸、水平の軸、またはその両方です（両方のときは点対称の複製も加わり、合わせて4本になる）。軸はストロークごとにロールされます。

Try drawing

open full size ↗

Draw with every symmetry on this page, in the drawing tool: each tool pairs one symmetry with one look (a mirrored brush, a rotating pencil, a screen-reflected ribbon). The symmetry rolls at the stroke's start, the copies show while drawing, and they land at release as ordinary strokes, so Clear, Replay, and recording work as on the Drawing Tool Demo page. The symmetric tools also live in the master registry, so the Drawing Tool Demo rolls them into its trail.

このページのすべての対称性を使って、描画ツールの中で描いてみてください。各ツールはひとつの対称性とひとつの見た目を組み合わせます（鏡映しの筆、回転する鉛筆、画面反射のリボン）。対称性はストロークの始まりにロールされ、複製は描いている間から表示され、離した瞬間に通常のストロークとして置かれます。そのためClear、Replay、録画はDrawing Tool Demoページと同じように動きます。対称のツールはマスターレジストリにも入っているため、Drawing Tool Demoのロールの列にも現れます。