Fatal编程技术网
  • class/
  • Class 处理代码在浏览器上不显示任何内容。don'；我不知道为什么

Class 处理代码在浏览器上不显示任何内容。don'；我不知道为什么

class syntax processing

Class 处理代码在浏览器上不显示任何内容。don'；我不知道为什么,class,syntax,processing,shape,processing.js,Class,Syntax,Processing,Shape,Processing.js,有人知道这个代码有什么问题吗？它在浏览器中不显示任何内容 我的意图是根据鼠标位置画两只眼睛。所以我定义了一个Eye类，然后用变量mouseX和mouseY调用它的draw方法。 但是，它在浏览器上不显示任何内容 另外，我想知道如何检测浏览器的大小，因为screen.width和screen.height在浏览器中似乎不起作用 <!DOCTYPE html> <html> <head> <script type="text/javascript" src=

有人知道这个代码有什么问题吗？它在浏览器中不显示任何内容

我的意图是根据鼠标位置画两只眼睛。所以我定义了一个Eye类，然后用变量
mouseX
和
mouseY
调用它的draw方法。 但是，它在浏览器上不显示任何内容

另外，我想知道如何检测浏览器的大小，因为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>


无效设置（）{
尺寸（400400）；
光滑的（）；
背景（225）；
}
如果（鼠标按下）{
脸。画（mouseX，mouseY）；}
阶级面孔{
浮动x，y，a；
面（浮动轴、浮动轴）{
x=ax；
y=ay；
a=随机（1,5）；}
抽真空{
noFill（）；
冲程（0）；
//眼睛1
椭圆（x+2.2*a，y-a，a/2，a/2）；
//睫毛
弧（x+2.2*a，y-.5*a，1.2*a，1.2*a，PI，2*PI）
//眉毛1
弧（x+3*a，y-.3,2*a，2*a，5/4*PI，9/4*PI）；
//眼睛2
椭圆（x-2.2*a，y-a，a/2，a/2）；
//睫毛
弧（x-2.2*a，y-.5*a，1.2*a，1.2*a，PI，2*PI）
//眉毛2
弧（x-3*a，y-.3,2*a，2*a，5/4*PI，9/4*PI）；
}
}
我是初学者，所以我不知道我的问题是否愚蠢

但任何暗示都是受欢迎的：）

顺便问一下，如何为stackoverflow上的代码添加颜色？

您的脚本存在一些问题

与html页面相关：

  • 您必须在
    标题
    部分声明文档的编码：
  • canvas
    元素应该包含在html
    正文中
与处理代码相关：

  • 处理脚本至少需要一个
    setup（）
    函数和一个
    draw（）
    函数。您在
    Face
    类中定义了
    draw（）
    方法，但没有定义主
    draw（）
    函数（顺便说一下，您错过了
    draw（）
    方法中的括号）
  • mousePressed
    功能应包含在主
    draw（）
    方法中
  • 您至少需要声明
    Face
    类的一个实例（在
    setup（）
    函数中）。例如：
    facemyface=newface（10,10）
  • 在
    draw（）方法中可能还有更多语法错误
我的建议：

  • 从更简单的事情开始：从头开始写的行越多，调试就越困难。试着先画一个椭圆，然后在代码中添加更多的内容
  • 将处理脚本保存在单独的文件中。它更干净，您可以使用处理编辑器或：

测试
  • 检查以了解有关处理中的对象和类的一些想法
  • 处理中的语法与java非常相似，并且有更多的资源用于理解该语言的OOP基础知识。只是
对于语法highlightning，.

您的脚本存在一些问题

与html页面相关：

  • 您必须在
    标题
    部分声明文档的编码：
  • canvas
    元素应该包含在html
    正文中
与处理代码相关：

  • 处理脚本至少需要一个
    setup（）
    函数和一个
    draw（）
    函数。您在
    Face
    类中定义了
    draw（）
    方法，但没有定义主
    draw（）
    函数（顺便说一下，您错过了
    draw（）
    方法中的括号）
  • mousePressed
    功能应包含在主
    draw（）
    方法中
  • 您至少需要声明
    Face
    类的一个实例（在
    setup（）
    函数中）。例如：
    facemyface=newface（10,10）
  • 在
    draw（）方法中可能还有更多语法错误
我的建议：

  • 从更简单的事情开始：从头开始写的行越多，调试就越困难。试着先画一个椭圆，然后在代码中添加更多的内容
  • 将处理脚本保存在单独的文件中。它更干净，您可以使用处理编辑器或：

测试
  • 检查以了解有关处理中的对象和类的一些想法
  • 处理中的语法与java非常相似，并且有更多的资源用于理解该语言的OOP基础知识。只是
对于语法highlightning