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 

Iライン（）を使用しようとするとき。私は

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()機能は動作するはずですが、まだ正しく実装されていません。

第2のエラーを検出すると、this GitHub issueが返されます。これは、描画前にfill()の色を設定しないことが原因である可能性があることを示しています。