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 –

  • 直線だけで描いた顔と山と木の手描きスケッチと気づきのメモが書かれたノートの見開きページ

    線だけで「顔・山・木」を描いてみた実験ログ|幾何学の視点で見つけた表現の楽しさと脳の疲れ【WSN : A-012 ~ A-013】

    2026年11月7日
    Analog Log
  • 「公理(Axiom)とは何か?」と書かれたブログアイキャッチ画像。サイバー空間を模した3Dデジタル背景。左側には巨大な青いネオンで「公理 AXIOM」と「証明不要の絶対ルールと『定理』との違いをコードで理解する」という文字、そしてその基礎から伸びるカラフルな光のラインが、右上にある金色の「定理 THEOREM」の構造物へと繋がっている。左下では、眼鏡をかけた男性(ワタタク)が手元のホログラム画面でProcessingのコードを操作しており、周囲には座標や数式、幾何学的なワイヤーフレーム、さらに「幾何学と構造 × Processing」の文字が描かれ、公理が「すべての土台(大前提)」であることを表現している。

    公理(Axiom)とは何か?証明不要の絶対ルールと「定理」との違いをコードで理解する

    2026年11月7日
    幾何学と構造
  • 幾何学×Processing」第3回 線の定義と3つの分類を解説するグラフィック。暗い背景にグリッドや座標軸、数式、Processingのコードが並び、3種類の『線』が光るベクトルで比較されています。 1. 「線分 (Segment)」:x1, y1 と x2, y2 の『2つの端点でピタッと止まる線』。青い光で示され、対応するコード「line(x1, y1, x2, y2);」が添えられています。 2. 「半直線 (Ray)」:左の『始点』から右へ矢印と点線で『1つの点から片方へ無限に伸びる』様子を黄色い光で示しています。 3. 「直線 (Line)」:両端に矢印と点線がつき、画面の端から端まで『両端に終わりがなく、無限に伸び続ける』様子を赤い光で示しています。 右上には「0次元 (点) → 1次元 (線)」や座標ベクトルなどの数学的メモが描かれ、幾何学の公理とコードのつながりを視覚化したデザインです

    【幾何学×Processing】第3回 私たちが line() で描いているのは「直線」ではない?線の定義と3つの分類

    2026年11月7日
    幾何学と構造
  • 大きさゼロの点に幅・長さ・面積・体積を与えて次元を立ち上げるProcessingの実験記事のアイキャッチ画像

    大きさゼロの「点」に、幅・長さ・面積・体積を与えてみた ― Processingの point() だけで立ち上げる次元の実験【WSN : L-011~L-015】

    2026年11月6日
    Linked Log
  • さまざまなペン(シャープペンシル、ボールペン、マーカー)で紙の上に打った点の大きさと滲みの比較アップ

    数学者は「点は大きさゼロ」と言うが、紙の上に打ってみたらどうなるのか?【WSN : A-011】

    2026年11月6日
    Analog Log
  • ノート上のペン先から0次元の点、座標軸、立体へと世界が立ち上がる様子を描いた「幾何学×Processing」第1回のアイキャッチ。

    【幾何学×Processing】第2回:世界を作る最小の部品「点」の正体とは?

    2026年11月6日
    幾何学と構造
  • 青を基調とした背景に幾何学的な座標軸・ワイヤーフレームとProcessingのコードが浮かぶ、幾何学×Processing第1回のアイキャッチ画像

    【幾何学×Processing】第1回:幾何学とは何か?世界を「形とルール」で捉え直すプロローグ

    2026年11月6日
    幾何学と構造
  • クリエイティブコーディングのNO IMAGE画像

    数学・物理が苦手でも大丈夫!『The Nature of Code』挫折しないための学習ロードマップ

    2025年7月27日
    Books / 資料・読書
12
ワタタク(Watataku)
クリエイティブコーダー
独学1年9ヶ月で虎ノ門ヒルズ49階、地上250mのインフィニティプールへ作品提供・展示

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

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

▼運営者について
プロフィールを見る
カテゴリー
  • DOCUMENTARY (269)
    • Analog Log (10)
    • Digital Log (117)
      • Digital Log Genesis (116)
    • Life & Thought (127)
    • Linked Log (15)
  • METHOD (530)
    • AI / 研究・活用 (1)
    • Books / 資料・読書 (16)
    • Java (10)
      • Javaの構文 (4)
    • p5.js (5)
    • Processing (463)
      • Processingの構文 (393)
    • Studio Gear / 画材・ツール (3)
    • Tips / PC・効率化 (10)
    • デザインと設計 (1)
    • 幾何学と構造 (6)
    • 手帳戦略 (4)
    • 言語化 (11)
  • WORKS (1)
    • Commission (1)
アーカイブ
タグ
AI式絵画術 (3)Explorable Explanations (3)Flow Field (4)minacoding2025 (30)p5.js (3)Processing (8)Processing & p5.js (3)WSN:Analog (5)WSN : Linked (11)アーティスト活動 (7)エッセイ (2)クリエイティブコーディング (14)コンテスト (4)コードなし (40)ソースコード公開 (71)バウハウス (4)マインドセット (15)モレスキン (7)レビュー (2)三角関数 (4)上達の法則 (6)上達記録 (28)入門書 (6)公募 (8)初心者向け (9)図形 (2)幾何学 (20)後で学ぶ項目 (4)応用したい表現 (10)思考法 (4)挑戦 (3)数学 (17)数学的な形状 (5)数式 (4)水玉模様 (2)独学 (5)目標達成 (4)絵の上達 (7)緑を使った作品 (2)自己啓発 (4)自然の表現に活かせる (9)語彙力 (9)道具 (2)配列 (5)鉛筆画 (3)
新着記事
  • 記事のアイキャッチ画像。左上に「四角形ってなに? 世界を「まっすぐ」に切り取る、安心と秩序をつくる4つのカドの秘密 / 2026.11.14 / 幾何学・「デザイン」・秩序」というテキスト。画面中央には、赤と青の直線的な四角いフレームが幾重にも重なり立体的に描かれています。背景は左右で対比されており、左半分は波や植物のような有機的で流動的な曲線(自然・カオス)、右半分はグリッド(格子)や積み木のような立方体が並ぶ幾何学的で規則正しい直線(秩序・人工物)で構成され、四角形が世界を整理する様子を表現したグラフィカルなイラストです。
    【四角形ってなに?】世界を「まっすぐ」に切り取り、安心と秩序をつくる4つのカドの秘密
    2026年11月14日
    言語化
  • 2つの円弧が交差した場所を点Cとして確定し、定規で点A・点Bと結んで三角形ABCを完成させた作図ステップ4の写真
    手描きで正確な三角形を描く順序とは?定規とコンパスを使った作図の基本ステップ【WSN : A-018】
    2026年11月13日
    Analog Log
  • 暗いサイバー空間のような背景に、光り輝く三角形と平行補助線が描かれた、「幾何学×Processing」第4回のアイキャッチ画像。上部に「【幾何学×Processing】第4回 点と線が織りなす「三角形」の真実 内角の和180°をコードと平行線で証明する」と大きくタイトルが表示されています。 中央には頂点A、B、Cを持つ三角形があり、頂点Aを通る「水平な平行補助線(一直線)」が左右に伸びています。底辺の角B(青)と角C(黄)が、錯角によって頂点Aの左右(「B」「C」)にそれぞれワープし、元からある角A(赤)と合わさって「半円(まっすぐな直線)」を形作っている様子が、色鮮やかな扇形と矢印で図解されています。 背景には、グリッド線や幾何学的なベクトル、スライダー、そしてProcessingのソースコード「angleA = degrees(PVector.angleBetween(vAB, vAC));」などがサイバー感のあるネオンカラーで重なり合っています。
    【幾何学×Processing】第4回 点と線が織りなす「三角形」の真実:内角の和180°をコードと平行線で証明する
    2026年11月12日
    幾何学と構造
  • p5.jsで描画した三角形のジェネレーティブアート。暗いグリッド背景の中央に、黄色の光の層が重なる鋭角の三角形と、重心から上部の頂点へ向かって伸びる赤いベクトル線が描かれている。
    【p5.js】三角形の「張力とベクトル」を光で描く!コード実装を徹底解説【WSN : L-019】
    2026年11月10日
    Linked Log
  • 「【三角形ってなに?】世界に「動き」と「力」を生むいちばん強い形 ピラミッドからスマホの再生ボタンまで!」という記事タイトル。暗闇を切り裂き光を放つ黄色い巨大な再生ボタン(三角形)と、デジタルな四角いブロック、トラス構造の橋、火花のような光の粒子が、力強くダイナミックに描かれたアイキャッチ画像。右下には「2026 11/09 ワタタク / Watataku 言語化」のクレジット。
    【三角形ってなに?】ピラミッドからスマホの再生ボタンまで!世界に「動き」と「力」を生むいちばん強い形
    2026年11月9日
    言語化
人気記事
  • 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の構文
目次