Processing

見てるだけライフゲーム

Processing.jsを使ってサイトに載せてみるテスト。 ルール決定→20世代まで世代交代→ルール変更→20世代まで…のループ。 個人的には見てるだけで満足感を得られる。

ライフゲームの分類

唐突に2Dライフゲームのルールを分類してみようとかトチ狂ったこと思いついたので、 ルールを変えつつ20世代目を全出力してみた。 結果:19683ファイル生成(pngファイル) そのうち半分くらいは変化無かったり他のルールと同じ結果だったり。 重複するものを…

Processingで外サイクロイド

外サイクロイドを重ね書きしてみた。 式的には x = r1・cos(t) - rm・cos(rd t) y = r1・sin(t) - rm・sin(rd t) r1 = rc + rm rd = (rc + rm) / rmrc = 100として、rmを10から10刻みで100まで(多分)。 単品でも綺麗だけど、重ねるともっと綺…もう少し減らし…

Processingの円再び

photo by Yakinik 円がガビるの、ついさっき解決した。 2日間悩んでたのがバカみたいじゃないかorz beginShape(LINES); for(float i = 0; i < 2*PI*10; i+=0.001) { vertex(100*sin(i)+HWW, 100*cos(i)+HWH); } endShape();beginShapeにLINESを指定したらガ…

Processingの円

photo by xsixProcessingを使っててどうにもこうにも謎なところがコレ。 beginShape(); for(float i = 0; i < 2*PI*10; i+=0.001) { vertex(100*sin(i)+HWW, 100*cos(i)+HWH); } endShape();こんな風にvertexを大量に入れて実行すると どうにもこうにもガビ…

Processingでサイクロイド

関数名とか忘れやすいのでコード補完が無いのはイラッとくるけど、Processingに慣れてきたのでサイクロイドでも描いてみようと思う。 パラメトリック方程式とかサイクロイドとかはWikipedia参照。 パラメトリック方程式 サイクロイド 「変数tを導入してバラ…

Processing 幅と高さ

壊滅的な英語翻訳能力を衆目に曝しながら今日はこれ。Width and Height. void setup() { size(640,360); } void draw() { background(127); noStroke(); for(int i = 0; i { fill(129, 206,15); rect(0, i, width, 10); fill(255); rect(i, 0, 10, height); …

Processingの例:座標

今日はこれ。Coordinates.size(640, 360); background(0); noFill(); //上下の点 stroke(255); point(width * 0.5, height * 0.5); point(width * 0.5, height * 0.25); //青っぽい線 stroke(0, 153, 255); line(0, height*0.33, width, height*0.33); //橙…

ProcessingをDLしてみた

早速Examplesを見てみる。 Statements and Comments. 本当に初歩の初歩。 ステートメントとコメントの説明。コードはこんな感じ。 size(640, 360); background(204, 153, 0); background(500,0,0)くらいにしてエラー見ようと思ったらそのまま通る。 255,0,0…