ProcessingでUIの仮ボタンを作ってみたい
こんにちは!皆さんはUIに使う仮ボタンはどうやって用意していますか?
個人的に前からProcessingを触ってみたいと思っていたので、今回は素人なりにProcessingで仮ボタンを書き出すスケッチを作ってみることにしました!
https://ja.wikipedia.org/wiki/Processing(Processingについて)
※使用する際は自己責任でお願いします!!!
以下が内容です——————————————————————————————————
//注意:スケッチを保存してから実行ボタンを押すこと。
//動作としては実行ボタンを押した段階で画像が"ButtonMoc.pngとして書き出されます。
//変数の数値を弄って書き出される画像をコントロールしてください。
PGraphics pg;
//ファイル名
String filename = "ButtonMoc.png";
//画像サイズ
int sizeW = 512;
int sizeH = 256;
//ボタンのマージン
int sizeW_margin = 12;
int sizeH_margin = 12;
//ボタン設定
int rectround = 20;
int ButtonSW = 5;
int TextSW = 2;
//ボタン色
int RectR = 255;
int RectG = 255;
int RectB = 255;
int RectA = 255;
//テキスト設定
String ButtonText = "512*256test";
int ButtonTextSize = 50;
//テキスト色
int TextR = 0;
int TextG = 0;
int TextB = 255;
int TextA = 255;
void settings() {
size(sizeW,sizeH);
}
void setup(){
pg = createGraphics(sizeW,sizeH);
pg.beginDraw();
pg.clear();
pg.colorMode(RGB,256);
pg.fill(RectR, RectG, RectB, RectA);
pg.strokeWeight(ButtonSW);
pg.stroke(0);
//pg.noStroke();
pg.rectMode(CENTER);
pg.rect(pg.width/2, pg.height/2, width-sizeW_margin, height-sizeH_margin, rectround);
pg.fill(TextR, TextG, TextB, TextA);
pg.strokeWeight(TextSW);
pg.textAlign(CENTER, CENTER);
pg.textSize(ButtonTextSize);
pg.text(ButtonText, width/2, height/2);
pg.endDraw();
pg.save(filename);
exit();
}
以上です—————————————————————————————————————————————————-
こんな感じになりました!透明度もあるので個人的にはこれでOKです!