ベクトルを可視化する、Vector Displayコンポーネントの使い方について解説します。
![見え方1](https://iarchway.com/wp-content/uploads/2024/05/1-2-1024x420.png)
![見え方2](https://iarchway.com/wp-content/uploads/2024/05/2-2-1024x420.png)
グラスホッパー上では上の2つのどちらかで表されます。
ベクトルを可視化する
Vector Displayを使うことで、ベクトルを可視化することができます。
![ベクトルを可視化する](https://iarchway.com/wp-content/uploads/2024/05/3-2-1024x420.png)
使用コンポーネント:①Point ②Vector ③Vector Display
Vector DisplayのA端子には、ベクトルを表示させる位置の点情報を入力します。
![指定した点](https://iarchway.com/wp-content/uploads/2024/05/4-1-1-1024x526.jpg)
今回は、上の画像のような点を、Pointに格納しています。
Vector DisplayのV端子には、表示させたいベクトルの情報をつなげます。
今回は、Vectorに5つのベクトルを格納しています。
![指定した位置にベクトルが表示される](https://iarchway.com/wp-content/uploads/2024/05/11-1-1024x526.jpg)
すると、このように指定した位置にベクトルが表示され、可視化されています。
今回は、5つのベクトルが格納されていたため、5つの矢印がしっかりと表示されています。
矢印の大きさを変える
Vector Displayでベクトルを表示させても、矢印が小さすぎる場合があります。
そのような場合に、矢印の大きさを変える方法も解説します。
![使う曲線](https://iarchway.com/wp-content/uploads/2024/05/5-2-1024x526.png)
今度は分かりやすいように、曲線を点で分割し、その位置のベクトルを表示してみます。
![曲線を分割した点の位置のベクトル表示](https://iarchway.com/wp-content/uploads/2024/05/6-1-1024x420.png)
使用コンポーネント:①Curve ②Divide Curve ③Vector Display
Curveに格納された曲線を、Divide CurveのC端子につなげます。
Divide CurveのN端子に、曲線を点で分割する分割数を入力します。
今回は、10を入力しています。
Divide CurveのP端子を、Vector DisplayのA端子につなげます。
Divide CurveのT端子を、Vector DisplayのV端子につなげます。
![ベクトルが表示される](https://iarchway.com/wp-content/uploads/2024/05/7-1-1024x526.png)
すると、このようにベクトルが表示されましたが、非常に小さくて見にくいです。
![Screen Size](https://iarchway.com/wp-content/uploads/2024/05/9-2-1024x420.png)
Vector Displayを右クリックし、ArrowsからScreen Sizeを選択します。
そして、下のScreenのpixの数値を大きくします。
今回は、15から100pixに変更しました。
![矢印が大きくなった](https://iarchway.com/wp-content/uploads/2024/05/10-1-1024x526.png)
すると、このように矢印が大きくなりました。
Vector Displayコンポーネントを使用しているグラスホッパー記事はこちら↓
コメント