MENU
  • ABOUT
    • ブログの歩き方
    • プロフィール
    • Watataku Genesis / 起源の物語
  • CV
  • WORKS
    • Projects / 代表作・シリーズ
    • Commission / 企業依頼
  • BLUEPRINT
    • Watataku Blueprint / 記録と管理
    • Diamond Path / 思考システム
    • Linked Batching / 執筆システム
    • Watatakuマニフェスト/ 未来の展望
    • 論理の哲学
    • 感性の哲学
  • METHOD
  • DOCUMENTARY
    • Life & Thought
  • CONTACT
Processingと手描きで描くジェネラティブアート。人生とコードを構築する上達の実験室
クリエイティブコーディングロード
  • ABOUT
    • ブログの歩き方
    • プロフィール
    • Watataku Genesis / 起源の物語
  • CV
  • WORKS
    • Projects / 代表作・シリーズ
    • Commission / 企業依頼
  • BLUEPRINT
    • Watataku Blueprint / 記録と管理
    • Diamond Path / 思考システム
    • Linked Batching / 執筆システム
    • Watatakuマニフェスト/ 未来の展望
    • 論理の哲学
    • 感性の哲学
  • METHOD
  • DOCUMENTARY
    • Life & Thought
  • CONTACT
  1. ホーム
  2. METHOD
  3. p5.js

p5.js– category –

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

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

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

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

    2025年8月13日
    p5.js
  • 【p5.js】mouseX/widthについて【中間色を表現したいときに特に役に立つ】

    【p5.js】mouseX/widthについて【中間色を表現したいときに特に役に立つ】

    2025年2月21日
    p5.js
  • 【p5.js】pushの使い方【配列に新しいデータやオブジェクトを追加できる】

    【p5.js】pushの使い方【配列に新しいデータやオブジェクトを追加できる】

    2025年1月25日
    p5.js
  • 【p5.js】varとletとconstの違いについて

    【p5.js】varとletとconstの違いについて

    2025年1月14日
    p5.js
1
ワタタク(Watataku)
上達の研究家
クリエイティブコーディング(2024.3~) × アナログ絵画(2025.11~)

独学1年9ヶ月で、虎ノ門ヒルズ ステーションタワー TOKYO NODE SKY GARDEN & INFINITY POOLへ作品提供・展示。

【発信内容】クリエイティブコーディングと 手描きの絵を組み合わせた表現の探究と、上達の過程。

制作を支える「愛用の文房具・思考法」。

▼ 思考を作品に変える「脳内OS」
Watataku Blueprintを見る
カテゴリー
  • DOCUMENTARY (234)
    • Coding Log (116)
    • Life & Thought (118)
  • METHOD (495)
    • Books / 資料・読書 (17)
    • p5.js (5)
    • Processing (461)
      • Processingの構文 (393)
    • Studio Gear / 画材・ツール (2)
    • Tips / PC・効率化 (10)
  • WORKS (1)
    • Commission (1)
アーカイブ
タグ
Flow Field (4)minacoding2025 (30)NOLTY (1)アートビジネス (2)コンテスト (4)コードあり (57)コードなし (40)ステッドラー (1)データビジュアライゼーション (1)パーリンノイズ (1)ピクセルジュエル (1)ヘキサゴナル (1)マインドセット (6)メディアアート (1)モーション (1)三角関数 (4)上達法 (1)上達記録 (21)中級者向け (1)作家活動 (6)入門書 (6)公募 (7)初心者向け (6)名言 (1)図形 (2)大阪・関西万博 (1)学習が進んだら再確認する表現あり (1)展示 (1)展覧会 (1)後で学ぶ項目 (4)応用したい表現 (10)手帳術 (3)挑戦 (3)数字の作品 (1)数学 (1)数式 (4)水玉模様 (2)無職の英雄 (1)目標達成 (3)社会課題 (1)緑を使った作品 (2)自己啓発 (3)自然の表現に活かせる (9)配列 (5)音楽 (2)
新着記事
  • 虎ノ門ヒルズ TOKYO NODE 49階 SKY GARDEN & POOLにて、インフィニティプールと夜景を背景に、壁面に投影されたワタタクの作品「童心にかえろう」の展示風景。
    【Commission】虎ノ門ヒルズ49階・天空のインフィニティプール展示作品「童心にかえろう」【C-001】
    2025年12月16日
    Commission
  • NASA-inspired 限定版カイエジャーナル大判、無地のカイエジャーナル2冊セットのモレスキンノートの表紙と、スペースシャトルのグラフィック。キャンペーン当選報告記事のアイキャッチ画像。
    モレスキン『NASA限定版』が当選。この”無地”の広さは、僕が宇宙(未来)へ飛び立つための滑走路
    2025年12月11日
    Life & Thought
  • カラフルな花火が全体に広がっている。
    カラフルな花火【作品162-164】
    2025年11月21日
    Coding Log
  • 無数のカラフルな六角形(ヘキサゴン)が複雑に重なり合い、抽象的な風景やテクスチャを形成しているデジタルアート作品。淡いパステルカラーを中心に、青、黄、赤、緑などが混じり合い、奥行きと動きのある印象を与えている。
    【公募:第3回 DIGITAL SPRINGBOARD】テーマ:アクターネットワークに応募した作品160と161
    2025年11月19日
    Life & Thought
  • クリエイティブコーディングのメインビジュアルをスクリーンショットした画像。青と水色を基調として、黄色と緑がある六角形の美しい形がちりばめられている。
    【お知らせ】ブログの顔が変わりました!メインビジュアルを刷新しました【作品159】
    2025年11月15日
    Life & Thought
人気記事
  • PC画面左上の赤いマイクのアイコンの消し方【Windows11】
    PC画面左上の赤いマイクのアイコンの消し方【Windows11】
    Tips / PC・効率化
  • 【Processing】fillの使い方を画像つきで解説【色がついた図形たちはきっと喜んでいる】
    【Processing】fillの使い方を画像つきで解説【色がついた図形たちは、きっと喜んでくれている】
    Processingの構文
  • グーグルクロームのタブの文字サイズを大きくした方法【Windows11】
    グーグルクロームのタブの文字サイズを大きくした方法【Windows11】
    Tips / PC・効率化
  • 【Processing】arcの使い方【画像とコード付き】
    【Processing】arcの使い方【画像とコード付き】
    Processingの構文
  • 【Processing】random()関数【指定した範囲内でランダムな数を生成し、それを使って表現する】
    【Processing】random()関数【指定した範囲内でランダムな数を生成し、それを使って表現する】
    Processingの構文
目次