> For the complete documentation index, see [llms.txt](https://primer2.dynamobim.org/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://primer2.dynamobim.org/ja/5_essential_nodes_and_concepts/5-3_the-building-blocks-of-programs/2-math.md).

# 数学的方法

データの最も単純な形式が数値だとするならば、数値を関連づける最も簡単な方法は数学的方法を活用することです。割り算のような単純な演算子から、三角関数などの複雑な計算式まで、数学的方法は数値の関係とパターンを調べるための非常に便利な方法です。

### 算術演算子

演算子は、代数関数と 2 つの入力値を組み合わせて使用する一連のコンポーネントであり、1 つの出力値を生成します(加算、減産、乗算、除算など)。演算子は、\[Operators] > \[Actions]で使用できます。

| アイコン                                                                                                                                                                                                          | 名前(構文)    | 入力                         | 出力           |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | -------------------------- | ------------ |
| ![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-efd3ef3b5c38f8bb05d541e85c376b52f1d66853%2Faddition.jpg?alt=media)       | 加算(**+**) | var\[]...\[], var\[]...\[] | var\[]...\[] |
| ![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-ba0feee3728ac2584efc5697a67d76c38252c636%2FSubtraction.jpg?alt=media)    | 減算(**-**) | var\[]...\[], var\[]...\[] | var\[]...\[] |
| ![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-ed2b8d9518a8acdde96a20f704a8ca7ff743e0a0%2FMultiplication.jpg?alt=media) | 乗算( \* )  | var\[]...\[], var\[]...\[] | var\[]...\[] |
| ![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-a7c57cbf45f33e5fb54b8310fbd0c1d684a6c983%2FDivision.jpg?alt=media)       | 除算(**/**) | var\[]...\[], var\[]...\[] | var\[]...\[] |

## 演習: 黄金螺旋式

> 下のリンクをクリックして、サンプル ファイルをダウンロードします。
>
> すべてのサンプル ファイルの一覧については、付録を参照してください。

{% file src="/files/ZX5CGiTeSlJS7w6pTQNH" %}

### パート I: パラメータ式

演算子と変数を組み合わせて、**式**を使用してより複雑な関係を形成します。スライダを使用して、入力パラメータでコントロールできる式を作成します。

1. パラメータ式内の「t」を表す数列を作成しますので、らせん構造を定義するのに十分な大きさがあるリストを使用します。

**Number Sequence** ノードで、*start、amount*、*step* という 3 つの入力に基づいて数列を定義します。

![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-8abeb717522065d1d87d176bc43fbd9dc48e932e%2Fmath%20-%20part%20I-01.jpg?alt=media)

2.上記の手順により、パラメータ領域を定義するための数値のリストが作成されます。次に、黄金螺旋式を表すノードのグループを作成します。

黄金螺旋は、次の等式として定義されます。

$$
x = r cos θ = a cos θ e^{bθ}
$$

$$
y = r sin θ = a sin θe^{bθ}
$$

次の図は、ビジュアル プログラミング形式の黄金螺旋を表しています。ここからは、順を追ってノード グループを確認していきます。ビジュアル プログラムと記述形式の等式との相違点に注意してください。

![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-531a2dbb5056c7be2e2f67534db9514240759554%2Fmath%20-%20part%20I-02.jpg?alt=media)

> a. **Number Slider** ノードを使用して、キャンバスに 2 つの数値スライダを追加します。これらのスライダは、パラメータ式の変数である「*a*」と「*b*」を表します。これらの変数は、柔軟に変化する定数や、必要な結果に合わせて調整可能なパラメータを表します。
>
> b.**Multiplication (\*)** ノードはアスタリスクで表されます。このノードを繰り返し使用して、乗算変数を接続します。
>
> c.**Math.RadiansToDegrees** ノードで「*t*」の値を角度に変換して、三角関数内でその角度を評価します。Dynamo では、三角関数の評価には角度が既定で使用されます。
>
> d.**Math.Pow** ノードは、「*t*」および数値「*e*」の関数として動作し、フィボナッチ数列を作成します。
>
> e.**Math.Cos と Math.Sin** ノードは、三角関数です。パラメータ指定の各点の X 座標と Y 座標を識別します。
>
> f.**Watch** ノードで、出力値として 2 つのリストが生成されたことを確認します。これらのリストが、らせんの生成に使用される点群の *x* 座標と *y* 座標になります。

### パート II: 計算式からジオメトリへ

上記の手順でも問題なく機能しますが、多数のノードを使用するため、手間がかかります。より効率的なワークフローを作成するには、[DesignScript](/ja/8_coding_in_dynamo/8-1_code-blocks-and-design-script/2-design-script-syntax.md) を確認し、Dynamo 表現の文字列を 1 つのノード内に定義します。次の手順では、パラメータ式を使用してフィボナッチ曲線を描画する方法について確認します。

**Point.ByCoordinates** ノードの *x* 入力に上部の乗算ノードを接続し、*y* 入力に下部の乗算ノードを接続します。この操作により、パラメータで制御された点群のらせん構造が画面上に表示されます。

![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-8c77dcd0a8aa84dcf8211f835f6a431e3fc06034%2Fmath%20-%20part%20II-01.gif?alt=media)

**Polycurve.ByPoints** ノードは、前のステップの **Point.ByCoordinates** を *points* に接続します。ここでは閉曲線は作成しないため、*connectLastToFirst* 入力には何も接続しなくてかまいません。この操作により、前の手順で定義した各点を通過するらせん構造が作成されます。

![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-c889c37c825b138b2998a2978945f1c457c7f651%2Fmath%20-%20part%20II-02.jpg?alt=media)

これで、フィボナッチ曲線が作成されました。ここからは、2 つの演習で「オウムガイ」と「ヒマワリ」を作成してみましょう。これらは自然界にみられる形状を抽象的に表しているばかりではなく、フィボナッチ曲線の 2 つの異なる適用例を的確に表現しています。

### パート III: らせん構造からオウムガイへ

円弧を作成するための **Circle.ByCenterPointRadius** ノードの入力ポートに、前の手順と同じ値を接続します。radius 入力の値は既定で *1.0* に設定されているため、出力として円弧が即座に表示されます。点群が基準点から遠ざかっていく様子がよくわかります。

![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-c906593f530ff366e61eb0bf1560c6a423fc8768%2Fmath%20-%20part%20III-01.jpg?alt=media)

**数列**のノード グループは「*t*」の元の配列です。これを **Circle.ByCenterPointRadius** の radius 入力に接続すると、円弧の中心は基準点から離れていきますが、円の半径は次第に長くなっていき、特長的な形状のらせん構造が作成されます。

余裕があれば、これを 3D に変換してみてください。

![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-607ea52098993f9f8f62949f6f1f617a74de142d%2Fmath%20-%20part%20III-02.gif?alt=media)

### パート IV: オウムガイから螺旋葉序へ

ここまでの手順では、円弧を重ねたオウムガイのような形状を作成しました。次に、パラメータ制御のグリッドを使用してみましょう。ここでは、フィボナッチ曲線の基本的ならせんを使用して、フィボナッチ グリッドを作成していきます。結果として、[ヒマワリ](https://blogs.unimelb.edu.au/sciencecommunication/2018/09/02/this-flower-uses-maths-to-reproduce/)のようならせん形状が作成されます。

最初に、前の演習と同じ手順を実行します。**Point.ByCoordinates** ノードを使用して、点群をらせん状に並べた配列を作成します。

<figure><img src="https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-a6de3a9c3bd224222ac722a7b2774cb3004f6d27%2Fmath%20-%20part%20IV-01.jpg?alt=media" alt=""><figcaption></figcaption></figure>

次に、これらの手順に従って、さまざまな回転の一連のらせんを生成します。

![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-c68e343db940f4a82815015a5ad61ed932adac91%2Fmath%20-%20part%20IV-02.jpg?alt=media)

> a. **Geometry.Rotate** ノードには、同じ名前のノードが複数存在します。*geometry*、*basePlane*、*degrees* という入力を持つ **Geometry.Rotate** ノードを選択してください。geometry 入力に **Point.ByCoordinates** ノードを接続します。このノードを右クリックして、レーシングが「直積」に設定されていることを確認します。
>
> <img src="https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-57080768937e8ab38f3fc05bf5a2cd5f31d7fbfb%2Fmath%20-%20part%20IV-03%20cross%20product.jpg?alt=media" alt="" data-size="original">
>
> b.**Plane.XY** ノードを *basePlane* 入力に接続します。これにより、基準点に向かって回り込んでいくように点が描画されます。基準点の位置は、らせんの基準の位置と同じです。
>
> c.**Number Range** ノードで角度を入力することにより、複数の巻き筋を作成します。**Number Range** コンポーネントを使用すると、この操作をすばやく実行することができます。このコンポーネントを *degrees* 入力に接続します。
>
> d.**Number** ノードをキャンバスに 3 つ追加して縦に並べ、数値の範囲を定義します。上から下に、それぞれ *0.0、360.0*、*120.0* の値を割り当てます。これらの値により、らせんの巻き筋が制御されます。**Number Range** ノードに 3 つの Number ノードを接続すると、結果が出力されます。

出力結果が渦の流れのようになってきました。**Number Range** パラメータの一部を調整して、出力結果がどのように変わるか確認してみましょう。

**Number Range** ノードの step の入力値を *120.0* から *36.0* に変更します。この操作により、巻き筋の数が増え、グリッドの密度が上がります

![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-6829af295f22e12e509750ded3fc41a21aaa6ea1%2Fmath%20-%20part%20IV-04.jpg?alt=media)

**Number Range** ノードの step の入力値を *36.0* から *3.6* に変更します。この操作により、グリッドの密度が大幅に上がり、螺旋の方向が不明瞭になります。これで、ヒマワリが完成しました。

![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-e58f7644843fff511ac6cd6466220269ea111a46%2Fmath%20-%20part%20IV-05.jpg?alt=media)
