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. ソースコード公開

ソースコード公開– 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
  • 海と汚染された土地の境界線を示す抽象的なデジタルアート。左上には明るい青色の波のような模様が広がり、右下に向かって茶色や緑色の粒子が密集した、ざらついた質感の領域へと変化している。境界線は斜めに走り、自然の美しさと人間の影響による環境の変化を対比的に表現している。

    自然の反対側にある表現とは?クリエイティブコーディングで「社会」を描くことについて

    2025年8月25日
    p5.js
  • 中央の輝くコアから、無数のカラフルな粒子が放射状に広がる様子。クリエイターの「内なる自然(本質)」が、作品として生み出される創造性を象徴したアート。

    作品はあなた自身を映す鏡。「NATURE OF CODE」に隠された本当の意味について考える

    2025年8月13日
    p5.js
  • 無数の光の粒子が、暗い背景の中を風に流れるように優雅に舞い落ちる様子。クリエイティブコーディングによる生命感の表現。

    なぜか動きが”自然”になる魔法。クリエイティブコーディングで生命感を吹き込む法則

    2025年8月12日
    Processing
  • クリエイティブコーディングのテーマとコンセプトを北極星に見立てたイラスト。暗闇の中で輝く一つの星が、進むべき道筋を照らしている。

    【脱・何作る問題】クリエイティブコーディングで挫折しない「作品テーマとコンセプト」設定術【2025年7月の上達】

    2025年8月7日
    Life & Thought
  • クリエイティブコーディングの伸び悩みを打ち破る「3つの発見」をテーマにしたジェネラティブアート。暗い壁から放たれるカラフルな光が希望を象徴している。

    【月間30作品制作で実感】クリエイティブコーディングの伸び悩みを打ち破った3つの発見(2025年6月の上達の記録)

    2025年8月5日
    Life & Thought
  • 【作品129】プール

    2025年7月2日
    Digital Log Genesis
123...7
ワタタク(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 (501)
    • AI / 研究・活用 (1)
    • Books / 資料・読書 (15)
    • p5.js (5)
    • Processing (461)
      • Processingの構文 (393)
    • Studio Gear / 画材・ツール (2)
    • Tips / PC・効率化 (10)
    • 手帳戦略 (3)
    • 言語化 (4)
  • WORKS (1)
    • Commission (1)
アーカイブ
タグ
AI式絵画術 (2)Flow Field (4)minacoding2025 (30)Processing & p5.js (3)WSN:Analog (4)WSN : Linked (2)アーティスト活動 (7)エッセイ (2)クリエイティブコーディング (5)コンテスト (4)コードなし (40)ソースコード公開 (60)トンボ8900 (2)ブラックウイング (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で描かれた手描きの包絡線(アステロイド曲線)。フリーハンドによる線のゆらぎと、紙に刻まれた鉛筆の生々しい質感が強調されたクローズアップ。
    包絡線は「定規」を使って書くべきか?手描きに宿る品格の正体【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
  • 【アイキャッチ用】モレスキンのノートに描かれた「上達のサイクル」の図解と鉛筆。ゆっくりと気づきを重ねる哲学を象徴するイメージ。
    「急がない」が最速の近道。焦りを捨て「気づき」を即座に言語化する上達のサイクル
    2026年1月10日
    言語化
人気記事
  • 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の構文
目次