2017-06-04 3 views
2

キャンバスグラフィックを使用してオブジェクトを描画し、最後に描いたオブジェクトを元に戻す必要がありますが、最後のオブジェクトをグラフィックから削除するオプションが見つかりませんでした。以下は p5jsのキャンバスグラフィックスから要素を削除する

canvas=createCanvas(1000,1000); 
    canvsGraphics = createGraphics(1000,1000); 

がmouseDraggedで作成したオブジェクトである()関数 - - あなただけのDELEすることはできません

noStroke(); 
     fill(R,G,B); 
     rectMode(CENTER); 
     rect(mouseX,mouseY,20,20); 

    //CREATES BUFFER 
    canvsGraphics.noStroke(); 
    canvsGraphics.fill(R,G,B); 
    canvsGraphics.rectMode(CENTER); 
    canvsGraphics.rect(mouseX,mouseY,20,20); 

答えて

1

機能)以下

は、セットアップ中にコード()であります一度描画されるとオブジェクトになります。

ただし、background()関数を使用してすべてのオブジェクトを消去して、まだ見たいオブジェクトをすべて再描画することができます。

すべてのオブジェクトを保持するデータ構造を作成することを検討します。次に、各フレーム、そのデータ構造をループし、各オブジェクトを描画します。オブジェクトを削除するには、オブジェクトをデータ構造から削除するだけです。

+0

私はP5.JSの新機能ですので、データ構造にオブジェクトを追加するための参照や例を教えてください。 – Tanzeem

+0

@Tanzeem 'PVector'インスタンスの配列のような簡単なものから始めましょう。 –

関連する問題