記録

勉強したことに関するのノート。見返して分かるようにしてます。

2018-10-01から1ヶ月間の記事一覧

回転

function setup() { createCanvas(400, 400); colorMode(HSB,360,100,100,100); } function draw() { background(220); push(); translate(width/2,height/2); fill((frameCount+180)%360,100,100,random(100)); rotate(radians(-(frameCount+random(50))%36…

6回目のp5.js

!!!ちょっとちかちかします!!! let r; function setup() { createCanvas(400, 400); colorMode(HSB,360,100,100,100); } function draw() { background(0); fill(random(360),100,100,random(10));//これがないとdrawで戻ってきた「A」がfillになってしまう …

5回目のp5.js

let x; //宣言 let y; let r; let add; function setup() { createCanvas(400, 400); colorMode(HSB, 360, 100, 100, 100); x = 200; //代入 y = 0; r = 100; } function draw() { add = random(140, 150); background(0, 0, 100); noStroke(); fill(0, 100,…

4回目のp5.js

function setup() { createCanvas(400, 400); // colorMode(HSB,360,100,100,100); } function draw() { background(220,20); fill(0,0,mouseY%255,random(100)); stroke(255,0,255,random(100)); strokeWeight(random(50)); ellipse(200,200,mouseX+random(…

3回目のp5.js

a=2; function setup() { createCanvas(400, 400); colorMode(HSB,360,100,100,100) } function draw() { fill(0,0,100); rect(0,0,width,height); fill(mouseY%360,100,100,50); rect(0,0,width,height); fill(mouseX%360,100,100,50); quad(width/a,0,0,he…

大学祭終了

昨日と今日の2日間、甲南女子大学で展示を行いました。全体の感想は 疲れた。 これに限ります。 辺境地で展示をしてたのでまずスルーする人が多かった。もっと人通りのある場所が良かったと思います。 見てくださった方の多くが3Dプリンタに興味持ってくださ…

最近の3Dプリンタまとめ

大学祭も近づき、あわあわしながら準備を進めています。 数週間前から3Dプリンタを使って色々作ったのでサボってた分もまとめてここに残そうと思います。 ・うさぎの中抜き作戦 これは縦の状態で出力し、空洞を作る実験。前回は強力なサポートに阻まれたので…

ごり押しでProcessingでp5.jsと同じものを作る

yetirom.hatenablog.com これで作った一番上の青色のコードを色々いじってシルクスクリーンのデザインにしようとしました。 色々アドバイスを頂きながら修正して完成したのがこちらです。 function setup() { createCanvas(567, 822); colorMode(HSB,360,100…

カッティングプロッタでやってみる

オリジナルシール作りをしました。 カットはsilhouette cameoというカッティングプロッタで行いました。 シールの柄は数週間前にノリで作った情報社会と戦うシールです。 パズル柄はうまく切れるんですけど複雑な柄はもっと大きくないと面倒だと気づきました…

実験

ひさしぶりのレーザーカッター。シールカット計画を立てており、その前段階として普通紙を切ってみました。 FABOOLの使用環境が変わりましたが、問題なく動いたので安心です。 *出力設定* スピード1000 パワー100 一部、きちんと切れずにくっついてるところ…

襖と障子の違い

今日頑張ったのは右側。刺さってるのは授業で使った後に貰ったRodyくん。 月曜日のある授業で紙の作品…って考えて一つ思いついたので、空きコマの3時間で作りました。 左側は数週間前に出力した名刺入れ、の予定でしたが微妙に大きさが合わないのと、うさぎ…

ブログにコードを載せる方法

yetirom.hatenablog.com 上記の記事のプログラミングコード載せ方をここに残します。 これが編集画面と実際の表示です。 全部この画像に埋め込みましたが、詳しく下に書いていきます。 一.プログラムが実際に動いている状態を表示する 1:Open Processingで…

2回目のp5.js

2回目のp5.jsの授業が終わったので、勉強内容を含めて遊んだ本日のコードです。 function setup() { createCanvas(300, 300); //width,height colorMode(HSB,360,100,100); } function draw() { noStroke(); fill(random(360),random(0,50),random(50,100));…