作者：于方军
出版社：清华大学出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
BYOB创意编程——Scratch扩展版教程(光盘内容另行下载，地址见书封底)试读：
前言
“旧时王谢堂前燕，飞入寻常百姓家。”在研究图形化编程时就有这种感觉，原来属于程序员们玩的编程，通过Scratch和BYOB等图形化编程工具让普通人经过几个小时的学习也能玩，每个人都可以通过它发挥自己的想象力，用编程的方式去表达自己的内心。这个过程就如同当年DOS向Windows的转变。正是这种图形化操作窗口的出现，让普通人在计算机面前不再恐惧，计算机作为表达自己的一种工具逐渐开始普及。很早就听说过Scratch，直到2011年，在吴向东老师引导下开始和学生们一起玩Scratch，很快学生和老师一起被它吸引，许多学生在周末为了编一个程序坐在计算机前几个小时，本书中的很多例子就是和学生一起完成的。在2012年，吴俊杰老师知道了BYOB，立刻又被它吸引住了。在使用Scratch 1.4的过程中，学生的一些想法要么无法实现，要么实现起来很麻烦，而当时BYOB 3.1已经添加了自建程序块的功能，这也是吸引我的最初原因。通过使用还发现其他改进，觉得用BYOB编程有种畅快淋漓的感觉，没有那么多的束缚，所以想编辑成册，与同行分享。
本书主要参考了BYOB官网（http://byob.berkeley.edu/）提供的材料，同时参考了美国加州大学伯克利分校的bjc（Beauty and Joy of Computing）课程（http://bjc.berkeley.edu/）。还借鉴了国内早期研究BYOB的陈紫凌老师（http://blog.sina.com.cn/s/blog_667a8d3501012iv2.html）的一些观点，在同猫友汇群友的热情交流中也获益颇多。
本书由于方军主编并负责全书的统筹协调，具体编写分工如下： 张婷婷编写第1章，丁伟编写第2章，于方军编写第3~5章，焦玉海、康成伟和王相滨编写第6章。
由于编者水平所限，书中难免存在疏漏和不足，恳请广大读者批评指正。于方军2014年1月20日写于淄博家中第1章 BYOB基础课程——认识BYOB
BYOB（Build Your Own Blocks）是Scratch的一个扩展版，由Jens Mönig（Enterprise Applications Development，MioSoft Corporation）和Brian Harvey（University of California at Berkeley，加州大学伯克利分校）在Scratch源代码的基础上扩展而成。
Scratch是MIT媒体实验室的终生幼儿园计划项目组开发的一种开源的儿童编程软件，MIT所有的开发源代码都共享到图1-1 Logo了网络上，并支持和鼓励使用者对其进行修改和完善。不过为了保护其开发团队的权益和避免承担不必要的责任，MIT开发团队对Scratch的商标权做了规定：重新修改后的程序不得以Scratch的Logo名字，包括官方使用的默认角色等，一律不可以再重用，相关程序也不能挂放到Scratch的官方网站上，但必须注明是基于Scratch开发而成。它的全称是BYOB based on Scratch by MIT，所以我们看到的Logo如图1-1所示。
BYOB对Scratch做了进一步改进，实现了真正意义上的面向对象的编程。通过这些改进，用户可以自由地增加不同类型的程序块，并对其进行参数的调用，实现真正意义上的信息传递，而这恰恰是OOP的核心思想之一。1.1 认识BYOB的舞台、角色和造型
1. BYOB的舞台
舞台即是演员（角色）演出的地方，可别小看了它，你的作品终将在这里呈现（见图1-2中红色矩形框框出的位置即是BYOB的舞台）。
舞台的属性：舞台的属性可以理解为舞台的后台。按照图1-3所示，进入舞台属性管理。
按照图1-3所示操作后，工作界面如图1-4所示，红色框选部分为舞台的属性区。
舞台属性区分别从以下3个方面进行管理。（1）脚本。舞台程序的编写区，可以利用拖拽的方式在此写程序，你给舞台下达的指令都放在这里。（2）多个背景，如图1-5所示。
① 单击“绘图”按钮，打开“绘图编辑器”，自己DIY一张背景图。
② 单击“导入”按钮，可以导入BYOB自带的室内、自然、户外、运动等背景，也可以从本地硬盘中导入事先准备好的背景素材。图1-2 BYOB的工作界面图1-3 进入舞台属性管理图1-4 舞台属性管理区
③ 单击“照相”按钮，如果当前计算机的摄像头正对着你，那么你的“玉照”会立刻成为舞台背景。（3）声音如图1-6所示。图1-5 背景图1-6 添加音效
① 单击“录音”按钮，再单击图1-7中的红色圆点，可以录制个性化声音。图1-7 录制声音
② 单击“导入”按钮，导入本地硬盘上的声音或音乐素材，成为舞台背景音乐。
舞台界面说明如下：（1）舞台右上角。
① 控制按钮。按从左到右的顺序分别为控制程序的播放、暂停和停止，如图1-8所示。图1-8 舞台控制按钮
② 显示模式。其有如图1-9所示的3种显示模式。（2）舞台右下角——鼠标的坐标值，如图1-10所示。图1-9 显示模式图1-10 鼠标坐标值
注：· 舞台的中心是（0，0），水平为X轴，垂直为Y轴（见图1-11）。· X轴：中心点往右是（+），中心点往左是（-）。· Y轴：中心点往上是（+），中心点往下是（-）。
了解到坐标后便知道怎么控制角色在舞台中的位置及移动方向了。（3）舞台左上角——工具条：按从左到右的顺序，分别用于对舞台上的角色进行复制、删除、放大和缩小，如图1-12所示。图1-11 舞台坐标系图1-12 舞台工具条
2. BYOB的角色
角色也可以理解为演员，BYOB的大明星如图1-13（a）所示。图1-13 绘制角色
不过既然你是导演，当然也可以起用几个新人。（1）添加新角色的方法。
① 绘制新角色。单击图1-13（b）中第一个按钮后，进入“绘图编辑器”。方法与绘制舞台背景的方法相似，此处不再赘述。
② 导入新角色。单击第2个按钮，可以导入BYOB提供的“动物”、“人物”、“字母”等角色素材，如图1-14所示。图1-14 “新增角色”对话框
也可以导入本地硬盘上准备好的其他素材，如图1-15所示。
③ 随机新角色。角色太多了。单击第3个按钮，可随机产生一个令你惊喜的角色。（2）角色的属性。
角色的属性可以理解为“演员的资料”。角色列表区也就是演员休息室，所有的演员都在这个地方。
要查看某个角色的属性，单击角色列表区里对应的角色即可。
角色的属性包括脚本、造型和声音（角色的脚本、声音与舞台属性相似，操作方法雷同）。图1-15 导入本地硬盘上的素材
3. BYOB的造型
造型与角色的区别，可以通俗地理解为：造型就是角色（也就是演员）在舞台上摆出的“模样”。因此，一个角色可以有若干个造型。【新人出镜】（1）为“5号演员”填写“姓名”资料项（即重命名）。单击角色列表区内的“演员5”；双击图1-16所示的红色标记区域，将“演员5”更名为“陶女娃”。（2）为新人“陶女娃”“化妆”（即添加新造型）。如图1-17所示，单击“造型”→“导入”按钮，选择“陶女02”后单击“确定”按钮。依照此法，继续图1-16 角色重命名导入“陶女03”。
完成后如图1-18所示。（3）“化妆技巧”（即编辑造型技巧）。单击“复制”按钮，快速创建“陶女4”造型，如图1-19所示。再单击“陶女4”造型下的“编辑”按钮，进入“绘图编辑器”，单击图1-20所示的“左右翻转”按钮，可快速进行造型塑造。
尝试单击图1-20中的“放大”、“顺时针旋转”、“导入”、“清除”、“撤销”等按钮，体会编辑造型操作。图1-17 导入造型图1-18 陶女娃造型列表图1-19 陶女素材图1-20 反转按钮【拓展训练】
在BYOB里，不仅可以体会到当“导演”的乐趣，还可以尝试当“美工”。发挥你的创意，把舞台布置一下吧。舞台设计得到位，我们的“大明星”才能出场。1.2 淋漓湖游船——认识动作程序指令
BYOB既然被称为一门程序语言，那么最重要的部分当然就是它的程序指令区，图1-21是它的8大类程序指令，每种指令都有属于自己的颜色以示区别，从本节开始，将对它们做一一介绍。【初始指令】
单击“动作”按钮后，出现图1-22所示的“动作”指令项。指令像“积木”一样，使用时直接将其拖拽到脚本中即可。指令见名知意，通俗易懂。初识它们后，现在就以“淋漓湖游船”为例来熟练运用它们吧。图1-21 BYOB的8大类指令【剧情简介】
如图1-23所示，淋漓湖里的小船从出发点经过“移动”、“旋转”、“碰到边缘就反弹”等命令，平滑地到达目的地，然后掉头，最终停靠在岸边。小船的坐标和方向随时在舞台上显示。图1-22 “动作”指令图1-23 “淋漓湖游船”程序界面【准备道具】（1）单击（删除）工具，再单击舞台BYOB主角色，将角色删除。（2）从本地硬盘中选取“淋漓湖风景照片”导入舞台。（3）借助Photoshop等工具处理好“小船”素材，并导入到“角色”。（4）单击（放大、缩小）工具，再单击小船，调整角色为合适的大小。【编写剧本】（1）如图1-24所示，单击“脚本”，准备为小船输入指令。（2）如图1-25所示，单击“1”处的“控制”按钮，拖拽“2”处的指令放到“3”处，作为小船启动的“开关”。图1-24 小船脚本图1-25 启动程序（3）返回“动作”指令区，依次将图1-26中标注的“1”、“2”、“3”处指令拖拽到“4”处位置，并更改坐标：x为-200，y为-80（小船起始点坐标）。图1-26 操作步骤图解1
现在，可以单击舞台右上方的（播放）图标，测试一下，是不是小船停在了起始点。然后思考：如何让小船平滑地移动到岸边？经过观察，发现了这条指令：（4）为小船的脚本添加图1-27所示的指令，使小船的船头在顺时针转过12°之后，在3秒内平滑地移动到岸边。1.1节中曾介绍过，舞台上x轴的最大值是240，这里故意将x轴设为270，那么小船将划到舞台外面去，所以添加指令“碰到边缘就反弹”，可以使小船在舞台边缘处掉头。
这里就要用到图1-28所示的红色选框内的按钮，它表示小船只允许左右翻转。（5）最后，如果想在舞台上显示小船的游走坐标，别忘了要把图1-29所示的复选框选中。图1-27 为小船脚本添加指令图1-28 左右翻转图1-29 显示坐标【剧情延展】
设想一下，如果脚本按图1-30所示编写，小船会在淋漓湖上怎样游走呢？如果想让小船跟着鼠标游走，应该怎样编写脚本？图1-30 4个方向键的使用1.3 陶女娃变身——认识外观程序指令
通过前两节的学习已经知道，要想让舞台上的演员“听话”，只需将对应的程序指令像搭积木一样拖拽到脚本区内即可。1.2节介绍的“动作”指令让角色“动”了，而本节要介绍的“外观”指令可以让角色“变化”起来。【初始指令】
在BYOB工作界面左边的指令区，找到第二项“外观”并单击，便出现如图1-31所示的若干“外观”指令项。
通过浏览会发现，“外观”指令的主要作用是切换造型、背景，显示文字，增加特效等。下面以“陶女娃变身”为例，来熟悉这些指令。【剧情简介】
如图1-32所示，在博山镇2013年闹元宵锣鼓扮玩比赛中，陶女娃也来凑热闹了，她除了会踢毽子外，还会“变身”。
试读结束[说明：试读内容隐藏了图片]