MIT processing tutorial Processing handbook 中文教程.doc

MIT Processing handbook 中文教程-3-Shape 1 Coordinates,Primitives（Part b) 来源：Processing: A Programming Handbook for Visual Designers and Artists章节：3-”Shape 1 Coordinates,Primitives” 35进度：33 (Part b)作者：Casey Reas，Ben Fry版权：MIT Press翻译：鲸男(whaleforest).2007/11/28-11/??发表：/forum与/whale/与/group/processing/说明：翻译用于Processing中文用户的学习交流与推广，如有侵权请告知我将尽快删除（whaleforest@），转载请包括此信息。期待大家指正错误及一起翻译。 (page31) Drawing order 图形呈现顺序 使用代码绘制多个图形时也需要考虑排列顺序，先绘制出的图形会被后绘制出的图形覆盖。例如，在程序的第一行使用代码绘制出的正方形，会被第二行代码绘制出的圆形覆盖，改变两行代码顺序圆形就会被正方形覆盖。 rect(15, 15, 50, 50); // 下ellipse(60, 60, 55, 55); //上 2-23 ellipse(60, 60, 55, 55); // 下rect(15, 15, 50, 50); //上 2-24 Gray values 灰度 以上所有例子的视觉窗口都使用了默认的浅灰色背景，黑色线条，白色填充。想要改变这些设置就必须在程序中声明，使用background() 函数可以在0－255范围内设置视觉窗口的灰度，数字255代表黑色数字0代表白色，在这个范围内更改数字就可以得到想要的灰度。默认情况下背景颜色是204(浅灰色)： background(0); 2-25 background(124); 2-26 background(230); 2-27 P32fill()函数用来控制图形的填充色，stroke()用来控制图形外框颜色。默认情况下填充数值为255（白色），外框颜色为0（黑色）。 rect(10, 10, 50, 50);fill(204); // 浅灰rect(20, 20, 50, 50);fill(153); // 中灰rect(30, 30, 50, 50);fill(102); // 暗灰rect(40, 40, 50, 50); 2-28 background(0);rect(10, 10, 50, 50);stroke(102); // 暗灰rect(20, 20, 50, 50);stroke(153); // 中灰rect(30, 30, 50, 50);stroke(204); // 浅灰rect(40, 40, 50, 50); 2-29 默认情况下所有图形的填充色和外框色都一样， 重新设定fill()函数和stroke()函数的数值可以改变这种情况。 fill(255); // 白色rect(10, 10, 50, 50);rect(20, 20, 50, 50);rect(30, 30, 50, 50);fill(0); // 黑色rect(40, 40, 50, 50); 2-30 fill()函数和stroke()函数的第二个参数用来设置透明度，参数值为255时图形完全不透明，设置为0时完全透明： background(0);fill(255, 220);rect(15, 15, 50, 50);rect(35, 35, 50, 50);fill(0); 2-31 fill(0);rect(0, 40, 100, 20);fill(255, 51); // 高透明度rect(0, 20, 33, 60);fill(255, 127); // 中透明度rect(33, 20, 33, 60);fill(255, 204); // 低透明度rect(66, 20, 33, 60); 2-32 P33填充色和外框色可以被禁用，这时就要分别用到noFill()函数和noStroke()函数，如果同时使用这两个函数，视觉窗口中将会看不到任何图形。 rect(10, 10, 50, 50);noFill(); // 禁用填充rect(20, 20, 50, 50);rect(30, 30, 50, 50); 2-33 rect(20, 15, 20, 70)