色情報を格納する、Colourコンポーネントの使い方について解説します。
![見え方1](https://iarchway.com/wp-content/uploads/2024/05/2-14-1024x420.png)
![見え方2](https://iarchway.com/wp-content/uploads/2024/05/1-14-1024x420.png)
グラスホッパー上では上の2つのどちらかで表されます。
色情報を格納する
Colourを使うことで、色情報を格納することができます。
![色情報を格納する](https://iarchway.com/wp-content/uploads/2024/05/3-10-1024x420.png)
上の画像の例では、Colour Swatchで作成された色を、Colourにつなげることで色情報を格納しています。
![出力されるデータ](https://iarchway.com/wp-content/uploads/2024/05/4-9-1024x420.png)
Panelで出力されるデータを見てみると、座標のような数値が出力されました。
これは、色を作成する数値であり、上の例ではRGBのそれぞれの数値が出力されています。
![複数の色データ](https://iarchway.com/wp-content/uploads/2024/05/16-3-1024x420.png)
複数の色データも、このように格納することができます。
![Colourに直接色を格納する](https://iarchway.com/wp-content/uploads/2024/05/5-12-1024x420.png)
Colourに直接色を格納することもできます。
Colourを右クリックし、Colourを選ぶことで、色を選択することができます。
![格納した色データの編集](https://iarchway.com/wp-content/uploads/2024/05/6-11-1024x420.png)
格納した色データの編集することもできます。
Colourを右クリックし、Manage Colour collectionを選択します。
![編集画面](https://iarchway.com/wp-content/uploads/2024/05/7-11-1024x420.png)
すると、このような画面になります。
すでに色データが格納されている場合には、左側に表示されます。
![格納されているデータをクリック](https://iarchway.com/wp-content/uploads/2024/05/8-9-1024x420.png)
格納されているデータをクリックすると、右側に編集画面が表示されます。
![試しに編集](https://iarchway.com/wp-content/uploads/2024/05/9-11-1024x420.png)
試しに、AlphaとBlueの数値を、どちらも100に変えてみました。
すると、このように色を変えることができました。
![色を追加](https://iarchway.com/wp-content/uploads/2024/05/10-8-1024x420.png)
色を追加することもできます。
左上の、緑のアイコンをクリックします。
![新しい色データが作成された](https://iarchway.com/wp-content/uploads/2024/05/11-8-1024x420.png)
すると、新しい色データが作成されました。
しかし、初期の状態では警告マークが出ているので、なにかしら数値を編集してください。
![数値を編集](https://iarchway.com/wp-content/uploads/2024/05/12-6-1024x420.png)
今回はAlphaを100に編集すると、警告マークが消えました。
![複数のデータが出力された](https://iarchway.com/wp-content/uploads/2024/05/13-6-1024x420.png)
Panelで出力されるデータを確認すると、複数のデータが出力されていることが分かります。
![色を消す](https://iarchway.com/wp-content/uploads/2024/05/14-4-1024x420.png)
色を消すこともできます。
消したい色データを選択している状態で、右上の赤いアイコンをクリックします。
![色データが削除された](https://iarchway.com/wp-content/uploads/2024/05/15-3-1024x420.png)
すると、このように色データが削除されました。
Colourコンポーネントを使用しているグラスホッパー記事はこちら↓
コメント