새로운 행을 그리지 않고 행을 업데이트 하시겠습니까?

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 사용할 수 있습니다.