加载中…
个人资料
WZ_Daixiaohong
WZ_Daixiaohong
  • 博客等级:
  • 博客积分:0
  • 博客访问:367,090
  • 关注人气:232
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

《Processing互动编程》第5课快速画一张背景图(二重循环)

(2019-04-15 16:07:39)
标签:

初中信息技术

创客教育

《processing互动编程

分类: 《Processing互动编程》
用代码“画”一张很常见的背景图,运用前几节课学习的 ellipse、fill、noStrok等就可以啦 。还需要加上写j最常用的i和j的二重循环结构。

《Processing互动编程》第5课快速画一张背景图(二重循环)
复习:
1.设置背景色彩的语句:
background函数
格式:
background(r,g,b);
background(x);

2.绘制椭圆的语句:
Ellipse函数
ellipse(x,y,d1,d2);
其中,x、y是圆心的横、纵坐标,d1、d2圆的两条直径

3.填充图表色彩的语句:
fill函数
fill(r,g,b) 填充色彩;
fill(x);
noFill() 无填充;注意F要大写

4.描绘线条的色彩
stroke(r,g,b);描边线色彩
noStroke();无边框 ;注意S要大写

一、初始化程序
定义窗口800*600和设置浅灰背景色,
《Processing互动编程》第5课快速画一张背景图(二重循环)


二、绘制一行圆   一重循环 i变量
绘制以下效果
《Processing互动编程》第5课快速画一张背景图(二重循环)
1.方法:
ellipse(x,y,d1,d2) 绘制圆,保持y值不变,定量改变x的值

2.循环格式:
-------------------------------------
for (i=初值;i<末值;i改变的量)

-----------------------------------------------------

3.实现程序
《Processing互动编程》第5课快速画一张背景图(二重循环)
三、绘制多行圆 二重循环 i和j变量
1.方法
基于画每一行圆的基础,在画好第一个圆和第二个圆之间,同时画出与第一个圆同列的圆;
2.循环格式:
-------------------------------------
for (i=初值;i<末值;i改变的量)
for (j=初值;j<末值;j改变的量)
   
     
 
-----------------------------------------------------


3.实现程序
《Processing互动编程》第5课快速画一张背景图(二重循环)

四、思考与和提升
1.完成本例后进行修改代码,实现以下效果
《Processing互动编程》第5课快速画一张背景图(二重循环)提示:填充色彩与循环变量如何联系?


0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有