處理代碼在瀏覽器上不顯示任何內容。不知道爲什麼

有人知道這段代碼有什麼問題嗎？它在瀏覽器中不顯示任何內容。處理代碼在瀏覽器上不顯示任何內容。不知道爲什麼

我的意圖是根據鼠標位置繪製兩隻眼睛。所以我定義了一個Eye類，然後用變量mouseX和mouseY調用它的繪製方法。但是，它在瀏覽器上沒有顯示任何內容。

此外，我不知道如何檢測大小的瀏覽器，因爲screen.width和screen.height似乎無法在瀏覽器中工作。

<!DOCTYPE html> 
<html> 
<head> 
<script type="text/javascript" src="processing.js"></script> 
<script type="text/processing" data-processing-target="mycanvas"> 


void setup(){ 
    size(400,400); 
    smooth(); 
    background(225); 
    } 

if (mousePressed){ 
    Face.draw(mouseX,mouseY);} 

class Face{ 
    float x,y,a; 

    Face(float ax,float ay){ 
    x=ax; 
    y=ay; 
    a=random(1,5);} 

    void draw{ 

     noFill(); 
     stroke(0); 
     //eye1 
     ellipse(x+2.2*a,y-a,a/2,a/2); 
     //eyelashes1 
     arc(x+2.2*a，y-.5*a,1.2*a,1.2*a,PI,2*PI)； 
     //eyebrows1 
     arc(x+3*a,y-.3,2*a,2*a,5/4*PI,9/4*PI); 

     //eye2 
     ellipse(x-2.2*a,y-a,a/2,a/2); 
     //eyelashes2 
     arc(x-2.2*a，y-.5*a,1.2*a,1.2*a,PI,2*PI)； 
     //eyebrows2 
     arc(x-3*a,y-.3,2*a,2*a,5/4*PI,9/4*PI); 



    } 


    } 


</script> 
</head> 
<body></body> 
<canvas id="mycanvas"></canvas> 
</html>

我是初學者，所以我不知道我的問題是不是愚蠢的。

但是，任何暗示的歡迎:)

順便說一下如何添加顏色代碼計算器上？

來源

2012-09-02 kikkpunk

您的腳本存在一些問題。

與HTML頁面相關：

您必須聲明的文檔的編碼在header部分：<meta charset="utf-8">
的canvas內容應列入內的HTML body。

相關與處理代碼：

處理腳本需要至少一個setup()函數和一個draw()功能。您在Face類中定義了draw()方法，但在主類draw()函數中未定義draw()方法（順便說一下，您錯過了draw()方法中的括號）。
mousePressed功能應該包含在主要draw()方法中。
您至少需要聲明Face類的一個實例（在setup()函數內）。例如：Face myFace = new Face(10, 10);。您draw()方法內部
，可能更多的語法錯誤...

我的建議：

開始用簡單的東西：你從頭開始寫越線，調試的難度。試着先繪製一個橢圓，然後逐漸向代碼中添加更多內容。
將您的處理腳本保存在單獨的文件中。它的清潔，可以使用處理編輯器或processing online sketch進行調試：

<!DOCTYPE html> 
    <html lang="en"> 
     <head> 
      <meta charset="utf-8"> 
      <title>Testing testing</title> 
      <script type="text/javascript" src="processing.js"></script> 
     </head> 

     <body> 
      <canvas id="my-sketch" data-processing-sources="my-sketch.pde"></canvas> 
     </body> 
    </html>

檢查this tutorial以獲取有關處理對象和類的一些想法。
處理中的語法與java非常相似，並且有很多資源用於理解該語言的OOP基礎知識。只需google for it。

對於語法高亮顯示，look here。

來源

2012-09-02 12:05:03

處理代碼在瀏覽器上不顯示任何內容。不知道爲什麼

回答

相關問題