初めてのp5.js
初めてp5.jsに触りました。Processingとちょこちょこ違う点があり、驚くことだらけです。
一番最後に作ってお気に入りのコードから。
よく見ると線ではなく丸っぽいのが見えて好きです。
function setup() { createCanvas(400, 400);//canvas size colorMode(HSB,360,100,100,100); //HSBmode } function draw() { stroke(random(180,250),random(80,100),random(80,100)); ellipse(frameCount*7%width,frameCount%height,1,random(50)%100); }
これは初めの方に作ったもの。
使った環境のせいか透明度が実際にviewできなくて当時は不透明度100%でした。
ちょっと改造してます。
function setup() { createCanvas(400, 400);//canvas size colorMode(HSB,360,100,100,100); //HSBmode } function draw() { noStroke(); fill(random(180,250),random(80,100),random(80,100),random(25,75)); ellipse(frameCount*10%(width+50),frameCount*3%(height+50),random(frameCount%100)); }
これは最後から2番目に作ったやつ。勝手にrandomを付け加えて楽しくしてました。
r=50; function setup() { createCanvas(400, 400);//canvas size colorMode(HSB,360,100,100,100); //HSBmode fill(random(180,200),100,100,50); rect(0,0,width,height); } function draw() { stroke(random(180,200),random(80,100),random(80,100)) fill(random(180,250),random(80,100),random(80,100),50); ellipse(frameCount%width+random(-width,width),frameCount/2%height,r,r); }
今気づいているProcessingとの違い
intが要らない
ellipse(x,y,r)にすると正円が出力される
初めてジェネリック薬品処方された人みたいな気持ち。 Processingと混同しないように、得た知識を活用してp5.jsも頑張ります。
ポイ観察
地元のお祭りに行きましたが特に何もなく、面白くなかったのでたまたま近くにあったお店に入ってびっくりした。
本物のポイ。比較用の自作ポイも隣に。
重さは6g。自作のものは5gの2重の予定なので10g。市販の方が軽いです。厚さはほとんど変わらない。
あと紙も売ってたので前回と同じように実験したら犬(7g)で破れてしまった。
何をすくうか決めてないけど、みんなの制作物に合わせて紙は決めていきたい。
ポイ耐久テスト
ポイの耐久性テストしました。
— yetirom (@yetirom) September 6, 2018
使った紙は左から花を作る用の紙、ティッシュ(二枚重ね)、半紙(割と丈夫)です。 pic.twitter.com/PvmRaeTSys
耐久テスト協力の皆様。重さは
— yetirom (@yetirom) September 6, 2018
ペットボトルキャップ 2g
蛙 15g
熊 11g
犬 7g
豚 2g
と多少の水分。
3種類のポイがまず挑戦するのは
ペットボトルキャップ+豚
ペットボトルキャップ(水いっぱい)
の二つです。 pic.twitter.com/52BEcZ2O7l
ペットボトル(水いっぱい)は動画見てもらうほうが早いと思います。ことごとく水に浮かなくて、仕方なくペットボトルキャップを使用。
一番薄くて不安視された花の紙です pic.twitter.com/VPhNn1uU8n
— yetirom (@yetirom) September 6, 2018
一番透けてて不安視していましたが予想通り。水圧(?)に負けてしまった。
次にティッシュ。二枚重ねの効果はいかに pic.twitter.com/3ixbSnqC9F
— yetirom (@yetirom) September 6, 2018
1回すくった時点でだるんだるんになって2回目で裏面がはがれてしまった。
最後に薄いのにするか厚いのにするか悩んで厚い半紙にしたポイ。 pic.twitter.com/F7aClXb99m
— yetirom (@yetirom) September 6, 2018
めっちゃ強い。安定感がすごい。あととても貼りやすかった。
一番強いポイがどこまで重さに耐えられるかの実験動画 pic.twitter.com/mBkwvrGvMP
— yetirom (@yetirom) September 6, 2018
水分吸収による劣化もあったが、今回の実験では半紙のポイは11gまでは耐えられることが分かった。
薄い半紙版もやってみたい。
あとレーザーカッター用の新しい柄。前が花っぽかったので結晶っぽい感じで。
シール型
パズル2種類と切手風、動物の足跡、花のような結晶のような謎図形。
あともう1種類右下に作ったらA4サイズいっぱいになりそう。どれくらい出力に時間かかるか気になる。
ポイ4
フラットなポイ制作。糊で紙を張ることを想定してます。
持ち手を丸くするのを頑張った。
明日出力したい。
余談ですが料理中に見つけた怖いじゃがいもの話を。
中心空洞か褐色心腐のどちらかじゃないかと思うんですが、調理中はものすごくびっくりしました。(さすがに食べる気が起きなかった)
ちょっと怖いので見る方は注意を。