JavaScript入门

Posted 2020-10-08 infocodez

　　不需要刻意记忆函数或者命令，要学会查用技术文档，而且用多了自然就记住了。

　　Remove the noStroke() call，移除noStroke函数调用。

　　stroke(255, 0, 0); 线条颜色 默认红色。RGB取色器。三个参数分别代表R,G,B所占比例。　　

　　background(r, g, b)Set the background color，背景色设置

　　fill(r, g, b)Set the fill color for shapes， （图形）形状填充色

　　mouseX, mouseY,可直接调用，但必须在函数内。

　　mouseX指鼠标X轴坐标，可替换函数内的X值也可替代Y值，会出现不同的效果。图形类函数及颜色类函数均可使用mouseX & mouseY.

　　如以下代码，跟随鼠标移动的小圆圈。

 1 // mouseX and mouseY
 2 
 3 strokeWeight(3);
 4 stroke(57, 0, 214);
 5 fill(0, 210, 247);
 6 
 7 
 8 draw = function() {
 9     
10     background(255, 255, 255);
11     
12     ellipse(mouseX, mouseY, 30, 30);
13     
14 };

 　　若不使用background，则移动鼠标后，小圆圈会留下残影。效果操作　　ps. 博客园不能直接上传图片，有点小遗憾。

　　  使用background则不会留下残影。