ランダム・ライン【Processing】

はじめまして、ますみです！

[![自己紹介.png](https://www.umi-mori.jp/wp-content/uploads/2023/02/introduction_banner_2-2048x533.png)](https://bit.ly/banner_intro_masumi_creator_qiita)


# はじめに
今回の短めスクリプトでは、「**ランダム・ライン**」というランダムに線が溢れるプロジェクトを作りたいと思います。
長さ：`8行`（`181文字`）

# 作品サンプル
<img width="300" alt="sample.gif" src="https://qiita-image-store.s3.amazonaws.com/0/240280/8933df3e-a755-4358-5443-8d929036a1ea.gif">

# 最終的なコード

```java:random_lines.pde
void setup(){
  size(500,500);
}

void draw(){
  strokeWeight(random(3,6));
  stroke(random(0,255), random(0,255), random(0,255), 100);
  line(random(0,500), random(0,500), random(0,500), random(0,500));
}
```

# コードの解説
## 1. `void setup(){}`
はじまった時に、{}の中身を**一度実行する**。

## 2. `size(500,500);`
**画面の横と縦の大きさ**をそれぞれ500pxにする。

## 3. `void draw(){}`
{}の中身を**ずっと実行する**。

## 4. `strokeWeight(random(3,6));`
線の太さを、3から6の間のランダムな太さに設定する。

#### \>> `strokeWeight(3);`
線の太さを、3pxに設定する。

#### \>> `random(255);`
0から255までのランダムな値（乱数）。

## 5. `stroke(random(0,255), random(0,255), random(0,255), 100);`
線の色をランダムな色（透明度は100/255）に設定する。

#### \>>`stroke(255,255,255,100);`
線の色をHSB(255,255,255)（真っ白）にする。（透明度は100/255）

## 6. `line(random(0,500), random(0,500), random(0,500), random(0,500));`
x座標とy座標それぞれが0から500までの位置から同じくx座標とy座標それぞれが0から500までの位置までの線を引く。

#### \>>`line(0,0,10,20)`
(x,y)=(0,0)の点から、(x,y)=(10,20)の点までの線を引く。

# アレンジ・コード
#### \>>`background(255,255,255);`
背景の色をHSB(255, 255, 255)（真っ白）にする。

#### \>>`frameRate(10)`
1秒間に画面を10回更新する。（`draw(){}`は1回の更新につき、1度実行されるため、結果的に1秒間に10回線を描くかという）。

#### \>>`colorMode(RGB,100,100,100)`
色の設定方法をHSBではなく、RGBに設定し、各引数の最大値を100とする。

### サンプルコード（アレンジ）
`java:random_lines_arrange.pde
void setup(){
  size(500,500);
  background(255,255,255);
  frameRate(10);
  colorMode(RGB,100,100,100);
}

void draw(){
  strokeWeight(random(3,6));
  stroke(random(0,100), random(0,100), random(0,100), 100);
  line(random(0,500), random(0,500), random(0,500), random(0,500));

# 最後に
最後まで読んでくださり、ありがとうございました！
いかがだったでしょうか？

この記事を通して、少しでもあなたの学びに役立てば幸いです！

:::note info
【仕事の相談はこちら】
お仕事の相談のある方は、下記のフォームよりお気軽にご相談ください。

[問い合わせフォームはこちら](https://forms.gle/G5g1SJ7BBZw7oXYA7)

もしもメールでの問い合わせの方がよろしければ、下記のメールアドレスへご連絡ください。

info*galirage.com（*を@に変えてご送付ください）

🎁 「生成AI活用の無料相談券」もしくは「生成AIの社内ガイドライン（無料PDF）」を『公式LINE』で配布中 🎁
『生成AIを業務に活用したいけど、どうしたらいいかわからない』といった声を多くいただきます。

Galirageでは公式LINEにて、チャットやオンライン会議で「完全個別の生成AI活用無料相談会」を実施しております！
（期間限定で実施しているため、ご興味ある方はお早めに以下のLINE公式アカウントをご登録ください^^）
https://lin.ee/rvz6lMN

※ 予告なく、キャンペーンを終了する可能性がございますが、ご了承ください。

【業務内容】
具体的には、以下のお仕事を中心に受け付けております！（[詳しくはこちら](https://galirage.notion.site/Galirage-AI-c2f3945fafb0433d8d2fd03e56927fd8)）
1. 受託開発（例：生成AIを使った社内システムの開発）
2. コンサルティング（例：技術戦略のアドバイス）
3. 講演（例：社内研修、イベント登壇）

※ 特に「生成AIを使ったシステム開発のご依頼」が多く、ご好評いただいております。

【これまでの相談事例】
以下のようなご相談が多くあります。

🔑 機密情報を漏洩させないための、生成AIのシステム構築をお願いしたい。
🤖 自社データを用いたFAQチャットボットの作り方を知りたい。
💡 ChatGPTを、自分たちの事業にどのように活かせるか、アドバイスやアイデアが欲しい。
:::
# おまけ
エンジニアの仲間（データサイエンティストも含む）を増やしたいため、公式LINEを始めました🎉

「**一緒に仕事をしてくれる方**」「**友だちとして仲良くしてくれる方**」は、友だち追加をしていただけますと嬉しいです！（仲良くなった人たちを集めて、「ボードゲーム会」や「ハッカソン」や「もくもく会」もやりたいなと考えています😆）

とはいえ、みなさんにもメリットがないと申し訳ないので、特典を用意しました！

友だち追加後に、アンケートに回答してくれた方へ「**エンジニア図鑑（職種20選）**」のPDFをお送りします◎

https://lin.ee/hFUN4TL

[![](https://www.umi-mori.jp/wp-content/uploads/2023/10/line_banner_v2.png)](https://lin.ee/hFUN4TL)