まゆたまガジェット開発逆引き辞典

電子工作やプログラミングのHowtoを逆引き形式で掲載しています。作りたいモノを決めて学んでいくスタイル。プログラマではないので、コードの汚さはお許しを。参照していないものに関しては、コピペ改変まったく問いません

2017-08-01から1ヶ月間の記事一覧

Processingでイラレから出力したSVGを使う

Processingで全自動生成したいところですが、自分の気にいったパーツを使いたいというときもあるハズ。 ということで、ProcessingにSVGファイルを読み込ませて、複数個ランダムな位置・大きさ・角度にしてみました。 イラレから書き出すときに設定に気をつけ…

Processingで集中線を描く

集中線はあまり使わないかもですが、線を一定角度回転させるということはありそうなのでメモです。 太さをランダムに、そして線の角の種類を変えることで、集中線っぽくしてます。 //角度。小さくすると密度が増える int angle = 3; void setup() { size(600…

Processingで紙ふぶきを描く

よくイラストで飛んでる三角形です。 色数多すぎたかも・・・完全に形までランダムだといびつになったりするので、欲しい三角形の形を拡大縮小と回転させたほうがよさげです。 int tx,ty; //三角形の数 int triangleCount = 20; //最大個数分、または色のパ…

Processingでコロナみたいなのを描く

ロマサガ3の死食(日食)っぽい? こちらfrilly ring - OpenProcessing でProcessing.jsのモードになってたので、P5モードかつマウスクリックでランダムに形が切り替わるようにしました(ので変数名変えてないです)。 参考にさせて頂きました。ありがとうござい…

Processingで折れ線グラフみたいなのを描く

折れ線グラフ的なものが欲しかったので、作ってみました。 こちらneralt.com を参照させて頂きました。 イメージ背景に使えそうですね。こんな感じです。 三角形やらと組み合わせると、こんなのもできます。 color[] colarray = { #fdf4ac,#3de3d6,#b564c5,#…

Processingで3Dの立方体に簡単にテクスチャをつける

本家ではvertexを使ってテクスチャを生成してますが、それテクスチャの形ごと作ってるだけやんと思い、もっと簡単な方法がないか調べてみました。 下記のサイトを参照させて頂きました。 OpenGLまで探してたので、単にboxでできることが分かってよかったです…

Processingで作った画像をPNGとPDFで書き出す

よく忘れてしまうのでメモです。 redraw(); を使っている場合はredraw();を書いた箇所によってはエラーになったり、何も描画されてないことになったりするので注意です。こちらprince9.hatenablog.com のコードでできた画像をPDF書き出ししてみました。 PDF…

Processingでランダムな個数、かつ特定の色の中からランダムな色で描く

図形をランダムな個数生成して、色もランダムにしたい場合です。 色は特定の色からランダムに選ばれるので、多少の重複はあります。まずはこんな感じで1つのパーツにつき1色の場合。 //最大個数分、または色のパターンの数配列を用意する int[] col1 = new i…

Processingでランダムな回数ぶん繰り返す

Processingでランダムな回数ぶん繰り返し描画します。 マウスをクリックするたびに四角形の個数が変わります。 メモです。 int col; void setup() { size(600,600); noLoop(); } void draw() { background(255); //0から10のランダムな回数ぶん、rectを繰り…

processingで同じ範囲の乱数を複数パターン生成する

0から10までの乱数が欲しいけど、変数を同じにすると同じパターンになっちゃう・・・というときの解決策です。 同じ範囲の乱数を複数パターン生成しています。下記の場合、0と1の乱数を10パターン作っています。重複はしていますが、変化のパターンは異なり…

Processingで特定の色の組み合わせからランダムに色を選ぶ

Processingで特定の色の組み合わせからランダムに色を選ぶ方法です。 4色の中からランダムに選ぶ、みたいなときに使います。基本ですが、私がswitch使ってめんどくさいことをしてたので、違うやり方を忘れないようにメモ。 //ランダム用 int col; //色の配列…