【Processing】strokeCap()の使い方【線の端がどんな形になるかを決めるために使う】

【Processing】strokeCap()の使い方【線の端がどんな形になるかを決めるために使う】
  • URLをコピーしました!
ワタタク

今回の記事の目的はProcessingの「strokeCap()」を理解し、自分なりに使ってみること。

この記事を書いた人

クリエイティブコーダー Watataku のプロフィール写真
ワタタク(Watataku)

上達の研究家 / アーティスト

「才能」ではなく「論理(システム)」で、人の心を動かす機能するアートを探究中

【文系・36歳・未経験】から独学でクリエイティブコーディングに挑戦し、独自の思考法で以下の実績を達成

  • 開始1年8ヶ月目までに公募6つに挑戦し、3つ入選(勝率50%)
  • 開始1年9ヶ月目に、虎ノ門ヒルズ ステーションタワー49階 スカイガーデン&プールのために制作した作品が展示される

記事内のProcessingのバージョンは4.3。

目次

【Processing】strokeCap()について

strokeCap()について
  • strokeCapは英語で「線端」または「線の端の形」という意味
  • strokeCap() は、線の端がどんな形になるかを決めるために使う。3つの形がある
    • ROUND: 丸い端
    • SQUARE: 四角い端
    • PROJECT: 線をちょっとはみ出す端

【Processing】strokeCap()の使い方【画像とコード】

【Processing】strokeCap()の使い方【画像とコード】
void setup() {
  size(400, 400); // 画面のサイズを設定
  strokeWeight(80); // 線の太さを決める
}

void draw() {
  background(255); // 背景を白に設定

  strokeCap(ROUND); // 線の端を丸くする
  line(50, 100, 250, 100); // 画面に線を描く

  strokeCap(SQUARE); // 線の端を四角くする
  line(50, 200, 250, 200); // 画面に線を描く

  strokeCap(PROJECT); // 線の端をはみ出させる
  line(50, 300, 250, 300); // 画面に線を描く
}

【Processing】strokeCap()を使ってみた感想

線の端っこの形を調整したいときに使う。

ワタタク

それでは今日もレッツワクワクコーディング。

ワタタク(Watataku)
上達の研究家
クリエイティブコーディング(2024.3~) × アナログ絵画(2025.11~)

独学1年9ヶ月でTOKYO NODE49階、天空のインフィニティプールへ作品提供・展示。

「不完全な人間(Analog)」が、「完全な論理(Algorithm)」を武器にどこまで行けるか。

手描きの一本の線とコードを融合させ、制作を支える「愛用の文房具」や「思考法」と共に、初心者から世界へ挑む『上達の実験記録』を公開中。

▼【創作×上達】思考を「作品」に変える、モレスキン6冊の運用設計図
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次