WEBGL을 사용하여 p5.js에 선을 그리는 방법

Question

3D의 선을 p5.js에서 사용할 수 있습니까?

여기에서 자습서 : https://github.com/processing/p5.js/wiki/Getting-started-with-WebGL-in-p5 에는해야하지만 내 시도는 빈 페이지 만 제공한다고 나와 있습니다.

케빈, 아래, 지적으로

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

function draw(){ 
    line(-100,-100,-100, 100,100,100); 
} 

는 콘솔에 오류가 있습니다 :

TypeError: this._renderer.line is not a function 

내가 라인을 사용하려고 시도

(); 내가

function draw(){ 
    box(); 
} 

상자가 참으로 그려 얻을 않는 한) (그릴 작성하는 경우

내 브라우저가 WebGL을 지원을합니다.

나는 현재 라인을 그릴 찾은 유일한 방법은 내 자신의 기능 3D 공간에 선을 그어야하지

function drawLine(x1, y1, z1, x2,y2, z2){ 
    beginShape(); 
    vertex(x1,y1,z1); 
    vertex(x2,y2,z2); 
    endShape(); 
} 

를 작성하는 것입니다 만, 콘솔 형태의 많은 오류를 생성

Error: WebGL: vertexAttribPointer: -1 is not a valid index . This value probably comes from a getAttribLocation() call, where this return value -1 means that the passed name didn't correspond to an active attribute in the specified program.

이렇게하므로 무언가 틀리게되어야합니다.

Answer 1

Googling your error은 this GitHub issue을 포함하여 1 톤의 결과를 반환합니다.

이렇게 알려진 문제 일 것 같습니다. line() 함수는 작동해야하지만 아직 제대로 구현되지 않았습니다.

두 번째 오류를 검색하는 것은 this GitHub issue을 반환하며 이는 그리기 전에 fill() 색을 설정하지 않아 발생할 수 있음을 나타냅니다.