0

ここで誰かが私を助けてくれることを願っています。私はサッカー チームが FIFA のランキングを上げたり下げたりすることを示すインタラクティブなグラフィックを作成しようとしている初心者です。チームを表すために Processing の外で作成した画像を読み込んで、マウスクリック イベントに基づいて移動させたいと思います。

現在の問題は、アプリをテストすると、入力した設定に従ってサイズが調整されないことです。ほとんどの画像が切り取られます。frame.setResizable() を試しましたが、ウィンドウのサイズをある程度操作できますが、画像はまだ切り取られています。

以下は私のコードで、OS X で実行されている Macbook Pro で Processing 2.0B7 に取り組んでいます。

//Setting up the images that will go into the sketch

PImage img1;
PImage img2;
PImage img3;
PImage img4;
PImage img5;
PImage img6;
PImage img7;
PImage img8;
PImage img9;
PImage img10;
PImage img11;
PImage img12;
PImage img13;
PImage img14;
PImage img15;
PImage img16;
PImage img17;

//loading the images from the file
void setup() {
  size(600, 1200); 
  frame.setResizable(true);  
  img1 = loadImage("Click.png");
  img2 = loadImage("Team_Algeria.png");
  img3 = loadImage("Team_Angola.png");
  img4 = loadImage("Team_BurkinaFaso.png");
  img5 = loadImage("Team_CapeVerde.png");
  img6 = loadImage("Team_DRCongo.png");
  img7 = loadImage("Team_Ethiopia.png");
  img8 = loadImage("Team_Ghana.png");
  img9 = loadImage("Team_IvoryCoast.png");
  img10 = loadImage("Team_Mali.png");
  img11 = loadImage("Team_Morocco.png");
  img12 = loadImage("Team_Niger.png");
  img13 = loadImage("Team_Nigeria.png");
  img14 = loadImage("Team_SouthAfrica.png");
  img15 = loadImage("Team_Togo.png");
  img16 = loadImage("Team_Tunisia.png");
  img17 = loadImage("Team_Zambia.png");
}


int a = 0;

//Drawing the images into the sketch
void draw() {
  background(#000000);
  image(img1, 400, 100);
  image(img2, 100, 200);
  image(img3, 100, 260);
  image(img4, 100, 320);
  image(img5, 100, 380);
  image(img6, 100, 440);
  image(img7, 100, 500);
  image(img8, 100, 560);
  image(img9, 100, 620);
  image(img10, 100, 680);
  image(img11, 100, 740);
  image(img12, 100, 800);
  image(img13, 100, 860);
  image(img14, 100, 920);
  image(img15, 100, 980);
  image(img16, 100, 1040);
  image(img17, 100, 1100);
}
4

1 に答える 1

0

カットオフの意味がわかりませんが、位置を示しているだけなので、画像が大きい場合 (この場合は高さ 60 よりも大きい場合)、それらは互いに重なってしまいます。読み込んでいる png 画像の正確なサイズは?

画像にサイズも割り当ててみてください。つまり、 ref に従ってさらに 2 つの引数を追加します。

image(img2, 100, 200, whateverWidth, 60);  // I put 60 since it is the vertical space you are leaving between images

これは役に立ちますか？

于 2013-01-22T17:44:44.363 に答える