2.9 你的第一个草图
现在，你应该下载并完成了Processing的安装，理解了基本菜单和界面窗口，并且了解了在线参考文档，是时候编写代码了。正如我在第1章中所提及的，本书的第一部分内容将会沿用一个案例来阐述编程的基本组成元素：变量、条件语句、循环、函数、对象，以及数组。当然书中也会穿插别的示例，但是一直沿用一个示例的好处在于：它能够更好地让你看到电脑编程各个基本元素之间是如何循序渐进、互相依存的。
这个示例将会根据Zoog的故事来展开，Zoog是我们的新朋友，它一开始仅仅是一个静态的简单图形。随后，Zoog逐渐发展为可以进行鼠标点击交互、动态化，以及克隆为许多Zoog组成的家族。当然你没有必要让自己设计的宠物程序去完成本书的每一个练习，但是从一个初始的概念，逐步通过本书每章的内容去完善它，通过新的编程知识去不断拓展它的功能，这个过程对你的学习是非常有帮助的。如果你没想好怎么开始，那就设计一个属于自己的宠物形象，把它叫做Gooz，开始着手编程创造它吧！如图2-7所示。
示例2-1：关于Zoog的又一个示例
假装，就那么一会儿，你发现我设计的Zoog是如此令人赏心悦目，以至于你迫不及待想将它在电脑屏幕上展示出来。（是的。我知道目前Zoog还远没有达到让你感到惊奇的程度。）想要运行本书中的任何一段代码，你有以下两个选择：
把代码全部手动重新写一遍。
访问本书的网站（http://learningprocessing.com），按序号找到示例，然后复制粘贴（或下载）这些代码。
毫无疑问，第2个选择更容易也节省时间，而且我建议你快速浏览网站上的代码，并且观看其实时运行效果，这让你能够快速了解这些示例。可是，如果你刚开始学习编程，那么将代码逐字输入到电脑对你学习编程是有很大价值的。在你输入代码的时候，你的大脑会想海绵一样吸收学习编程的句法和逻辑，而且整个过程中犯的错误会让你学习到很多。此外，逐行输入每行代码以后再运行这个程序，会逐渐消除草图运行机制带给你的神秘感。
我相信你会在最适合的时候复制/粘贴代码。随着学习的深入，你会逐步提高。如果你运行本书中的示例，但是发现自己并没有完全搞明白其中的道理，那就尝试去采用手动的方式逐行输入。
练习2-9：利用在第1章里学习的内容，使用Processing绘制自己的设计方案，只使用简单的2D图形函数（arc()、curve()、ellipse()、line()、point()、quad()、rect()、triangle()），以及基本的颜色相关函数（background()、colorMode()、fill()、noFill()、noStroke()和stroke()）就可以了。别忘记使用size()函数来设定窗口的尺寸，或者使用fullScreen()让草图全屏显示。建议：每写一行代码就运行一下草图，整个过程当中及时修正每个错误。
