新しい線を描画する代わりに線を更新しますか？

Question

注：私はp5.jsを実行しています

私はドラッグし始めた場所から現在ドラッグしている場所に線を描こうとしています。これをどうやってやりますか？

mOriginX = 0; 
mOriginY = 0; 


function mousePressed(){ 
    mOriginX = mouseX; 
    mOriginY = mouseY; 
} 

function mouseDragged(){ 
    line(mOriginX,mOriginY,mouseX,mouseY); 
} 

はどれだけ私はそれだけで常にその位置を更新している単一線を引くになるだろう、私は元々クリックした場所からのラインのトンを作りますか？

Answer 1

キャンバスをクリアするには、clear()機能を使用してください。

行う必要があります。基本的

、：

mOriginX = 0; 
mOriginY = 0; 

function mousePressed(){ 
    mOriginX = mouseX; 
    mOriginY = mouseY; 
} 

function mouseDragged(){ 
    clear(); 
    line(mOriginX,mOriginY,mouseX,mouseY); 
} 

あなたはまた、線を描画して、すべてのクリック、それを書き換えることができます。

mOriginX = 0; 
mOriginY = 0; 

function draw() { 
    line(mOriginX,mOriginY,mouseX,mouseY); 
} 
function mousePressed() { 
    mOriginX = mouseX; 
    mOriginY = mouseY; 
    redraw(); 
} 

は、関数の参照を再描画here可能です。