> 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/10_sample_workflow/10-1_getting-started-workflows/1-parametric-vase.md). # パラメータを使用する花瓶 suggested exercise パラメータを使用する花瓶の作成は、Dynamo 学習の出発点に最適です。 このワークフローでは、次の方法を学習します。 * 数値スライダを使用して、設計の変数をコントロールする。 * ノードを使用してジオメトリ要素を作成および修正する。 * 設計の結果をリアルタイムで視覚化する。 ![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-d4f1c08bb3ac37b8f87ec4780f6abb8adfea991b%2Fvase1.gif?alt=media) ## 目標を定義する Dynamo を始める前に、概念上の花瓶をデザインします。 陶芸家の製造基準を考慮した陶器製の花瓶を設計するとします。陶芸家は通常、筒状の花瓶を作るためにろくろを使います。そして、花瓶にさまざまな高さの圧力をかけることにより、花瓶の形状を変えたり、さまざまなデザインを作成したりすることができます。 私たちも同様の方法で花瓶を定義します。異なる高さと半径を持つ 4 つの円を作成し、これらの円をロフトしてサーフェスを作成します。 ![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-7aab50d9c9a6c7266dfd82649aac2740406df4ba%2Fvase2.png?alt=media) ## 基本操作 > 下のリンクをクリックして、サンプル ファイルをダウンロードします。 > > すべてのサンプル ファイルの一覧については、付録を参照してください。 Dynamo が実行するアクションの順番を表すノードが必要になります。ここでは円を作成することになるため、最初に、円を作成するノードを探しましょう。**\[検索]フィールド**を使用するか、\[**ライブラリ**]を参照して **Circle.ByCenterPointRadius** ノードを検索し、ワークスペースに追加します ![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-220b5e975a1e7216778ad3693a3616b427ccbf5d%2Fvase8.png?alt=media) > 1. 検索 > 「Circle...」 > 2. 選択 > \[ByCenterPointRadius] > 3. ワークスペースにノードが表示されます このノードについて詳しく見て行きましょう。左側にはノードの入力(*centerPoint* と *radius*)があり、右側にはノードの出力(Circle)があります。出力が水色の線で表示されています。これは、入力に既定値があることを意味します。入力に関する詳細情報を取得するには、名前の上にカーソルを合わせます。*radius* 入力には 2 重入力が必要で、既定値は 1 です。 ![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-ef6986fde31bd96ec9157bd76252406d351d605c%2Fvase10.png?alt=media) 既定値の *centerPoint* をそのままにして、半径をコントロールする **Number Slider** を追加します。**Circle.ByCenterPointRadius** ノードで行ったように、ライブラリを使用して **Number Slider** を検索し、グラフに追加します。 このノードはスライダを含んでいるため、前のノードとは少し異なります。インタフェースを使用して、スライダの出力値を変更できます。 ![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-07016e1b4ef567f2b75cb57ff812335034bf6f1e%2Fvase13.gif?alt=media) スライダは、ノードの左側にあるドロップダウン ボタンを使用して設定できます。スライダを最大値 15 に制限してみましょう。 ![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-2f48f1f624f085693da8500d101acb2d78797029%2Fvase11.png?alt=media) **Circle.ByCenterPointRadius** ノードの左側に配置し、**Number Slider** 出力を選択して Radius 入力に接続することで、両方のノードを接続します。 ![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-d5ecbada5ccfc9cd0468fb3b41cef939a32950ea%2Fvase12.png?alt=media) また、ノード名をダブルクリックして、Number Slider 名を「Top Radius」に変更します。 ![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-50df8da6ed5de55aeb9764ba7480dc2f1ea13196%2Fvase14.png?alt=media) ## 次のステップ 続けて、いくつかのノードと接続をロジックに追加して花瓶を定義しましょう。 ### 異なる半径の円を作成する これらのノードを 4 回コピーして、これらの円がサーフェスを定義するようにし、次に示すように Number Slider の名前を変更します。 ![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-8ff54314fe537be3ec02357142f9930906ec9e78%2Fvase4.png?alt=media) > 1. 円は、中心点と半径によって作成されます ### 花瓶の高さまで円を移動させる 花瓶の高さに対するキー パラメータが欠落しています。花瓶の高さをコントロールするために、別の数値スライダを作成します。また、**Code Block** ノードも追加します。Code Block は、ワークフローにパーソナライズされたコード スニペットを追加する場合に役立ちます。Code Block を使用して高さスライダにさまざまな係数を掛け、花瓶の高さに沿って円を配置できるようにします。 ![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-c9dbbd2e43bc20b6cacb5ccffaadae9599bfc7d4%2Fvase15.png?alt=media) 次に、**Geometry.Translate** ノードを使用して、円を目的の高さに配置します。花瓶全体に円を分布させるため、Code Block を使用して高さパラメータに係数を掛けます。 ![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-ea6ceb16a88f28b88c6d32f0b9019266eba8de15%2Fvase5.png?alt=media) > 2.円は、Z 軸の変数によって変換(移動)されます。 ### サーフェスを作成する **Surface.ByLoft** ノードを使用してサーフェスを作成するには、変換されたすべての円をリストに結合する必要があります。**List.Create** ノードを使用して、すべての円を単一のリストに結合し、最後にこのリストを **Surface.ByLoft** ノードに出力して結果を表示します。 また、他のノードのプレビューをオフにして、Surface.ByLoft 表示のみを表示します。 ![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-aae99c979989f28a47e7e780c5fda0f4710b66f1%2Fvase6.png?alt=media) > 3.変換された円をロフトして、サーフェスを作成します。 ## 結果 ワークフローの準備ができました。これで、スクリプトで定義した **Number Slider** を使用して、さまざまな花瓶のデザインを作成できるようになりました。 ![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-d4f1c08bb3ac37b8f87ec4780f6abb8adfea991b%2Fvase1.gif?alt=media) ![](https://4202566639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJPSLCt5YLZNNPlPsMyh4%2Fuploads%2Fgit-blob-07c9b7562a08b134c47504805cf687b1f90e3971%2Fvase7.png?alt=media)