web analytics

Processing:像素

pr1-1
pr1-1

1. 计算机萤幕左上角坐标为0,0,横向为x、纵向为y轴。

2. 画矩形有三种方式:i. CORNER: rect(左上x, 左上y, 宽, 高);ii. CENTER: rect(中心x, 中心y, 宽, 高);iii. CORNERS: rect(左上x, 左上y, 右下x, 右下y)。画椭圆(ellipse)也是用同样的思路。看起来很难记比较容易混淆,但是只要记住有中心的就是center,出现一个角的坐标值的是corner,出现两个角的坐标值的就是复数,所以是corners。

3. 写ellipseMode的时候我发现processing的代码严格区分大小写,大小写不对狗日不认,完全不认。

4. 边框stroke()和填充fill()要写在被填色物的形状代码之前。背景色background()要写在他们所有之前。要除去边框和填充应当使用noStroke()和noFill()命令。而不要在括号里使用0,记住这里的0不是“没有”的意思,而是代表黑色。另外,注意不要同时使用noStroke()和noFill(),因为这样将什么也不会出现。

5. 从教材里的两个例子我发现一点,如果不指定rectMode的话,默认的模式是CORNER–rect(左上x, 左上y, 宽, 高)。而ellipse默认的则是CENTER–ellipse(中心x, 中心y, 宽, 高)。

pr1-2
pr1-2

6. Processing按由上往下、承上启下的方式执行代码。所以很多属性,如果是之前写过的,你就没必要在之后再重写了。

7. 如果你在点击run后,修改了代码想要再看效果,不用关闭之前运行的窗口,或者点击stop后再run,直接点run即可。

8. fill()的第四位引数代表它的透明度(前三位为RGB数值),和颜色一样,值255代表100%不透明,191则代表75%不透明,这个值越小,则透明度越高。

9. 原来颜色除了RGB,还有个HSB(色调、饱和度、亮度)可供表述。。。colorMode()可以在这两者间切换,并将它们的范围用第二引数的方式重新设定。

分享给你的网络

ww
ww

10 Comments

  1. 好厉害!!!!我找了好几天了,你这里的pocessing教程好多,万分感谢!!!

  2. 我想问一下,最下面那个例子,为什么是都是红色的深浅,我把fill里的数字换了,也还是的,不能是蓝色或者黄的吗?是不是默认就是红色的?要是换别的色要怎么设置呢?

    • @李李, fill()里前三位控制颜色,它们依顺序分别代表红、绿、蓝(RGB,三原色),用数字表示其量的多少(最小不低于0,最大不超过255),最后输出混合的颜色。比如你要蓝色,可以写fill(0,0,255),要黄色,可以写fill(0,255,255)。循序渐进慢慢来,踏实一点,别总想着一口吃成胖子。

  3. 恩,好的,谢谢,我现在把你的博客从最简单的开始看,开始顺序有点乱,你可不可以加我QQ,我不懂就问你,谢谢了,617595265

Leave a Reply

Your email address will not be published. Required fields are marked *