MENU
  • ABOUT
    • ブログの歩き方
    • プロフィール
    • 参謀リオンについて
    • 上達の全記録【随時更新】
    • 使用手帳の全記録【随時更新】
    • 運営者にとっての作品とは
  • 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
    • ブログの歩き方
    • プロフィール
    • 参謀リオンについて
    • 上達の全記録【随時更新】
    • 使用手帳の全記録【随時更新】
    • 運営者にとっての作品とは
  • 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 –

  • モレスキンノートの見開きページに記録された包絡線のアナログ実験記録。左ページに直線を重ねた山型の実験(A-014)、右ページに正方形の枠内に葉の曲線を描いた実験(A-015)が並んでいる様子

    直線の反復から空間の貫通へ。包絡線のアナログ実験記録【WSN : A-014 ~ A-016】

    2026年11月8日
    Analog Log
1
ワタタク(Watataku)
クリエイティブコーダー
独学1年9ヶ月で虎ノ門ヒルズ49階、地上250mのインフィニティプールへ作品提供・展示

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

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

▼運営者について
プロフィールを見る
カテゴリー
  • DOCUMENTARY (266)
    • Analog Log (8)
    • Digital Log (117)
      • Digital Log Genesis (116)
    • Life & Thought (127)
    • Linked Log (14)
  • METHOD (527)
    • AI / 研究・活用 (1)
    • Books / 資料・読書 (16)
    • Java (10)
      • Javaの構文 (4)
    • p5.js (5)
    • Processing (463)
      • Processingの構文 (393)
    • Studio Gear / 画材・ツール (3)
    • Tips / PC・効率化 (10)
    • デザインと設計 (1)
    • 幾何学と構造 (5)
    • 手帳戦略 (4)
    • 言語化 (9)
  • WORKS (1)
    • Commission (1)
アーカイブ
タグ
AI式絵画術 (3)Flow Field (4)minacoding2025 (30)p5.js (2)Processing (7)Processing & p5.js (3)WSN:Analog (5)WSN : Linked (11)アーティスト活動 (7)クリエイティブコーディング (14)コンテスト (4)コードなし (40)ソースコード公開 (70)トンボ8900 (2)バウハウス (3)マインドセット (15)モレスキン (7)三角関数 (4)上達の法則 (6)上達記録 (28)入門書 (6)公募 (8)初心者向け (9)幾何学 (14)後で学ぶ項目 (4)応用したい表現 (10)思考法 (4)挑戦 (3)数学 (11)数学的な形状 (5)数学的思考 (2)数式 (4)水玉模様 (2)物理演算 (2)独学 (5)目標達成 (4)絵の上達 (7)緑を使った作品 (2)線 (2)自己啓発 (4)自然の表現に活かせる (9)語彙力 (7)配列 (5)鉛筆画 (3)音楽 (2)
新着記事
  • 無数の直線が重なり合って美しい曲線の波(包絡線)を描き出す幾何学アートの背景に、「包絡線ってなに? たくさんの線の動きが『見えない輪郭』をつくる不思議なルール」と書かれたアイキャッチ画像
    【包絡線ってなに?】たくさんの線の動きが「見えない輪郭」をつくる不思議なルール
    2026年11月8日
    言語化
  • p5.jsで描画したバウハウス着想の幾何学包絡線アート。ダークグレーの背景の中央に、青灰色の細い直線が交差して描くネフロイド状の曲線と、円周上に並ぶ白とオレンジ色の点(ノード)が表現されている。
    【p5.js×バウハウス】混沌(ノイズ)から秩序(幾何学包絡線)へ。バネ運動と色彩対比で描くジェネラティブアート【WSN : L-018】
    2026年11月8日
    Linked Log
  • モレスキンノートの見開きページに記録された包絡線のアナログ実験記録。左ページに直線を重ねた山型の実験(A-014)、右ページに正方形の枠内に葉の曲線を描いた実験(A-015)が並んでいる様子
    直線の反復から空間の貫通へ。包絡線のアナログ実験記録【WSN : A-014 ~ A-016】
    2026年11月8日
    Analog Log
  • 深いダークグレーの空間の中央で黄金の光を放つ黄色い円と、周囲を漂う無数の細い直線群を描いたp5.jsの実行画面
    【p5.js×自己効力感】「しなやかな心の復元力」をバネ運動(Hookeの法則)とイッテンの色彩対比でコードに翻訳する【WSN : L-017】
    2026年11月8日
    Linked Log
  • 自己効力感の仕組みや意味を解説する記事のアイキャッチ画像。「『きっとできる!』という心のエネルギーが生まれるしくみと美しい形 自己効力感ってなに? Creative Coding Journal / by Watataku クリエイティブコーダー ワタタク」の文字と、内発的な張力や光の波紋を表現したジェネラティブアートが描かれている。
    【自己効力感ってなに?】「きっとできる!」という心のエネルギーが生まれるしくみと美しい形
    2026年11月7日
    言語化
人気記事
  • 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の構文
目次