-
我们又回到了“画温斯顿”这个程序了,
但是我添加了一些文字。
-
看,我想做的是在把温斯顿放在这些标签下面,
-
显示他不同的人生阶段。
-
现在他在屏幕上到处乱窜。
-
这是因为在该函数里,
我们把faceX和faceY 设置成了随机数。
-
但是,我们想做的事情是——
嘿,我想你把温斯顿画到我指定的这个位置。
-
我希望每次调用函数的时候,
我都能准确说明它的位置,
-
就像我们放置椭圆和矩形的时候一样。
-
我想要把温斯顿放在这里、这里,
还有一个温斯顿在这里、一个温斯顿在这里。
-
我不希望我每次调用函数的时候,
他满世界随机乱跑。
-
要做到这一点,我们要设置该函数里的参数,
-
既要在函数定义里设置参数——就是顶部这里,
-
也要是调用函数这里设置参数——
就是下面这里我们实际调用参数的时候。
-
在画温斯顿的时候,
我们传递的函数参数为faceX和faxeY,
-
我们要让该函数使用我们传递的值,
而不是生成随机数。
-
我们先这样想,我们传递完值后,
下面这些函数会如何调用它们呢。
-
我们想要把温斯顿放在每行标题文字下面,
-
这样每个温斯顿的X坐标跟Y坐标应该
跟这些标题文字的坐标很接近。
-
可能温斯顿的Y坐标
比标题文字的Y坐标低10个像素左右。
-
那第一个的X、Y坐标就应该是10、30,
然后是200、230;10、 230; 200、 230。
-
这跟标题文字的坐标是一样的。
只是每一个Y坐标我加了10,
-
因为我想把它放低一点点而已。
-
但是温斯顿没有动。
-
这是因为我们还没有告诉上面的函数我们要传递参数了,所以它还在用这些随机数值。
-
要告诉这些函数,“我们要给你这些信息啦”,
-
我们一定要在这些括号里面打入这些参数的名字。
-
我们将其命名为 faceX 和 face Y, 用逗号分隔开。
-
我们这样命名是因为在该函数里面
我们已经用了这些名字,
-
这样我们就不用重写其他代码了。
-
但是,还是什么都没有发生。
温斯顿还是在满世界乱跑。
-
如果你在看回来顶部的函数,
-
你会发现随机数值还是覆盖在faceX和faceY上。
-
所以我们要做的就是把这两行都删掉。
-
现在,faceX和faceY传递到函数里了,
-
而且它在使用我们在下面调用的值。
-
但是如你所见,温斯顿摆放的位置不是很正确,
-
因为我忘记了文字应该左对齐,脸则应该是居中。
-
所以我只需要修改一下我的数字是吧。
-
我要把 X 坐标右移很多, Y坐标下移一点。
好了,孩童时期的温斯顿弄好了。
-
我们继续。
-
我们现在只要修改一下函数的参数值即可,完全不用重新定义函数。
-
它会使用我们传递的值,
-
就像制作椭圆和矩形的时候一样。
-
现在我已经差不多摆放好了,
但是我又注意到温斯顿有点大。
-
几个温斯顿重叠在一起。
他的大小不大对劲。
-
因为我是写了一个代码,
用函数把温斯顿画出来的,
-
我也是一下子就可以改变全部的大小,
-
只要修改这一行画椭圆的代码即可。
-
我们看看改成190x190怎么样。
耶,温斯顿减肥了。
-
现在他的大小合适了。
然后,我还可以微调一下位置。
-
这样我就能把它放进去了是不是?
好酷!
-
我们再来回顾一下这个函数的功能。
它定义了一个叫做“画温斯顿”的函数,
-
它将采用两个值,
这两个值的名字叫faceX和faceY。
-
实际上这两个值就是参数,
我们可以在整个函数里使用它们,
-
就像我们以前使用在顶部声明的参数一样,
-
我们声明完函数之后就可以随时调用它们,
-
我们可以传递不同的值。
它也会每次使用新输入的值。
-
你也见证了这些函数的神奇效应,
-
我们可以设计一些我们觉得可以重复使用的代码,
-
但是我们也可以用参数说,
“嘿,你可以在这里修改一下这个代码。”
-
就像是一个菜谱,
你写下总体指令,
-
然后你突然发现你要喂的
不只是一个温斯顿,而是四个,
-
你不用一切重新开始,
-
你只需要调整一下原始指令,并把一切乘上4即可。
-
现在你可以开始想自己代码里的菜谱啦!
哇!真好吃!