Processing.pyでアート #つぶやきProcessing
最近Twitterで流行っている #つぶやきProcessing に上げた作品のまとめ。
つぶやきProcessingとはTwitterではぅ君さんが取り組んでいたもので、１ツイート内に収まるProcessingのコードでアートを作るものです。
そういえば #つぶやきProcessing の説明をしていなかった。
— はぅ君 (@Hau_kun) June 5, 2019
Processingというデジタルアートのためのプログラミング言語があります。https://t.co/ynQwP6S1RR#つぶやきProcessing はProcessingを使い、1ツイートに収まるプログラムで、どこまでアートを表現できるかに挑戦するものです。
ツイートに収まるようにコードを調整する作業がパズルみたいな感じで楽しく、お盆休み中にかなり熱中してしまったので、コメント付きでコードをまとめておきます。
size(720, 720)
— ryotako (@ryotakob) August 9, 2019
background(255)
noFill()
stroke(0, 10)
ps = [(random(720), random(720)) for _ in range(10)]
for i in range(100):
curveTightness(i * 0.02 - 5)
beginShape()
for p in ps:
curveVertex(*p)
endShape()#つぶやきProcessing pic.twitter.com/t3YlCw5R8C
最初の挑戦。コードをツイートに収めるのが難しく、また楽しいことに気づく。このときは深く考えずに #つぶやきProcessing タグで投稿してしまったけれど、"#つぶやきProcessing .py" とかの方がPythonモードだと区別できて良かったかもですね。
size(720, 720)
— ryotako (@ryotakob) August 9, 2019
noFill()
clear()
[[curveTightness(i * 0.02 - 5) or beginShape() and [curveVertex(*p) for p in ps] and endShape() for i in range(100)] for ps in [[(random(720), random(720)) for _ in range(10)] for _ in range(5)] if not stroke(random(300), 20)]
#つぶやきProcessing pic.twitter.com/thxMjD3FjW
size(720, 720)
— ryotako (@ryotakob) August 9, 2019
noFill()
clear()
[[curveTightness(i * 0.02 - 5) or beginShape() and [curveVertex(*p) for p in ps] and endShape() for i in range(100)] for ps in [[(random(720), j*72) for j in range(10)] for _ in range(5)] if not stroke(-int(random(2**24)), 20)]
#つぶやきProcessing pic.twitter.com/d66C1AecFI
size(720, 720)
— ryotako (@ryotakob) August 9, 2019
translate(360, 360)
noFill()
clear()
stroke(-1, 9)
r = range
q = [(random(720), j * 36) for j in r(9)]
[[curveTightness(-i * 0.05) or beginShape() and [curveVertex(*p) for p in q] and endShape() for i in r(99)] for _ in r(6) if not rotate(PI/3)] #つぶやきProcessing pic.twitter.com/ctOxAJGHLE
Javaモードと違い、Pythonモードでは
① 文法上インデントが必須
② デフォルトのインデントが空白４文字 (Javaモードは空白２文字)
とインデントの文字数コストが高めです。 ...でもリスト内包表記だったらインデントせずに事実上のループができるな？と気づいてしまったのが上の３つのコード。
あとはぅ君さんのコードを見て、background(0)じゃなくてclear()で黒背景にできることを発見。また、線の色を白にするときはstroke(255)よりもstroke(-1)の方が少しだけ短くできます(Processingの色の実態は負の整数で、「白」は-1)。
size(360, 360, P2D)
— ryotako (@ryotakob) August 10, 2019
clear()
f = open("a", "w")
f.write("void main(){vec2 p=gl_FragCoord.xy/36-5;gl_FragColor=vec4((sin(dot(p, p.yx))));}")
f.close()
filter(loadShader("a")) #つぶやきProcessing pic.twitter.com/s9rQCNlt9S
size(360, 360, P2D)
— ryotako (@ryotakob) August 10, 2019
clear()
f = open("a", "w")
f.write("void main(){vec2 p=gl_FragCoord.xy/36-5;p+=fract(p.yx);gl_FragColor=vec4((fract(length(p))));}")
f.close()
filter(loadShader("a")) #つぶやきProcessing pic.twitter.com/MJwjNNW5EZ
size(360, 360, P2D)
— ryotako (@ryotakob) August 10, 2019
f = open("a", "w")
f.write("void main(){vec2 p=gl_FragCoord.xy/36-5;p*=sin(p.yx*2);gl_FragColor=vec4(p.x,p.y,p.y-p.x,1);}")
f.close()
filter(loadShader("a")) #つぶやきProcessing pic.twitter.com/ATQjHuWV84
size(360, 360, P2D)
— ryotako (@ryotakob) August 10, 2019
f = open("a", "w")
f.write("void main(){vec2 p=gl_FragCoord.xy/45-4;float r=length(p);gl_FragColor=vec4(0,1,1,1)*smoothstep(0, sin(5*atan(p.y,p.x)+r*r)+r+2,r);}")
f.close()
clear()
filter(loadShader("a")) #つぶやきProcessing pic.twitter.com/taQYxSWEUz
これらはシェーダーを作成して、それを読み込むもの。Pythonでファイルを読み書きする際は with open("ファイル名") as f: のコンテキストマネージャを使うことが多いけど、明示的にf.close()で閉じるほうが文字数的には少なくて済むみたい。
size(400, 400)
— ryotako (@ryotakob) August 10, 2019
clear()
stroke(-1, 50)
randomSeed(0)
a, b, c, d, x, y = [random(1, 2) for _ in range(6)]
for _ in range(1000000):
x, y = sin(a * y) - cos(b * x), sin(c * x) - cos(d * y)
point(200 + 100 * x, 200 + 100 * y)#つぶやきProcessing pic.twitter.com/kr8q6kcE2A
みんな大好きde Jongアトラクタ。"a, b, c, d, x, y = ..." みたいに複数変数に同時代入できるのはPythonの強み。あと今更だけど変数の型を書かなくていいのも便利ですね。
size(198, 198)
— ryotako (@ryotakob) August 12, 2019
noFill()
clear()
translate(99, 99)
stroke(-2 ** 16, 9)
[[rotate(1.26) or [[curveTightness(-i * 0.1), beginShape(), [curveVertex(*p) for p in [(sin(sq(i)) * 99, cos(i) * 50) for i in range(8)]], endShape()] for i in range(50)] for _ in range(5)]]#つぶやきProcessing pic.twitter.com/JJ6UUqic37
何やら必殺技エフェクトっぽい赤い模様をなんとかツイートに収めようと奮闘したもの。サイズを198×198にして中心座標を２桁(99)で指定できるようにしたり、回転角の TWO_PI/5 を数字の1.26で代用したり(3桁あれば案外なんとかなるみたい)、赤色をcolor(255, 0, 0) じゃなく-2**8で指定したり(Processingの「色」の実態は負の整数)しました。
size(400, 400)
— ryotako (@ryotakob) August 13, 2019
clear()
stroke(-1)
a, b, c, d, v, w = [15] * 6
for i in range(100000):
v = -v if sin(sq(i)) > 0.9 and [circle(c, d, 5)] else v
w = -w if cos(i*8) > 0.9 and [circle(c, d, 5)] else w
line(a, b, c, d)
a, b, c, d = c, d, c + v, d + w#つぶやきProcessing pic.twitter.com/vKaSfvACyl
擬似ランダムウォーク。インデントせずにifの条件分岐を使うために少し工夫。条件が真であった場合に丸を打つ処理を加えるため、丸を打つ処理を条件式として追加。circle()の戻り値はNone(条件としては偽)なので、[circle()]としています(空でないリストは条件としては真)。
def a(i, x):
— ryotako (@ryotakob) August 13, 2019
return (1 if x % 400 < 267 else -1) + (0.5 * a(i - 1, 2 * x) if i > 1 else 0)
def setup():
size(400, 400)
stroke(-1)
def draw():
clear()
[line(i, 0, i, 100 * a(frameCount, i) + 200) for i in range(width)]#つぶやきProcessing pic.twitter.com/sDyOEc8YXw
再帰でなんかフラクタルっぽいもの。フラクタル...?
p = [9, 99, 0, .5]
— ryotako (@ryotakob) August 13, 2019
def f(p):
return -99 * (p[0] - 99) / dist(99, 99, p[0], p[1]) ** 3
def setup():
size(198, 198)
def draw():
global p
dp = p[2:4] + [f(p[:2]), f(p[1::-1])]
p = map(lambda (x, y): x + y * .005, zip(p, dp))
point(*p[:2])#つぶやきProcessing pic.twitter.com/YnrdHX9LtY
オイラー法による軌道計算をツイートに詰め込み。位置と速度を同じリストに格納し、p[1::-1]みたいなリストのスライスを使って強引に文字数を削減。普通はこんなコード書かない。
size(800, 800)
— ryotako (@ryotakob) August 14, 2019
clear()
p = [(random(800), random(800)) for i in range(99)]
for j in range(175):
for i in range(99):
q, r = p[i], p[(i + 1) % 99]
stroke(-1, 50)
line(*(q + r))
p[i] = ((q[0] + r[0]) * .5, (q[1] + r[1]) * .5)#つぶやきProcessing pic.twitter.com/OSFpo95EXP
多角形の各辺の中点を結んで新たに多角形をつくる操作を繰り返したもの。蜘蛛の巣みたいな感じになりました。
size(400, 400)
— ryotako (@ryotakob) August 14, 2019
clear()
stroke(-1, 40)
for i, j in [(i, j) for i in range(0, 400, 9) for j in range(0, 400, 9)]:
for k in range(99):
q = int(abs(8 * sin(((i - 200) * (j - 200)) / 3e4))) * .8
i, j = i + cos(q), j + sin(q)
point(i, j)#つぶやきProcessing pic.twitter.com/9i8SB8sYsT
移動方向が８方向に制限されたベクターフィールド。 回転角TWO_PI/8 = 0.785...を単に0.8としているので少し線がぶれているけど、これはこれで。
def setup():
— ryotako (@ryotakob) August 14, 2019
size(400, 400)
clear()
fill(-1, 20)
def draw():
beginShape()
[vertex(v[0] + 100, v[1] + 300) for v in createFont("Georgia", 400).getShape(str(int(frameCount / 90) % 10), 1).vertices[:frameCount % 90] if v]
endShape(CLOSE)#つぶやきProcessing pic.twitter.com/0nJePnZu4D
文字を書いてみる、けど文字数の都合でしっかりとは書けない。4, 6, 8, 9, 0みたいに穴の空いた文字を書くには特別な処理が必要。
e = ellipse
— ryotako (@ryotakob) August 15, 2019
def setup():
size(198, 198)
def draw():
clear()
s = frameCount
fill(-1)
e(99, 135, 80, 80)
e(99, 75, 60, 99)
fill(0)
[e(x, 99 - t % 99, 50 + t % 99, 40) for (x, t) in [(50, s), (150, s + 50)]]
filter(BLUR, 9)#つぶやきProcessing pic.twitter.com/fWjXfb8brU
Twitterで見つけた「人魂のつくりかた」を参考に。Pythonでは変数に関数を代入することができるので、冒頭でellipse()を変数eに代入して１文字で呼べるようにしてます。
def setup():
— ryotako (@ryotakob) August 15, 2019
size(400, 400)
def draw():
loadPixels()
for i, j in [(i, j) for i in range(400) for j in range(400)]:
p = pixels[400 * i + j]
stroke(p + int(.1 * p * cos(sin(i * .01))))
point(i, j)
filter(BLUR, 3)#つぶやきProcessing pic.twitter.com/QgaW6d3USC
filter(BLUR)で色の拡散ができるってことは、反応拡散系みたいなものができるな...? という着想で作成。実際に何が起きているのかは、書いている私にもよくわかっていなかったり。
size(400, 400, P3D)
— ryotako (@ryotakob) August 17, 2019
noStroke()
sphereDetail(100)
ortho()
[[push(), translate(x, y), fill(int(random(2 ** 16)) - 2 **24), sphere(100), pop()] for x, y in [(50 * (i + .5 * sin(i + j)), 50 * (j + .5 * cos(i - j))) for i in range(8) for j in range(8)]]#つぶやきProcessing .py pic.twitter.com/4nOVruTlcy
以前Twitterで教えてもらった、並べた球を上から見るとボロノイ図になる、という方法を試してみたもの。色もちょっとこだわって青系統で作成。ボロノい。
この記事が気に入ったらサポートをしてみませんか？