編集履歴

質問編集履歴

質問の修正

2020/01/02 07:35

投稿

msw

スコア9

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -1,406 +1,37 @@
 ### 前提・実現したいこと
+ご指摘があった為、修正し改めて質問をさせて頂きます。
+Processingで木の枝にMinimライブラリを使って大きさを変化させた円を描画させるプログラムを作っています。
+円の描画位置は下図のように木の枝の先に木の実がくっ付いている様に見えるイメージを考えています。
+※ペイント３Dで編集した画像の為、該当のソースコードの実行画面ではありません。
+![完成予想図](c03b5eeb3a17803142a6630dbf64c7ec.jpeg)
-Processingで木の枝にMinimライブラリを使って大きさを変化させた円を描画させるプログラムです。
-円の描画位置は違和感が無いように木の形に合わせた位置に描画したいです。
 ### 発生している問題・エラーメッセージ
-```
-円の描画位置の指定が四角形の方法しか知らず、木の輪郭(扇形)に合うような描画位置の指定方法が分かりません。
+randomを使って指定範囲内で円の描画をさせていますが、この方法では四角形になってしまい木の枝以外の場所にも円が描画されてしまう。
-![現状](624f8c0322bb0142fea37aadb323bbec.jpeg)
-```
 ### 該当のソースコード
+※該当のソースコードはMinimを抜いたサンプルプログラムです。
 ```processing
-import ddf.minim.*;
+float x;
-import ddf.minim.analysis.*;
-import ddf.minim.effects.*;
-import ddf.minim.signals.*;
-import ddf.minim.spi.*;
+float y;
-import ddf.minim.ugens.*;
-Minim minim;
-//AudioInput in;
-AudioPlayer player;
-//float volumeIn;
-int buffersize = 512;
-class Note {
-  final float x;
-  final float y;
-  final float w;
-  final float h;
-  final float r;
-  final float r2;
-  final color col;//HSB, alpha
-  boolean isAlive = true;
-  Note(final float x, final float y, final float playerIn) {
-    this.x = random(700, 1210);
-    this.y = random(350, 450);
-    this.w = playerIn/2;
-    this.h = playerIn/2;
-    this.r = this.w / 2;
-    this.r2 = this.r * this.r;
-    this.col = color(random(360), 100, 100, 70);
-  }
-  void draw() {
-    colorMode(HSB, 360, 100, 100, 100);
-    noStroke();
-    fill(col);
-    ellipse(x, y, w, h);
-  }
-  void update() {
-  }
-  boolean isExpired() {
-    return !isAlive;
-  }
-  void toggle() {
-    isAlive = !isAlive;
-  }
-}
-abstract class Effect {
-  protected float time;
-  protected float t = 0;
-  final float dt = 1.0;
-  Effect() {
-  }
-  abstract void draw();
-  abstract void update();
-  void dec() {
-    time -= dt;
-    t += dt;
-  }
-  boolean isExpired() {
-    return time < 0;
-  }
-}
-abstract class MultiEffect extends Effect {
-  ArrayList<Effect> chidren = new ArrayList<Effect>();
-  MultiEffect() {
-  }
-  @Override
-    void draw() {
-    for (Effect eff : chidren) {
-      eff.draw();
-    }
-  }
-  @Override
-    void update() {
-    for (Effect eff : chidren) {
-      eff.update();
-    }
-  }
-  @Override
-    boolean isExpired() {
-    for (Effect eff : chidren) {
-      if (!eff.isExpired()) return false;
-    }
-    return true;
-  }
-}
-class Bakuhatu extends Effect {
-  final float x;
-  final float y;
-  float r;
-  float dr = 1;
-  final float ddr = 0.5;
-  //color col;
-  final int R, G, B;
-  int alpha;
-  int da = 0;
-  final int dda = 1;
-  Bakuhatu(final float x, final float y, final float r, final color col, final float time) {
-    this.x = x;
-    this.y = y;
-    this.r = r;
-    final int mask = 0xFF;
-    alpha = (col>>24) & mask;
-    alpha /= 2;
-    R = (col>>16) & mask;
-    G = (col>>8) & mask;
-    B = col & mask;
-    this.time = time;
-  }
-  @Override
-    void draw() {
-    noStroke();
-    //fill(col);
-    colorMode(RGB);
-    fill(R, G, B, alpha);
-    ellipse(x, y, 2*r, 2*r);
-  }
-  @Override
-    void update() {
-    dec();
-    r += dr;
-    dr += ddr;
-    alpha -= da;
-    da += dda;
-  }
-}
-final float g = 0.2;
-class Hinoko extends Effect {
-  float x;
-  float y;
-  final float r = 2;
-  final float v0 = 5;
-  float vx;
-  float vy;
-  final float theta;
-  final color col;
-  int R, G, B;
-  int alpha;
-  float da = 1;
-  final float dda = 0.05;
-  //final float start;
-  float drx, dry;
-  float ddrx, ddry;
-  Hinoko(final float x, final float y, final float r, final color col, final float theta, final float time) {
-    this.x = x;
-    this.y = y;
-    this.vx = v0 * cos(theta);
-    this.vy = v0 * sin(theta);
-    this.col = col;
-    //this.col = color(h,s,b,alpha);
-    final int mask = 0xFF;
-    alpha = (col>>24) & mask;
-    //alpha /= 2;
-    R = (col>>16) & mask;
-    G = (col>>8) & mask;
-    B = col & mask;
-    this.drx = 0.5;
-    this.dry = 0.05;
-    this.ddrx = 0.5;
-    this.ddry = 0.05;
-    this.time = time;
-    //this.start = time;
-    this.theta = theta;
-  }
-  @Override
-    void draw() {
-    noStroke();
-    colorMode(RGB);
-    fill(R, G, B, alpha);
-    //fill(col);
-    ellipse(x, y, r, r);
-  }
-  @Override
-    void update() {
-    dec();
-    alpha -= da;
-    da += dda;
-    x += vx;
-    y += vy;
-    y += g*t;
-    drx += ddrx;
-    dry += ddry;
-  }
-}
-class Hanabi extends MultiEffect {
-  Hanabi(final float x, final float y, final float r, final color col) {
-    super();
-    final float timeB = 30;
-    chidren.add(new Bakuhatu(x, y, r, col, timeB));
-    final float timeH = 50;
-    final int max = 32;
-    final float dtheta = TWO_PI / max;
-    for (int i=0; i<max; i++) {
-      chidren.add(new Hinoko(x, y, r, col, dtheta*i, timeH));
-    }
-  }
-}
-class Effects extends ArrayList<Effect> {
-  Effects() {
-    //do nothing
-  }
-  void add(Effects temp) {
-    this.addAll(temp);
-  }
-  void draw() {
-    for (Effect eff : this) {
-      eff.draw();
-    }
-  }
-  void update() {
-    ArrayList<Effect> temp = new ArrayList<Effect>();
-    for (Effect eff : this) {
-      eff.update();
-      if (!eff.isExpired()) temp.add(eff);
-    }
-    this.clear();
-    this.addAll(temp);
-  }
-}
-class NoteController {
-  ArrayList<Note> notes = new ArrayList<Note>();
-  final float margin = 100;
-  final float xmin = margin;
-  final float xmax = width-margin;
-  final float ymin = margin;
-  final float ymax = height-margin;
-  NoteController() {
-    //
-  }
-  //円の制御
-  void add(final float playerIn) {
-    if (notes.size() > 100) return;//check
-    if (playerIn < 20) return;
-    if (frameCount % 20 != 0) return;
-    //if (frameCount  % (int)random(10, 40) != 0) return;
-    final float x = random(xmin, xmax);
-    final float y = random(ymin, ymax);
-    notes.add(new Note(x, y, playerIn));
-  }
-  void draw() {
-    for (Note note : notes) {
-      note.draw();
-    }
-  }
-  ArrayList<Note> update() {
-    ArrayList<Note> next = new ArrayList<Note>();
-    ArrayList<Note> del = new ArrayList<Note>();
-    for (Note note : notes) {
-      note.update();
-      if (note.isExpired()) {
-        del.add(note);
-      } else {
-        next.add(note);
-      }
-    }
-    notes.clear();
-    notes.addAll(next);
-    return del;
-  }
-  //真偽を使って判断
-  boolean isHit(final Note note) {
-    return true;
-  }
-  //全指定
-  void mouseClicked() {
-    for (Note note : notes) {
-      note.toggle();
-    }
-  }
-}
-class Converter {
-  Effects makeHanabis(ArrayList<Note> notes) {
-    Effects temp = new Effects();
-    for (Note note : notes) {
-      temp.add(makeHanabi(note));
-    }
-    return temp;
-  }
-  Hanabi makeHanabi(Note note) {
-    Hanabi temp = new Hanabi(note.x, note.y, note.r, note.col);
-    return temp;
-  }
-}
-NoteController controller;
-Effects effects;
-Converter converter;
 void setup() {
   fullScreen();
+  smooth();
-  frameRate(60);
+  frameRate(10);
+  colorMode(HSB, 360, 100, 100, 200);
-  /*Tree(30, width/2, height, PI, width/8);
+  Tree(30, width/2, height, PI, width/6);  //木の太さ・描画位置,PI=π 180°
-   fill(#8B7250);
-   rect(0, 1030, 2000, 50); */
-  colorMode(HSB, 360, 100, 100, 100);
-  controller = new NoteController();
-  effects = new Effects();
-  converter = new Converter();
-  minim = new Minim(this);
-  //in = minim.getLineIn(Minim.STEREO,buffersize);
-  final String fn = "Mountain.mp3";
-  player = minim.loadFile(fn);
-  player.loop();
 }
 void draw() {
-  background(200);
+  x = random(650, 1250); //横
-  Tree(30, width/2, height, PI, width/7);
+  y = random(200, 300); //縦
   noStroke();
-  fill(#8B7250);
+  fill(random(255), random(255), random(255), 50);
-  rect(0, 1030, 2000, 50);
+  ellipse(x,y,10,10);
-  // volumeIn = in.mix.level()*200;
-  final float playerIn = player.mix.level()*150;
-  controller.add(playerIn);
-  controller.draw();
-  ArrayList<Note> temp = controller.update();
-  effects.add(converter.makeHanabis(temp));
-  effects.draw();
+  fill(#959592);
-  effects.update();
+  rect(0, 1030, 2000, 50);
 }
 //木の生成
@@ -409,33 +40,14 @@
   translate(x, y);  //座標移動
   rotate(rotate);  //座標回転
   strokeWeight(strokeWeight);  //線の輪郭線の太さ
-  stroke(70, 0, 0);  //線の色
+  stroke(#64482A);  //線の色
   line(0, 0, 0, length);  //線の描画,配列の長さ
   popMatrix();  //変更した座標を元に戻す
   if (strokeWeight<2)return;
-  //if (random(0, 4)>3 && strokeWeight<3)return;
-  if (x%5>3 && strokeWeight<3)return;  //ちらつき防止
+  if (x%5>3 && strokeWeight<3)return;
   Tree(strokeWeight*2/3, x-sin(rotate)*length, y+cos(rotate)*length, rotate-PI/10, length*2/3);
   Tree(strokeWeight*2/3, x-sin(rotate)*length, y+cos(rotate)*length, rotate+PI/10, length*2/3);
 }
-void  keyPressed() {
-  if (key  ==  's') { //音楽ストップ
-    player.pause();
-  } else  if (key  ==  'r') { //音楽リスタート
-    player.rewind();
-    player.play();
-  }
-}
-void stop() {
-  minim.stop();
-  super.stop();
-}
-void mouseClicked() {
-  controller.mouseClicked();
-}
 ```

現時点の実行画面の画像の挿入が上手く行かない。

2020/01/02 07:35

投稿

msw

スコア9

title CHANGED Viewed

File without changes

body CHANGED Viewed

@@ -6,8 +6,8 @@
 ### 発生している問題・エラーメッセージ
 ```
-円の描画位置の指定が四角形の方法しか知らず、木の輪郭(扇形)に合うような描画位置の指定方法が分かりません。![イメージ説明](dc3d7e25720bf3c4e7394ea58f6377ca.jpeg)
+円の描画位置の指定が四角形の方法しか知らず、木の輪郭(扇形)に合うような描画位置の指定方法が分かりません。
+![現状](624f8c0322bb0142fea37aadb323bbec.jpeg)
 ```
 ### 該当のソースコード