以前TidalCyclesというコーディングによる作曲ツールで簡単なBGMを作りました。
\nそのときに、ジャケットもコーディングでつけれないかなと思って、
\n試しに、P5.sketchpluginというプラグインを使って絵をかいたら、
\nとても簡単にコードで絵を書けたので、今回はそのプラグインを紹介したいと思います。
そのジャケットはこちらです。
\n\n手作業だと時間がかかるような、幾何学形態の繰り返しなどに強いです。
\n作った絵に対して、
\nなど、あとから加工する場合に最適です。
\np5.*.*.*.sketchplugin.zipをダウンロードしましょう。p5.sketchpluginというファイルをダブルクリックして実行しましょう。もしSketchを起動していたら再起動してください。//Simple palette of pretty colors\nvar palette = [\"#2C3E50\",\"#FC4349\",\"#D7DADB\",\"#6DBCDB\",\"#FFFFFF\"]\nvar num = 8\nfunction setup() {\n createCanvas(1400, 1400);\n}\nfunction draw() {\n noStroke();\n var size = width/num;\n for(y=0;y<height;y=y+size){\n\n for(x=0;x<width;x=x+size){\n\n fill(palette[floor(random(5))]);\n rect(x,y,size,size);\n if (random()>0.7){\n fill(palette[floor(random(5))]);\n push();\n translate(+size/2,+size/2);\n\n var temp = random();\n if(temp < 0.3) {\n ellipse(x,y,size,size);\n }else if(temp >= 0.3 && temp <= 0.6) {\n triangle(x - size/2, y + size/2, x + size/2, y + size/2, x, y - size/2);\n }else if(temp > 0.6 && temp <= 0.7) {\n triangle(x - size/2, y - size/2, x - size/2, y + size/2, x + size/2, y);\n }else {\n triangle(x - size/2, y - size/2, x + size/2, y - size/2, x, y + size/2);\n }\n\n pop();\n }\n }\n }\n}ソースを見ると以下の箇所のmethodがサポートされているようです。
\n\n簡単に実行できますし、最終的には必ずここで実行して試します。
\nただし、Sketchファイル自体に保存できないので、
\nSketchファイルとは別にp5Sketch.jsなどように、
\nJavaScriptファイルとしてSketchファイルと同じ場所に保存することをおすすめします。
p5jsオンラインエディタはブラウザ上で実行できる公式のオンラインエディタです。
\nファイルをダウンロードできますし、
\nアカウントを作ればオンラインで保存することもできます。
\nはSketchのプラグイン上で動くか確認しながら書いていきましょう。