0
申し訳ございません。これは私がこれをやった最初の回の1つで、おそらく単純な問題です。私は "blobby.js"でオブジェクトを定義して作成する小さなプログラムをセットアップしようとしていますが、次にhtmlファイル内のスクリプトタグの中にsetupとdrawを入れています。私は処理の中でこれをやろうとしています。あなたが参照するように、htmlでも参照しています。私の問題は、背景が表示されても、randomが定義されていないというコンソールにエラーがあります。ここに私のコードだ：processing.js html設定（終了）
<html>
<head>
<title>PATHOGEN</title>
</head>
<body>
<script language="javascript" type="text/javascript" src="processing.min.js"></script>
<script src="blobby.js"></script>
<script type="text/processing" data-processing-target="mycanvas">
void setup()
{
size(600,600);
PFont fontA = loadFont("sans-serif");
textFont(fontA, 14);
}
console.log(cells);
void draw(){
background(225, 1, 1);
for (var i = 0; i < cells.length; i++) {
cells[i].show();
}
}
</script>
<canvas id="mycanvas"></canvas>
</body>
</html>
また、ここでのコードはblobby.jsである：
var blobby = function(X, Y, S) {
this.x = X;
this.y = Y;
this.s = S;
};
console.log("Hey, blobby is here!");
blobby.prototype.show = function(){
//Blobbiness and plasma membrane
var perlin = 0;
pushMatrix();
translate(this.x, this.y);
strokeWeight(4);
stroke(20, 210, 60, 170);
fill(255, 0, 0);
beginShape();
for (var a = 0; a < TWO_PI; a+=0.1){
var d = map(noise(perlin, frameCount/100), 0, 1, this.s-10, this.s);
var x = sin(a)*d;
var y = cos(a)*d;
vertex(x, y);
perlin+=0.1;
}
endShape(CLOSE);
popMatrix();
};
var cells = [];
for (var i = 0; i < 1; i++) {
cells.push(new blobby(random(100, 500), random(100, 500), random(70, 100)));
}
本当にありがとうございました！あなたのケースランダムで
私が知る限り、ランダム関数は現在動作していますが、pushMatrixは定義されていません。私は[pushMatrix]（http://processingjs.org/reference/pushMatrix_/）はprocessing.js内の関数なので、私の問題はおそらく処理ライブラリを設定していないと思うのです。私のhtmlを設定する方法に何か問題はありますか？ –
javascriptコードをindex.htmlからblobby.jsに移動してみてください。 –
また、原点交差要求エラーのためにこれが機能しない可能性があります。唯一の解決策は、プロジェクトをサーバー上で実行するか、または原点交差要求エラーを取得しないforefoxまたはsafariでプロジェクトを開くことです。 –