クリエイティブコーディングロード

• 11月（1ヶ月目）
  • [【鉛筆画】始める「丸」を描くことからのスタートしてみて、最初にマニフェストを考えようと思った）]
• 12月（2ヶ月目）：[記事準備中]

• 1月（11ヶ月目）
  • 【クリエイティブコーディング】2025年1月の上達【作品をつくり始め、コードの理解が深まった】
• 2月（12ヶ月目）
  • 【クリエイティブコーディング】2025年2月の上達【Processingで、画像処理に挑戦した】
• 3月（1年と1ヶ月目）
  • クリエイティブコーディングブログ1周年達成と振り返り【2024年3月15日～2025年3月15日】
  • 【クリエイティブコーディング】2025年3月の上達【初展示することができた】
• 4月（1年と2ヶ月目）
  • 【クリエイティブコーディング】2025年4月の上達【やってみたいという画像表現を作成した】
• 5月（1年と3ヶ月目）
  • 【クリエイティブコーディング】2025年5月の上達【大反省と休憩期間】
• 6月（1年と4ヶ月目）
  • 【月間30作品制作で実感】クリエイティブコーディングの伸び悩みを打ち破った3つの発見（2025年6月の上達の記録）
• 7月（1年と5ヶ月目）
  • 【脱・何作る問題】クリエイティブコーディングで挫折しない「作品テーマとコンセプト」設定術【2025年7月の上達】
• 8月（1年と6ヶ月目）
  • 【2025年8月の上達】PC新調から部屋の模様替え、DaVinci Resolve導入まで
• 9月（1年と7ヶ月目）
  • 準備中
• 10月（1年と8ヶ月目）
  • 準備中
• 11月（1年と9ヶ月目）
  • 準備中
• 12月（1年と10ヶ月目）
  • 準備中

• 3月（1ヶ月目）
  • 【2024年3月の上達】なぜProcessingを勉強するのかを考え、続けていけると思えるようになった
• 4月（2ヶ月目）
  • 【Processing 2024年4月の上達】作品をつくる準備を整えた期間。知識の吸収とアウトプットの効率化
• 5月（3ヶ月目）
  • 【Processing】2024年5月に上達を感じたこと【基本的な図形を描けるようになった】
• 6月（4ヶ月目）
  • Processing 2024年6月の上達】紙の手帳の使い方を変えて、勉強と練習量が増えた
• 7月（5ヶ月目）
  • 【Processing 2024年7月の上達】作品制作に時間をかけ、達成感を感じた
• 8月（6ヶ月目）
  • 【Processing 2024年8月の上達】ジェネラティブアートコンテストに挑戦。当時は難しめの内容を表現できて自信になった
• 9月（7ヶ月目）
  • 【Processing】2024年9月の上達【約373.33%の生産性向上】
• 10月（8ヶ月目）
  • 【Processing】2024年10月の上達【クラスを理解できて超嬉しいこと・休憩の大切さ】
• 11月（9ヶ月目）
  • 【Processing】2024年11月の上達【構文をやりきった】
• 12月（10ヶ月目）
  • 【Processing】2024年12月の上達【作品制作のための準備期間】

• 1月（11ヶ月目）
  • 【クリエイティブコーディング】2025年1月の上達【作品をつくり始め、コードの理解が深まった】
• 2月（12ヶ月目）
  • 【クリエイティブコーディング】2025年2月の上達【Processingで、画像処理に挑戦した】
• 3月（1年と1ヶ月目）
  • クリエイティブコーディングブログ1周年達成と振り返り【2024年3月15日～2025年3月15日】
  • 【クリエイティブコーディング】2025年3月の上達【初展示することができた】
• 4月（1年と2ヶ月目）
  • 【クリエイティブコーディング】2025年4月の上達【やってみたいという画像表現を作成した】
• 5月（1年と3ヶ月目）
  • 【クリエイティブコーディング】2025年5月の上達【大反省と休憩期間】
• 6月（1年と4ヶ月目）
  • 【月間30作品制作で実感】クリエイティブコーディングの伸び悩みを打ち破った3つの発見（2025年6月の上達の記録）
• 7月（1年と5ヶ月目）
  • 【脱・何作る問題】クリエイティブコーディングで挫折しない「作品テーマとコンセプト」設定術【2025年7月の上達】
• 8月（1年と6ヶ月目）
  • 【2025年8月の上達】PC新調から部屋の模様替え、DaVinci Resolve導入まで
• 9月（1年と7ヶ月目）
  • 【2025年9月の上達記録】創造の”渋滞”を解消！僕が発見した3つのシンプルな法則【作品157】
• 10月（1年と8ヶ月目）
  • 準備中
• 11月（1年と9ヶ月目）
  • 準備中
• 12月（1年と10ヶ月目）
  • 準備中

• 3月
  • 準備中
• 4月
  • 準備中
• 5月
  • 準備中
• 6月
  • 準備中
• 7月
  • 準備中
• 8月
  • 準備中
• 9月
  • 準備中
• 10月
  • 準備中
• 11月
  • 準備中
• 12月
  • 準備中

【Processing】上達を感じている独学方法まとめ【箇条書き】

いつ学び、いつ記事にしたのかチェックしていくための記事。

リファレンスはどれだけあり、どれくらいかかるのかを見えるようにし、学習意欲を保つ。

【Processing】リファレンス学習チェックリスト

• キャンバスサイズ（size）　
• 背景（background）　
• 背景色 白と黒（background）

• 点（point）　
• 線（line）　
• 楕円（ellipse）　
• 楕円の位置（ellipseMode）　
• 四角形（rect）　
• 四角形の位置（rectMode）　
• 三角形（triangle）　
• 台形（quad）　
• 弧（arc）　
• ベジェ曲線（bezier）　
• circle()　
• square()　
• bezierDetail()　
• bezierPoint()　
• bezierTangent()　
• curveDetail()　
• curvePoint()　
• curveTangent()　
• curveTightness()　
• curve()

• 輪郭線をなくす（noStroke）　
• 輪郭線の太さを調整する（strokeWeight）　
• 輪郭線の形を変える（strokeCap）←pointの記事にあるが改めて書き足し　
• 輪郭の角の形を変える（strokeJoin）

• 塗りつぶし（fill）　
• 塗りつぶさない（noFill）　
• 輪郭の色（stroke）　
• color()　
• clear()　
• colorMode()

• 楕円の位置（ellipseMode）　
• 四角形の位置（rectMode）　
• blendMode（図形の見え方の違い）　
• blendMode（画像の見え方の違い）　
• strokeCap()

• 変数の書き方　
• 変数の名前のつけ方　
• 変数で色を表現　
• 組み込み変数widthとheight　
• 変数名の英単語の意味と何の英単語が省略されているのか　
• 変数で四則演算を使う方法

• void setup()　
• void draw()　
• redraw()

• println　
• print()　
• printArray()

• noLoop　
• loop　
• isLooping

• 演算子　
• 複合関係演算子　
• 論理演算子（AND・OR・NOT）　
• if　
• else　
• else if　
• 準備中

• mouseの重要知識　
• mouseXとmouseY　
• pmouse　
• mousePressed変数　
• mousePressed()関数　
• mouseButton　
• mouseReleased()関数　
• mouseMoved()関数　
• mouseDragged()関数　
• mouseClicked()　
• mouseWheel()　

• keyPressed変数　
• key変数　
• keyCode変数　
• keyPressed関数　
• keyReleased関数　
• keyTyped()

• fps

• noCursor()
• 　
• cursor()

• while　
• for　
• forとwhileの違い

• char変数　String変数　
• length()メソッド　
• startsWith()メソッド　
• endsWith()メソッド　
• charAt()メソッド　
• toLowerCase()メソッド　
• toUpperCase()メソッド　
• substring()メソッド
• text()関数　
• textSize()関数　
• createFont()関数　
• create()関数とtextFont()関数の違い　
• textFont()関数　
• pFont　
• loadFont()　
• textLeading()　
• textAlign()　
• textWidth()　
• textSize()　
• \n　
• 使えるフォント一覧（347個）　
• textMode()

• オブジェクト指向　
• クラス　
• コンストラクタ　
• フィールド　
• メソッド　
• オブジェクト　
• インスタンス　
• カプセル化　
• new　
• はじめてのクラスを使ったコードの作成手順　
• クラスのファイルの分割方法　
• 継承（スーパークラス・親クラス）と（サブクラス・子クラス）　
• オーバーライド　
• 継承とオーバーライドの違い

• PImage　
• loadImage()関数　
• image()関数　
• imageMode()関数　
• tint()関数　
• noTint()関数　
• filter()関数　
• mask()メソッド　
• requestImage()

• 座標変換について　
• translate()関数　
• pushMatrix()関数　
• popMatrix()関数　
• rotate()関数　
• scale()関数　
• applyMatrix()　
• printMatrix()　
• resetMatrix()　
• shearX()　
• shearY()

• beginShape()関数　
• endShape()関数　
• vertex()関数　
• curveVertex()関数　
• bezierVertex()関数　
• beginContour()関数　
• endContour()関数　
• quadraticVertex()

• 3Dの役割　
• P3D　
• box()関数　
• sphere()関数　
• lights()関数　
• rotateX()関数　
• rotateY()関数　
• rotateZ()関数　
• directionalLight()関数　
• ambientLight()関数　
• pointLight()関数　
• spotLight()関数　
• ambient()関数　
• lightSpecular()関数　
• shininess()　
• specular()関数　
• texture()関数　
• textureMode()関数　
• textureWrap()　
• sphereDetail()　
• lightFalloff()　
• noLights()　
• normal()　
• emissive()　
• beginCamera()　
• camera()　
• endCamera()　
• frustum()　
• ortho()　
• perspective()　
• printCamera()　
• printProjection()　

• PShape　
• shape()関数　
• shapeMode()関数　
• PShape.disableStyle()　
• PShape.enableStyle()　
• createShape()関数　
• setFill()　
• setStroke()　
• getVertexX()　
• getVertexY()　
• setVertex()　
• getVertexCount()　
• loadShape()　

動きや直接描くことに応用できる技術の基礎

• sq()　
• aqrt()　
• pow()　
• norm()　
• lerp()　
• map()　
• ceil()　
• floor()　
• round()　
• min()　
• max()　
• constrain()　
• abs()　
• dist()　
• PI　
• QUARTER_PI　
• HALF_PI　
• TWO_PI　
• radians()　
• degrees()関数　
• sin()　
• cos()　
• acos()　
• asin()　
• atan　
• atan2()　
• TAU　
• dist()　
• exp()　
• log()　
• mag()

• random()　
• randomSeed()　
• noise()　
• noiseSeed()　
• noiseDetail()　
• randomGussian()

• second()　
• minute()　
• hour()　
• millis()　
• day()　
• month()　
• year()

自作関数

• 配列(Array)　
• Array.length　
• printArray()　
• append()　
• shorten()　
• expand()　
• arrayCopy()　
• ArrayList　
• concat()　
• reverse()　
• sort()　
• splice()　
• subset()　

• \n　
• \t　
• nf()　
• saveStrings()　
• exit()　
• PrintWriter　
• createWriter()　
• PrintWriter.flush()　
• PrintWriter.close()　
• loadStrings()　
• split()　
• Table　
• loadTable()　
• Table.getRowCount()　
• Table.getInt()　
• Table.getString()　
• TableRow　
• XML　
• loadXML()　
• XML.getChildren()　
• XML.getContent()　
• XML.getString()　
• JSONArray
• loadJSONArray()　
• JSONArray.size()　
• JSONObject　
• JSONArray.getJSONObject()　
• JSONObject.getString()　
• JSONObject.getInt()　
• JSONObject.getFloat()　
• ArrayList　
• FloatDict　
• FloatList　
• HashMap　
• IntDict　
• IntList　
• StringDict　
• StringList　
• Table

• get()　
• set()　
• copy()　
• red()　
• green()　
• blue()　
• alpha()　
• hue()　
• saturation()　
• brightness()　
• pixels[]　
• loadPixels()　
• updatePixels()　
• blend()

• hint()　
• PGraphics　
• createGraphics()　
• beginDraw()　
• endDraw()　
• PGraphics.clear()　
• clip()　
• noClip()

• binary()　
• boolean()　
• byte()　
• char()　
• float()　
• hex()　
• int()　
• str()　
• unbinary()　
• unhex()

• boolean　
• byte　
• char　
• color　
• double　
• int　
• long　
• float

• join()　
• matchAll()　
• match()　
• nf()　
• nfc()　
• nfp()　
• nfs()　
• splitTokens()　
• trim()

• BufferReader　
• createInput()　
• createReader()　
• launch()　
• loadBytes()　
• loadJSONArray()　
• loadJSONObject()　
• loadStrings()　
• loadTable()　
• loadXML()　
• parseJSONArray()　
• parseJSONObject()　
• parseXML()　
• selectFolder()　
• selectInput()　
• beginRaw()　
• beginRecord()　
• createOutput()　
• endRaw()　
• endRecord()　
• saveBytes()　
• saveJSONArray()　
• saveJSONObject()　
• saveStream()　
• saveTable()　
• saveXML()　
• selectOutput()

• textAscent()　
• textDescent()

• PShader　
• loadShader()　
• resetShader()　
• shader()

PVector

• 複合代入演算子　
• 四則演算　
• ％

• &　
• |　
• <<　
• >>　
• 論理演算子（&& || !）

• save　
• saveFrame()

• modelX()、modelY()、modelZ()　
• screenX()、screenY()、screenZ()

• []（配列をしようするときに使う）　
• =（代入演算子と呼ばれる。右側の値や計算結果を左側の変数に代入するために使う）　
• catch　
• class　
• ,(複数の引数を関数に渡すときや、配列の要素を区切るときに使用する)　
• comment(プログラムの中でメモを書き込むために使う　//のあとに書く)　
• {}(コードのブロック（まとまり）を示すために使われる)　
• /** */　
• .(オブジェクトやクラスのメンバ（変数やメソッド）にアクセスするために使う)　
• draw()　
• exit()　
• extends　
• false　
• final　
• implements　
• import　
• /* */　
• new　
• noLoop()　
• null（「何もない」という意味）　
• ()（丸括弧は、特別な命令（関数）を実行するために使う）　
• popStyle()　
• pop()　
• private　
• public　
• pushStyle()　
• push()　
• return()　
• ;　
• setLocation()　
• setResizable()　
• setTitle()　
• static　
• super　
• this　
• thread()　
• true　
• try　
• void

• break　
• case　
• ?:　
• continue　
• default　
• switch

• cursor()　
• delay()　
• focused　
• frameCount　
• frameRate　
• frameRate()　
• fullScreen()　
• height　
• noCursor()　
• noSmooth()　
• pixelDensiity()　
• pixelHeight　
• pixelWidth　
• settings()　
• size()　
• smooth()　
• width　
• windowMove()　
• windowMoved()　
• windowRatio()　
• windowResizable()　
• windowResize()　
• windowResized()　
• windowTitle()　
• displayWidth　
• displayDensity()　
• displayHeight

• processing.svg

• 四角柱10作品（2024年6月22日）　
• 楕円だけで100作品

• 【Processing】ギター抽象画の作例

• 【読んだ効果とレビュー】Processing ビジュアルデザイナーとアーティストのためのプログラミング入門【上達を感じた読み方と読み終えてからの行動】
  • 2024年5月8日に購入→同年11月14日に読み終える

• Processing関連用語集　
• 変数名の英単語の意味と何の英単語が省略されているのか

• 関数とは　
• 引数とは　
• 戻り値（返し値）とは　
• 戻り値（返し値）がないとは　
• 呼び出すとは　
• 呼び出し元とは　
• 定数とは　
• 修飾キーとは