MENU
  • ABOUT
    • ブログの歩き方
    • プロフィール
    • Watataku Genesis / 起源の物語
    • 参謀リオンについて
    • 上達の全記録【随時更新】
    • 使用手帳の全記録【随時更新】
    • 運営者にとっての作品とは
  • CV
  • WORKS
    • Projects / 代表作・シリーズ
    • Commission / 企業依頼
    • Creative Coding Drawing
    • Creative-Coding-Illustration
  • BLUEPRINT
    • Watataku Blueprint / 記録と管理
    • LIFETIME-SOURCE-PROTOCOL
    • Diamond Path / 思考システム
    • Linked Batching / 執筆システム
    • Watatakuマニフェスト/ 未来の展望
    • 論理の哲学
    • 感性の哲学
    • MASTERY TRACE / Instagram投稿テーマ
  • METHOD
    • Processing
    • Processingの構文
    • p5.js
  • DOCUMENTARY
    • Analog Log
    • Linked Log
    • Life & Thought
  • CONTACT
言葉×コード×手書き。三位一体の表現が成長する過程の記録
クリエイティブコーディングロード
  • ABOUT
    • ブログの歩き方
    • プロフィール
    • Watataku Genesis / 起源の物語
    • 参謀リオンについて
    • 上達の全記録【随時更新】
    • 使用手帳の全記録【随時更新】
    • 運営者にとっての作品とは
  • CV
  • WORKS
    • Projects / 代表作・シリーズ
    • Commission / 企業依頼
    • Creative Coding Drawing
    • Creative-Coding-Illustration
  • BLUEPRINT
    • Watataku Blueprint / 記録と管理
    • LIFETIME-SOURCE-PROTOCOL
    • Diamond Path / 思考システム
    • Linked Batching / 執筆システム
    • Watatakuマニフェスト/ 未来の展望
    • 論理の哲学
    • 感性の哲学
    • MASTERY TRACE / Instagram投稿テーマ
  • METHOD
    • Processing
    • Processingの構文
    • p5.js
  • DOCUMENTARY
    • Analog Log
    • Linked Log
    • Life & Thought
  • CONTACT
  1. ホーム
  2. Processing & p5.js

Processing & p5.js– tag –

  • Processingとp5.jsで描画したアステロイド曲線。直線の集合が美しい星状の包絡線を描く幾何学アート【WSN : L-002】

    【Processingとp5.js】包絡線でアステロイド曲線を描く【WSN : L-002】

    2026年1月11日
    Linked Log
  • Processingとp5.jsで制作されたジェネラティブアート作品【WSN: D-001】。ベージュの画用紙風の背景に、直線の重なりでできた星のような包絡線がランダムなサイズと位置で無数に描かれている。

    【Processing & p5.js】包絡線のランダム増殖と密度設計【WSN : D-001】

    2026年1月11日
    Digital Log
  • p5.jsとProcessingで描いた1600×900の包絡線(放物線)。直線の重なりが生み出す数学的な曲線美。

    直線の集合が曲線に変わる魔法。包絡線をProcessingとp5.jsで描く【WSN : L-001】

    2026年1月10日
    Linked Log
1
ワタタク(Watataku)
上達の研究家 / アーティスト
独学1年9ヶ月で虎ノ門ヒルズ49階、地上250mのインフィニティプールへ作品提供・展示

言葉×コード×手書き。三位一体の表現が成長する過程の記録

【発信】クリエイティブコーディング(2024.3~) / 絵(2025.11~) / モレスキン / 思考法 / 生き方

▼運営者について
プロフィールを見る
カテゴリー
  • DOCUMENTARY (246)
    • Analog Log (4)
    • Digital Log (117)
      • Digital Log Genesis (116)
    • Life & Thought (123)
    • Linked Log (2)
  • METHOD (502)
    • AI / 研究・活用 (1)
    • Books / 資料・読書 (15)
    • p5.js (5)
    • Processing (461)
      • Processingの構文 (393)
    • Studio Gear / 画材・ツール (2)
    • Tips / PC・効率化 (10)
    • 手帳戦略 (4)
    • 言語化 (4)
  • WORKS (1)
    • Commission (1)
アーカイブ
タグ
AI式絵画術 (2)Flow Field (4)minacoding2025 (30)Processing & p5.js (3)WSN:Analog (4)WSN : Linked (2)アーティスト活動 (7)アートビジネス (2)エッセイ (2)クリエイティブコーディング (5)コンテスト (4)コードなし (40)ソースコード公開 (60)ブラックウイング (2)マインドセット (11)モレスキン (5)レビュー (2)三角関数 (4)上達の法則 (6)上達記録 (25)入門書 (6)公募 (8)初心者向け (7)図形 (2)完璧主義 (2)後で学ぶ項目 (4)応用したい表現 (10)思考整理 (2)思考法 (4)挑戦 (3)数学的な形状 (3)数学的思考 (2)数式 (4)水玉模様 (2)独学 (5)目標達成 (4)絵の上達 (5)緑を使った作品 (2)線 (2)自己啓発 (4)自然の表現に活かせる (9)道具 (2)配列 (5)鉛筆画 (3)音楽 (2)
新着記事
  • トンボ鉛筆8900 Bの長さを活かし、リングを飛び越えてペン先を紙面に届かせるクローズアップ。左利き・右利き問わず有効なシステム手帳の筆記ハック。
    システム手帳の「リング干渉」を使い始めの鉛筆で物理的に解決した
    2026年1月11日
    手帳戦略
  • トンボ鉛筆8900 Bで描かれた手描きの包絡線(アステロイド曲線)。フリーハンドによる線のゆらぎと、紙に刻まれた鉛筆の生々しい質感が強調されたクローズアップ。
    包絡線は「定規」を使って書くべきか?手描きに宿る品格の正体【WSN : A-009】
    2026年1月11日
    Analog Log
  • Processingとp5.jsで描画したアステロイド曲線。直線の集合が美しい星状の包絡線を描く幾何学アート【WSN : L-002】
    【Processingとp5.js】包絡線でアステロイド曲線を描く【WSN : L-002】
    2026年1月11日
    Linked Log
  • Processingとp5.jsで制作されたジェネラティブアート作品【WSN: D-001】。ベージュの画用紙風の背景に、直線の重なりでできた星のような包絡線がランダムなサイズと位置で無数に描かれている。
    【Processing & p5.js】包絡線のランダム増殖と密度設計【WSN : D-001】
    2026年1月11日
    Digital Log
  • p5.jsとProcessingで描いた1600×900の包絡線(放物線)。直線の重なりが生み出す数学的な曲線美。
    直線の集合が曲線に変わる魔法。包絡線をProcessingとp5.jsで描く【WSN : L-001】
    2026年1月10日
    Linked Log
人気記事
  • PC画面左上の赤いマイクのアイコンの消し方【Windows11】
    PC画面左上の赤いマイクのアイコンの消し方【Windows11】
    Tips / PC・効率化
  • グーグルクロームのタブの文字サイズを大きくした方法【Windows11】
    グーグルクロームのタブの文字サイズを大きくした方法【Windows11】
    Tips / PC・効率化
  • 【Processing】fillの使い方を画像つきで解説【色がついた図形たちはきっと喜んでいる】
    【Processing】fillの使い方を画像つきで解説【色がついた図形たちは、きっと喜んでくれている】
    Processingの構文
  • 【Processing】random()関数【指定した範囲内でランダムな数を生成し、それを使って表現する】
    【Processing】random()関数【指定した範囲内でランダムな数を生成し、それを使って表現する】
    Processingの構文
  • 【Processing】arcの使い方【画像とコード付き】
    【Processing】arcの使い方【画像とコード付き】
    Processingの構文
目次