２０２０年１１月のクリエイティブ・コーディング
先月のクリエイティブ・コーディングの、まとめ！
これまで「〇〇年〇〇月のジェネラティブアート」ってタイトルだったけれど、ジェネラティブアート以外のものも色々作るようになったのでタイトル変更。「クリエイティブ」かどうかは疑問が残るけれど、私の主観的には何か新しいことしてるので問題ない... はず！
で、今月なにしてたかと言うと、月の初めにTwitterでクォータニオンに関する記事の情報を見たので、まずはクォータニオンを実装して見ることに。
なんかこの話結構してる気がするけど、クォータニオンの回転で自分的に「一番直感的」なのがこれhttps://t.co/gwdY9m7P5J
— ブタジエン (@butadiene121) November 1, 2020
クォータニオンよくわからないのでとりあえず実装する。回転を表すには乗法だけ定義されてればいいっぽい？のでこれでOKかな pic.twitter.com/e1Q6acUAGl
— ryotako (@ryotakob) November 1, 2020
「よくわからないので実装できない」ではなく「よくわからないのでとりあえず実装する」という行動を取れるようになったあたりに自分の成長を感じる。実装していくうちに理解が進むことはしばしばあるのだ...!
クォータニオンの補間の実装してるんだけど、「回転と回転の補間」ってこういうことでいいの…? pic.twitter.com/dJJJXHbQU7
— ryotako (@ryotakob) November 1, 2020
２つのクォータニオンを線形補間と球面線形補間した結果の比較。違うと言えば違うけれど、そんなに気にするほどでもない…? pic.twitter.com/DHSTE8Eq4U
— ryotako (@ryotakob) November 3, 2020
コードを書きながら色々と検証。だいぶ分かってきた、ような...?
というわけで、11月前半はクォータニオンを用いた回転の表現を実装してました。
ところで「クォータニオン」はもともと「四元数」の意味で、用途は回転だけではないはず。そこで、この四元数を上手くゲームにできないかな、と挑戦してみました。
四元数でゲームができないかな、という試み。
— ryotako (@ryotakob) November 3, 2020
i,j,kの掛け算でなるべく「１」を作れば良いんだけど、ゲームとしては微妙な感じ…? #Processing pic.twitter.com/Trmjcx0YgN
今日の四元数ゲーム。アレンジ点は
— ryotako (@ryotakob) November 5, 2020
・初期パネルはプラスの虚数単位のみ(+1はすぐには作れない)
・得点持ち越しのステージ制にする
・虚数単位が残ってしまったマスは、以後のステージで使えない
だいぶゲームっぽい感じになってきたのでは…? #Processing pic.twitter.com/QEaLgSuqO1
Twitterでいろんな方からアドバイスを貰って改良。だいぶゲームっぽい感じになったのでは...?
その後、唐突にマンデルブロ集合を描画したくなったのでやってみました。
唐突にマンデルブロ集合を描きたくなったのでProcessing & GLSLでやってみる pic.twitter.com/3DkaMZN0DN
— ryotako (@ryotakob) November 6, 2020
マンデルブロ集合の移動＆拡大表示！
— ryotako (@ryotakob) November 7, 2020
以前作った、マウスで画面を動かせる関数とシェーダーの組み合わせ。#Processing pic.twitter.com/Z21S4w6DtS
今日のマンデルブロ・モドキ
— ryotako (@ryotakob) November 9, 2020
マンデルブロ集合の定義のz^2+cの部分をz^2+z+cに変更。更に色を変更… したらなんかゴージャスな感じに #Processing pic.twitter.com/1ARG7ibMFx
さらに、マンデルブロ集合を描くのに利用したコードを流用してジュリア集合を描くコードも作成！
ジュリア集合(c=-0.754567-0.209658i) #Processing pic.twitter.com/igATyCi0Y6
— ryotako (@ryotakob) November 10, 2020
Processingでマウス操作による移動・拡大の処理をして、GLSLによる高速描画を行う... というプログラミング言語間の連携！
使える道具が増えると色々なことができて楽しい。
と、マンデルブロ集合で遊んでいたところ、何やら面白いWEBサービスが始まったとの情報が。
The most minimalist creative coding environment is alive:
— Martin Kleppe (@aemkei) November 2, 2020
⟶ https://t.co/ykN6gxEdbD
Control the size and color of a 16x16 dot matrix with a single JavaScript function. The input is limited to 32 characters – but no limits to your creativity!
🔴🔴
🔴🔴 pic.twitter.com/aYlBDMwVun
16×16マスのミニマルのクリエイティブ・コーディング環境とのこと。早速挑戦してみましたが...
雨っぽい感じ https://t.co/PPGAwdCsRshttps://t.co/HMRrmEZG6R pic.twitter.com/XcSgWmLpYG
— ryotako (@ryotakob) November 12, 2020
楽しい #tixyland https://t.co/5bS35GsiKV pic.twitter.com/GE0IassgT1
— ryotako (@ryotakob) November 12, 2020
三角関数を使わずに回転っぽくできないかな、という試み
— ryotako (@ryotakob) November 12, 2020
(t,i,x,y) =>
(x-7.5)/(y-7.5)+16*abs(t%4-2)-16#tixyland https://t.co/v9YiSQoiU5 pic.twitter.com/A9O2dTPWsb
難しいけれど、楽しい！
文字数制限はなんと32文字(!?)とのことで、コードを縮めるパズル的な感じも。GLSLの距離関数に考え方が似ているような、それとはまた別なような、不思議な感じでした。
その後はまた唐突になにか始めたり...
唐突に何か始めるシリーズ。OpenModelica。
— ryotako (@ryotakob) November 16, 2020
なんかこう、アイコンを線でつなぐことで物理モデルを作って計算できるとかそういうやつらしい(漠然) pic.twitter.com/oED8uHj7km
下記の記事で紹介されている「記数法」を利用したフラクタルを作成したり...
size(400, 400)
— ryotako (@ryotakob) November 25, 2020
background(-1)
scale(5)
translate(43,50)
def f(z,n):(f(z+(1j-1)**n,n-1),f(z, n-1))if n else point(z.real,z.imag)
f(0,10)#つぶやきProcessing
108Hassiumさん(@1Hassium)さんの記事の-1+i進法でツインドラゴンになるやつやってみた。このコード量でフラクタルが…! すごい。 pic.twitter.com/ioa5Xyt7kC
唐突にGLSLが描きたくなったり...
Processingしてるときに唐突にGLSL書きたくなったときのための関数作った。
— ryotako (@ryotakob) November 26, 2020
（ほんとは面倒臭がらずに別ファイルにGLSL書くべき） pic.twitter.com/Nq1qaSObuy
Processingの面白いライブラリを見つけたりしました。
これはまた楽しいライブラリ見つけたかも。手書き風に図形を描画するhandyライブラリ #Processing pic.twitter.com/NKHl584Lov
— ryotako (@ryotakob) November 29, 2020
add_library("handy")
— ryotako (@ryotakob) November 29, 2020
size(400,400)
h=HandyRenderer(this)
h.setFillGap(.8)
h.setRoughness(3)
r,f=h.rect,fill
background(-1)
f("#89BDDE")
r(0,0,400,400)
f("#669900")
r(-4,250,409,200)
f("#985E41")
r(150,150,99,99)
f(255,0,0)
h.triangle(200,99,99,180,300,180)#つぶやきProcessing pic.twitter.com/4LpWL0MUjQ
相変わらず興味関心が散らかっているけれど、好きなものに手を出して好きなように飽きることができるのは趣味コーディングの特権なのでこの調子でガンガンいきたいところ。
以上、先月のクリエイティブ・コーディングでした！
この記事が気に入ったらサポートをしてみませんか？