1

今日、p5.js エディターをダウンロードしたばかりで、主に楽しみで遊んでいます。ただし、createCanvas() を使用すると、結果のウィンドウが正しいサイズになるのは、コードを初めて実行するときだけであることに気付きました。それ以降は毎回、ウィンドウの高さが少しずつ減少し、ウィンドウの幅が同様の量だけ増加します。

以下は私のコードです：

function setup() {
  createCanvas(600, 400);
}

function draw() {
  background(0);
  strokeWeight(4);
  stroke(255);

  //Create rows of circles with a thick white outline across the entirety of the canvas
  //Their x and y values are used to create some static random variation in color (r, g, b)
  for (var y = 0; y <= height; y += 50) {
    for (var x = 0; x <= width; x += 50) {
      fill(x%255, (x*y)%255, y%255);
      ellipse(x, y, 25, 25);
    }
  }
}

コードを最初に実行した後のウィンドウは次のようになります。ウィンドウの寸法は、キャンバスの寸法と完全に一致します。

コードを 3 回閉じて実行した後のウィンドウは次のようになります。このウィンドウの変形は、文字通りタイトル バーだけが残るまで、このように続きます。

createCanvas(displayWidth, displayHeight) を使用しても問題が解決しない

Windows 用の p5.js エディターの最新ビルド (現在は 0.5.10) を使用しており、Windows 10 で実行しています。この問題に関する他のユーザーのレポートが見つからないため、行き詰まりを感じています。それは大きな問題ではありませんが、煩わしいほど不便です。

何が原因で、どうすれば修正できますか?

助けてくれてありがとう！

4

1 に答える 1

0

これはバグのようです。ここにバグレポートを提出しました。私が省略した詳細を自由に追加してください。

エディターのダウンロード ページには次のように書かれています。

p5.j​​s エディターは現在開発中です。今すぐベータ版をお試しください。フィードバックやバグを投稿して助けてください。

今のところ、設定 (エディターの右上隅にある小さな歯車のアイコン) に移動し、[ブラウザーで実行] 設定を [オン] に変更できます。これにより、ポップアップ ウィンドウではなくブラウザでスケッチが起動します。

于 2016-06-07T14:02:18.343 に答える