03.md · 儿童编程研究/Scratch 3 编程入门

## 第 3 课  喵喵游西湖
---

<br>

西湖，位于浙江省杭州市，是中国十大风景名胜之一，2011年正式列入“世界文化遗产目录”。湖上有苏堤、白堤，还有三个小岛鼎立于波光粼粼的湖面上，湖边有雷峰塔与保俶塔隔湖相映，自然风光非常优美。

“喵喵”打算趁着假期游览西湖，特别是花港观鱼、苏堤春晓、断桥残雪这些著名的“西湖十景”，它都想好好的去游览一番

在本课的范例作品中，“喵喵”将从起点出发，分别移动到地图上这些景点游览。
 
<div align=center> <img src="img/西湖游览图.png"/> </div>

<br>
  
### 创意构思
 
首先导入“西湖浏览图”作为“喵喵游西湖”作品的舞台背景图、设置“喵喵”的大小和旅游的起点位置，然后编写脚本使“喵喵”在地图上移动，分别浏览那些知名的西湖景点。

要完成本课的创意构思，需要了解以下的新积木：
  
#### ![](block/1-5.png)

属于`运动`类别积木；将当前角色移到参数所指定的坐标位置。本积木有两个参数，用于指定`x 坐标值`和`y 坐标值`。 
 
Scratch 舞台是一个`480*360`像素的矩形（如下图所示），采用`笛卡尔坐标系`（也称直角坐标系）表示角色位置。

* 横坐标为` x 轴`，从左往右依次递增，最小值是“-240”、最大值是“240”

* 纵坐标为` y 轴`，从下往上依次递增，最小值是“-180”、最大值是“180”

* 舞台的中心就是坐标原点（0,0）。

##### 试一试

将鼠标移到下面表格中指定的位置，观查舞台右下角的 x 和 y 坐标值的变化，把你的发现记录下来。

<br>  
<a href="">单击此处</a>可以观看相关的视频。
 
<br>

####  ![](block/1-7.png)

属于`运动`类别积木；滑行到到坐标位置。将当前角色在指定时间内滑行到参数所指定的坐标位置。本积木有三个参数。第一个参数用以指定时间；第二和第三个参数用于指定 x 坐标值和 y 坐标值。
 
<br>

##### 想一想
 
![](block/1-5.png)

![](block/1-7.png)

上面两个积木有什么不同，分别适用于哪些场合使用？

<a href="">单击此处</a>可以观看相关的视频。
 
<br>

####  ![](block/1-2.png) ![](block/1-3.png)

属于`运动`类别积木；使角色向右（顺时针方向）或者向左（逆时针方向）旋转指定角度。

这类积木有一个参数，用于指定旋转的角度值。 
 
<br>

### 脚本设计

#### 第一步：导入外部舞台背景图片

本课使用的背景图片不在 Scratch 的背景库中，因此我们需要将它“从本地文件中上传背景”，具体可以按以下步骤操作（<a href="">单击此处</a>可以观看相关的视频）：

1. 打开网络浏览器，在地址栏中输入`haohaodada.com/a2`，打开本课的范例程序网页，单击网页右边的`资源下载`选项卡，下载`西湖游览图`这个图片文件。

2. 单击舞台列表区工具栏中的 ![img](img/3-4.png)按钮；在“打开”对话框中找到并上传刚才下载的“西湖游览图”图片。

<br>

#### 第二步：设置小猫角色属性

由于导入的“西湖浏览图”图片与默认的小猫角色大小比例不合适，具体可以按以下步骤操作（<a href="">单击此处</a>可以观看相关的视频）：

1. 单击工具栏中的![img](img/3-5.png)按钮；

2. 在小猫上连续单击将它缩小到合适的大小；

3. 根据上一课所学知识，将小猫重命名为“喵喵”。

<br>

#### 第三步：设置“喵喵”的起始位置  
 
确认已经选中小猫“喵喵”角色，然后按以下步骤编写它的程序脚本，具体可以按以下步骤操作（<a href="">单击此处</a>可以观看相关的视频）：

1. 将![](block/4-1.png) 积木拖动到脚本区作为“喵喵游西湖”程序的第一条积木 。
 
2. 将“喵喵”拖动到舞台左下角的起始位置，此时积木区![](block/1-5.png)指令上的坐标参数会自动更新为目前角色位置的坐标值。

3. 最后将该积木拖动到脚本区与第一条积木组合。

<br>

##### 试一试

单击`脚本`选项卡的`动作`类别，然后把“喵喵”拖动到舞台的不同位置，观察`积木区`中哪些积木的参数发生了变化？把你的发现记录下来：

具体可以按以下步骤操作（<a href="">单击此处</a>可以观看相关的视频）  
<br>

#### 第四步：让“喵喵”在地图上移动
 
下面，我们为小猫“喵喵”编写程序，使它能够在地图上移动，具体可以按以下步骤操作（<a href="">单击此处</a>可以观看相关的视频）：

1. 将小猫“喵喵”拖动到地图上的第一个景点“花港观鱼”的位置。此时，积木区内![](block/1-7.png) 积木上的坐标参数值也会同步更新，再将它拖动到脚本区，组合到原有积木的下方 。

2. 将![](block/5-1.png) 积木拖动组合到![](block/1-7.png)积木下方，使“喵喵”能够在景点稍作停留 。

3. 按照以上方法，先用鼠标拖动“喵喵”到新的景点，再添加![](block/1-7.png)和![](block/5-1.png)积木，让小猫分别浏览“苏堤春晓”、“断桥残雪”这些著名的西湖景点。
 
<br>

##### 试一试

分别改变角色的移动时间与距离，看看角色移动的速度变化，把你的发现记录下来。

#### 第五步：使“喵喵”移动时面向目的地
 
通过以上操作，“喵喵”已经能够从起点位置沿直线移动浏览西湖景点，但它从“花港观鱼”移动到“苏堤春晓”的过程中，始终面向舞台右侧，感觉比较僵硬。

要在移动的过程中，使“喵喵”能够面向目的地方向，具体可以按以下步骤操作（<a href="">单击此处</a>可以观看相关的视频）：

1. 先将![](block/1-3.png)积木拖动到`脚本区`，组合到第二条![](block/1-7.png)积木（也就是移动到第二个旅游景点“苏堤春晓”）上方；

2. 然后修改积木参数为`120`。这样，“喵喵”在从“花港观鱼”移动到“苏堤春晓”的过程中，所面对的方向是“苏堤春晓”；

3. 再将![](block/1-2.png)积木组合到第三条![](block/1-7.png)积木（也就是移动到第三个旅游景点“断桥残雪”）上方；

4. 最后，修改参数为“45”，让小猫能够面向“断桥残雪”这个景点移动。

<br>

##### 想一想
 
想要精确地指定小猫面向目的地景点旋转的角度值，你有什么办法？

<a href="">单击此处</a>可以观看相关的视频。
 
<br>

##### 练一练
 
完成整个程序的脚本程序设计，然后多运行几次程序，你发现了什么问题？该如何解决？

<a href="">单击此处</a>可以观看相关的视频。
 
<br>

### 拓展思考

小猫“喵喵”成了名副其实的“小小旅行家”。不过，它似乎觉得自己的旅程还不够精彩，怎么办？展开想象，用学过的知识让“喵喵”的旅程变得更加丰富。
 
<br>

### 相关链接

* [目录](readme.md) 
* 下一课：[第 4 课 喵喵学做操](04.md)
* 上一课：[第 2 课 喵喵背古诗](02.md)

儿童编程研究/Scratch 3 编程入门

简介

发行版

贡献者

近期动态

儿童编程研究/Scratch 3 编程入门 .gitee-modal { width: 500px !important; }

简介

发行版

贡献者

近期动态

搜索帮助

儿童编程研究/Scratch 3 编程入门