互（hù）动媒体基础

商场为了吸引顾客，会（huì）在大（dà）厅入门处（chù）放置地（dì）面互动投（tóu）影，最常见（jiàn）的非（fēi）“地面互动鱼（yú）”莫属（shǔ）了。当顾客走（zǒu）入投（tóu）射出的水（shuǐ）池画面的时候，上（shàng）面的鱼儿（ér）仿佛受了惊吓，四散游（yóu）开。当人（rén）离开的时候，鱼儿又会（huì）正常游动。这个项目给人留下（xià）了深（shēn）刻印象，体现了科（kē）技与艺术相结（jié）合（hé）的神奇魅力。在本章（zhāng）中，一起了（le）解互动（dòng）媒体的（de）基础知识，走进互动媒体的魔法世界。

互动媒体（tǐ）知（zhī）多少

1.1.1什么是互动媒（méi）体

互（hù）动媒体（tǐ）（Interactive Media）是在传统（tǒng）媒体基础上增加了互动功能，通过人机交互、多种感官参与，呈（chéng）现出的一种新型（xíng）、互动式媒（méi）体形式，具有丰富生（shēng）动（dòng）的表现力。

1.1.2互动媒体作品展示

地（dì）面（miàn）互动投影

通（tōng）过捕捉人像或者（zhě）其他感应，将捕捉到的影像传输（shū）到控制服务器中，经过系统的分析，产生被捕捉物体的（de）动作，该动作数（shù）据结合实（shí）时影像互动系统，使（shǐ）参与者（zhě）和屏幕之（zhī）间（jiān）产生积（jī）极有趣的互动效果。

空中翻书（shū）

在展台上放置一本翻开（kāi）的虚拟图书，当读者在展台前做（zuò）出（chū）翻书（shū）动（dòng）作时，虚（xū）拟图（tú）书就会自动翻页，读者就会浏览图书（shū）内容（róng），并伴有生动的翻页声光效果 。

球幕系统

球（qiú）幕系（xì）统使用的是投影（yǐng）机拼接技术，我（wǒ）们常见的是（shì）投射一个巨大的（de）地球仪。三台以上（shàng）的投影（yǐng）机进行拼接后可以获得更好的效果，通过软件进行边（biān）缘的融（róng）合（hé），做到（dào）多台投（tóu）影（yǐng）机的（de）无缝拼接。

1.1.3互（hù）动媒体运行流（liú）程解（jiě）析

第一部分：信号采（cǎi）集（jí）部分，根据互（hù）动需求（qiú）进行捕捉拍（pāi）摄，捕捉设备（bèi）有（yǒu）红外感应器、视频摄（shè）录机、热力拍摄器等。

第二（èr）部（bù）分：信（xìn）号处理部分，该部分把实时（shí）采集的（de）数据进行分（fèn）析，所产生的数据与虚拟场（chǎng）景系（xì）统对接。

第三部分：成（chéng）像部分，利用投影机或其他显像设备把影像呈（chéng）现在（zài）特（tè）定的位置，显（xiǎn）像设备除了（le）投影机（jī）外，等离（lí）子显示器、液晶显示（shì）器（qì）、LED屏幕都可以作为（wéi）互动影像的载体（tǐ）。

第四（sì）部（bù）分：辅助设（shè）备，如传输线路，安装（zhuāng）构件，音响装（zhuāng）置等。

1.1.4常用的（de）互（hù）动媒（méi）体设计软件

MakeyMakey

MaKey MaKey由（yóu）麻省理工Jay Silver 和 Eric Rosenbaum设计开发，电路（lù）简（jiǎn）单（dān），外观像（xiàng）红白（bái）机游戏手柄的电路板。将几（jǐ）根（gēn）导线与电路板连接，就可以（yǐ）将身边的诸（zhū）多事物变成（chéng）触摸（mō）板，比如香蕉钢琴、楼梯钢琴，将电影中经常出（chū）现的情境（jìng）变成了现实（shí）互动。

Scratch

Scratch是由（yóu）麻省理（lǐ）工学院专为少年儿童开（kāi）发的一款编程（chéng）软件（jiàn）。程序的命令和参数通过积木形状的（de）模块（kuài）来实现，使（shǐ）用者只需要（yào）拖动（dòng）模块就可以进行程序编程。可以与（yǔ）按键、声音和（hé）摄像（xiàng）头进行互动（dòng）程序设计。

S4A

S4A是使Arduino开源硬件能够与Scratch互动（dòng）的修（xiū）改版本。在（zài）此软件中提（tí）供了一些传感器模块和输出模（mó）块，它（tā）趣（qù）味（wèi）性强， 能够与Arduino开源硬件（jiàn）相（xiàng）结（jié）合（hé），S4A已经成为针对（duì）中小学生实（shí）现（xiàn）软件和硬件相结合进（jìn）行互动设计（jì）的重要工具之一。

4、 Processing

Processing将Java的语法简化（huà）并（bìng）将其运算结（jié）果“感官化”，让使用者能很快享（xiǎng）有声光兼备的交互式（shì）多（duō）媒体作品。在程序动画的（de）基础上添加（jiā）鼠标、键盘（pán）、时（shí）间等交互因素（sù），构成（chéng）完整的交互结构。

5、Flash

Flash是一种集（jí）动（dòng）画创作（zuò）与应（yīng）用程序开发于一（yī）身的创作软件。它可（kě）以（yǐ）由一（yī）个（gè）简单的图（tú）形绘制到高级的动画表现（xiàn），从一个（gè）普通的按钮（niǔ）到一连（lián）串的人机多媒体交互。Flash是一个（gè）非常优秀的矢量动画制作软件（jiàn），它以流式控制技术和矢（shǐ）量技术为核心，制作的（de）动画具有（yǒu）短（duǎn）小精（jīng）悍的特点，所以被广泛（fàn）应用于（yú）网（wǎng）页动（dòng）画的设计中，已成为当前网页动画设计（jì）最为（wéi）流（liú）行的软件之一（yī）。

6、Scraino

Scraino软件是一（yī）款基于Scratch 3.0开发的面向青少年的简易（yì）图形（xíng）化编（biān）程工（gōng）具，配合Scratch积木式编程的概（gài）念（niàn），少年儿童可以在娱乐中学习到编程（chéng）的基本理念和技巧（qiǎo）。不仅保（bǎo）留了Scratch的（de）原生形态，同时添加了对Arduino开源（yuán）硬件的支持，将Arduino程序语句（jù）封装成独立的脚本（běn），与Scratch原生脚本（běn）相结合，进行积木式搭（dā）建，实时生成计算机语（yǔ）言代码，并配合高效的编译内核，将（jiāng）代码快（kuài）速的烧录到控制器中，从而实现对硬件（jiàn）设（shè）备的控制，不（bú）仅支持在线模式，实（shí）现软件与硬件之间的（de）交互（hù），还（hái）可（kě）以进行脱机（jī）控制，以及构建小型物联网系统，给（gěi）用户（hù）带来多（duō）维的体验方式。 本书所使用的软件为Scraino

注意：本软件仅支持windows 7及以上操作系统

Scraino软（ruǎn）件基础

1.2.1   Scraino软件的（de）下载

我（wǒ）们可（kě）以进（jìn）入咔嗒爸爸（bà）官网（http://www.kadapapa.com/）下载（zǎi）Scraino软件。

进（jìn）入咔嗒爸爸官（guān）网（wǎng）后（hòu），在菜单栏上资源下载的（de）下拉菜（cài）单中（zhōng）选择软件下载，进入下载专（zhuān）区（qū）。下载专区中包含（hán）一个Scraino下（xià）载模块。

点击软件下载，链接中包含（hán）一个文件（jiàn）夹。

点（diǎn）开文件夹，就可以看（kàn）到（dào）Scraino软件（jiàn），直接（jiē）下载即可

1.2.2 Scraino软件的安装

安装条件

1.电脑版本

建（jiàn）议使用Windows 7及以上版本（běn）系统。

2.配置（zhì）要求

显卡需支持WebGL，不（bú）支持G31/G33系列显卡。年限过老（lǎo）、配置过低、系统久未更新（xīn）升级可能会（huì）影响设备驱动的识别与安（ān）装，导致（zhì）驱动安装失败（bài）。

3.网络要求

无需连接网络，但（dàn）处（chù）理（lǐ）安装（zhuāng）过（guò）程中可能出现的问题时需要网络。

安装流程

找到下载的安装（zhuāng）包，双击打开，出（chū）现（xiàn）如下界面（miàn），可以默认安装路径，也可自主（zhǔ）选（xuǎn）择安装路径。

点击安装，等待进度条安装完成即可

若电脑安（ān）装了防护软件，可能出现（xiàn）类似如下的对话框，全部点击（jī）允许，直到安装结（jié）束（shù）。

安装完成后，会（huì）在桌面出现相应的Scraino快捷键 ，并弹出界面。

可（kě）能出（chū）现（xiàn）的问题

Scraino采用跨平（píng）台的JavaScript和HTML5两种语言组合进行开发，并且结合OpenGL ES 2.0技（jì）术，借助计算机（jī）系统显卡，通过浏览器更流畅地展示3D渲染（rǎn）效果和特效模型，系统开发采（cǎi）用（yòng）WebGL技术，WebGL完（wán）美地解决了现（xiàn）有（yǒu）的Web交（jiāo）互（hù）式三维动画的两个问题：第一.它通过HTML脚本本身实现Web交互式三维动画的制作，无需任何浏览器插（chā）件支持;第二. 通过统（tǒng）一的（de）、标准的、跨平台的OpenGL接口，利（lì）用底层（céng）的图形硬件加速功能（néng）进行（háng）图形渲染。

因此，Scraino软件运（yùn）行需（xū）要具备的基本（běn）条件是：

支持WebGL运行的浏（liú）览器；

支持WebGL运行的显卡（kǎ）；

与之配套的操作系统（tǒng），显卡驱动（dòng）程序，浏览器版本（běn）的升（shēng）级；

计算机提示的不（bú）支持（chí）Scraino运行的画面（miàn）

针对以（yǐ）上情况，从以（yǐ）下几个方面（miàn）进（jìn）行（háng）分析和（hé）解（jiě）决。

1.调整显卡（kǎ）的显示模式

右击Scraino软件图标，点击属性（xìng）

出现Scraino属（shǔ）性对话框，点击“兼容性”选项卡；

在兼容性（xìng）选项卡里，勾（gōu）选兼容模式下的“以兼容模式（shì）运（yùn）行这个程序”前的对勾（gōu），在其下的下拉箭头下选（xuǎn）择电脑（nǎo）对应的（de）系统（tǒng），我这里（lǐ）选（xuǎn）WIN7。选好后点击“确（què）定”按（àn）钮。

2.检查浏览器版本并修正（zhèng）浏览器

如何判断我的（de）浏览器是否（fǒu）支持WebGL呢？

在浏览器（qì）地址栏（lán）输入

https://get.webgl.org/

如果（guǒ）出现以上图形，就说明浏览（lǎn）器是支持WebGL的（de），经过尝试，发现Chome浏览（lǎn）器，微软Edge以及搜（sōu）狗浏览器都（dōu）能很好的支持（chí）WebGL。

重点（diǎn）说明（míng）

如果电脑的显卡非常老（lǎo）旧，或者是板（bǎn）载的集成（chéng）显卡（kǎ），那么需要在浏览（lǎn）器中强制开启（qǐ）WebGL支持；另外（wài）因为其他的一些（xiē）原因（比如操作系统是Windows XP），在正（zhèng）常安装以上浏览器之后（hòu）还是不能运行WebGL，最好也强制（zhì）开（kāi）启WebGL支持。

注意 ：所有浏览器设置后都（dōu）需要重启才有效！

要运行WebGL，必须有一个支持它的浏览（lǎn）器，支持的（de）浏（liú）览（lǎn）器如下（xià）：

Google Chrome 9及以上版本

Mozilla Firefox 4以及上版本（běn）

IE并（bìng）不支持WebGL(IE11支持WebGL)，但（dàn）是可以下载并安装IEWebGL这个插件，或Google Chrome Framework来运（yùn）行一些WebGL应用。

请根据（jù）您的浏览（lǎn）器查（chá）看操作方法：

谷（gǔ）歌Chrome系浏览器（除360、火狐、Safari、IE以外的浏览（lǎn）器）

360浏览器

火狐浏览器

Safari浏览（lǎn）器

360安（ān）全浏览器开启WebGL的（de）方法

360安全（quán）浏览（lǎn）器不支（zhī）持WebGL，需要下载360急（jí）速浏（liú）览（lǎn）器（qì）。

然（rán）后点击选（xuǎn）项按钮。

搜索框搜索硬（yìng）件。

开启硬件加速。

浏览（lǎn）器重（chóng）启，就可以（yǐ）访问基于WEBGL的网页了。

Chrome浏览器（qì）开启WebGL的方法

谷歌Chrome系浏览器（除360、火（huǒ）狐（hú）、Safari、IE以外的浏览器）

在网址栏（lán）里（lǐ）输入：about:flags

按（àn）回车键后，在新页面（miàn）中将（jiāng）第一个设（shè）置为（wéi）【启用】，如下图

或（huò）者（zhě）采用如下方法：

需要为Chrome加入（rù）一些启动参数，以下具（jù）体操（cāo）作步骤(以Windows操（cāo）作系统为例)

找到Chrome浏览器的快捷方式，如果没（méi）有就（jiù）创（chuàng）建一个快捷方式（右（yòu）键点击（jī）chrome.exe，选择“创（chuàng）建快捷方式（shì）”或者“发送到”→“桌（zhuō）面快捷方式”），右键点击快捷方式（shì），选择（zé）属（shǔ）性（xìng）。

在（zài）目标框（kuàng）内，双引号（hào）的后（hòu）边，空格，然后加入以下内容

--enable-webgl --ignore-gpu-blacklist --allow-file-access

点（diǎn）击确定（dìng）

设置完成的后（hòu）的快捷方式属性窗口（kǒu）看起来应当是这样（yàng）的，注意“目标”文本框：

关闭目前开启的（de）所有Chrome窗口，然后（hòu）用此快（kuài）捷方式启动（dòng）Chrome浏览器。

其中：

--enable-webgl                        开启WebGL支持

--ignore-gpu-blacklist                忽略GPU黑名单，也就是说有一些（xiē）显卡（kǎ）GPU因为过于陈旧等原因，不建议运行（háng）WebGL，这个（gè）参（cān）数可以（yǐ）让浏览器忽略这个黑名单，强制运行WebGL

--allow-file-access-from-files            允许从本（běn）地载入（rù）资源

Firefox浏览器开（kāi）启WebGL的方法（fǎ）

Firefox的用户（hù）请在浏览器（qì）的地址（zhǐ）栏输入“about:config”，回车

在过滤器（filter）中搜索“webgl”

通过双击的（de）方式（shì）将webgl.force-enabled的值设（shè）置为true

通（tōng）过双（shuāng）击的方式（shì）将webgl.disabled的值设（shè）置为false

在过滤（lǜ）器（filter）中搜（sōu）索（suǒ）“security.fileuri.strict_origin_policy”

通过双击的方式将security.fileuri.strict_origin_policy的值设置为false

关闭目前开启的所有Firefox窗口，然后（hòu）重新启动Firefox。

其中前两个设置是（shì）强制开（kāi）启WebGL支持，最（zuì）后（hòu）一个security.fileuri.strict_origin_policy的设置是允许从本地载入资（zī）源

如果强制（zhì）开启（qǐ）了WebGL，还是不（bú）能运行（háng），更多信息可参（cān）考Mozilla Blocklisting/Blocked Graphics Drivers

我在（zài）Window XP上测试Firefox的（de）WebGL时，在强制开启了WebGL后（hòu），仍（réng）然得到Error: WebGL: Error during ANGLE OpenGL ES initialization

悲催（cuī）地发现Firefox对（duì）厂家（jiā）的不支持和（hé）硬（yìng）件不支持(分别在虚拟机上和显（xiǎn）卡为（wéi）Intel G31/G33 chipset)

On Windows

All vendors other than AMD/ATI, NVIDIA, Intel are blocked (bug 623338). This was required primarily by various crashes on virtual machines with unusual vendor names (bug 621411). We’re open to whitelisting more vendors if needed.

… …

If force-enabling a feature doesn’t work, that probably means that your hardware doesn’t support it. For example, layers acceleration currently requires support for 4Kx4K textures, which rules out some graphics cards, like the Intel G31/G33.

Safari浏览器开启WebGL的方法（fǎ）

菜单中找到“属性”或“偏好（hǎo）设置”→“高级”，选中“显示开发菜单”，然（rán）后到“开发（fā）”菜（cài）单（dān），选中“开启WebGL”。

1.2.3初识Scraino

软件（jiàn）界（jiè）面（miàn）分布：

Scraino软件一共分两（liǎng）个主要界面。

1.界面一：纯软编程和交互模式界面

界面一主要分为8个区域（yù）：工具（jù）栏、指令（lìng）区、脚（jiǎo）本区、舞台区和角色（sè）区（qū）。界面二新（xīn）增编码区。

工（gōng）具栏：主要是对（duì）项目的（de）新建和保存、开发板（bǎn）连接设（shè）置及参考文档查询等操作。

[文件（jiàn）]：新建、打开、保存项目（mù）的（de）设置（zhì）。

[编辑] ：交互（hù）式固件和驱动的安装。

注意：点击“安（ān）装 Arduino驱（qū）动”,按照提（tí）示点击“下一步（bù）"即可完成安装。仅首次使用时需要安装驱动,安装后（hòu）,以（yǐ）后使用无需重（chóng）复安（ān）装。

[连接]：将 Arduino Nano控（kòng）制器与计算机连接,打开（kāi） Scraino软件,点（diǎn）击软件菜单栏（lán）“连接（jiē）”,选中（zhōng）与开发板相对应的"COM"口即可。

COM口的查找：右键“计算机”，点击“设备管理器”，如图：

[控制器]：用于（yú）选中开发板，根据控（kòng）制板的（de）类型选择相对应的（de）板子，进行软硬件的交互（hù）。

[帮（bāng）助] ：使用手册（cè）参考及软件版（bǎn）本的查询。

指令分类（lèi）区：对指令（lìng）进行分类

包括：动作（zuò），外观，声音，事件，控（kòng）制，感（gǎn）知（zhī），运算（suàn），变量（liàng），自定义，扩展（zhǎn）共10类（lèi）。

其中扩展（zhǎn）区包含多种控制板，点击所需要的（de）扩展，即可在指（zhǐ）令区添加（jiā）相（xiàng）应的扩展模块（kuài），如点击“Arduino”扩展模块（kuài）后（hòu），代码区（qū）会出现（xiàn）Arduino的（de）模（mó）块

指令区: 每一类别都包（bāo）含该（gāi）类（lèi）型的若干软控及硬控的指（zhǐ）令，根（gēn）据（jù）需求以积木块的（de）形式拖拽到脚本区，实现程序的编写（xiě）。

根（gēn）据指令的不同，我们（men）从形状（zhuàng）上又（yòu）可以分（fèn）为启动指（zhǐ）令，带凹槽的指令、六边形指令（lìng）和椭圆形指（zhǐ）令（lìng）。

[启动指（zhǐ）令]

用于启动程序的指令，一般顶部为弧形，无法向（xiàng）上（shàng）连接，下方带有凸出的接头。

[带凹槽的指令]：可以直接连接（jiē）在启（qǐ）动程序下的指令（lìng）。

[六边形（xíng）指（zhǐ）令]：需要嵌套在条件语（yǔ）句中作为判断条件使用（yòng）。

[椭（tuǒ）圆形指令]：嵌（qiàn）套在其他（tā）指令的椭圆（yuán）形框中进行（háng）使用。

功能（néng）切（qiē）换区：切换编辑功能，进行积（jī）木（mù）、角色（sè）、声（shēng）音的切换。

脚本区：对脚本、角色或声（shēng）音的编（biān）辑（jí）的区域。

舞台区：用于脚本程序（xù）控制角色和背景的演示。

角色区（qū）：可以允许用户添（tiān）加、修改和删除程序与背景。

代码（mǎ）区：搭建程序（xù）时，将实时显示出该模（mó）块（kuài）所对应的计算机语言代码（mǎ）。

调（diào）试区：当控制器与软件进行通信或（huò）下（xià）载时（shí），可（kě）查看通讯数（shù）据。

功能按钮（niǔ）：操作的功能快捷键：               

：启动程序（xù）                    ：小舞（wǔ）台布（bù）局模式（shì）

：停止程序                    ：全（quán）屏控制（zhì）   

2.界面二（èr）：离线（xiàn）模式界面

【代码区】：搭建程序时，将实时显示（shì）出（chū）该模块所对应的计（jì）算机语言代码。

【功（gōng）能按（àn）钮】：操作（zuò）的功（gōng）能（néng）快捷键（jiàn）：

：改（gǎi）变面板（bǎn）大小                    ：用于下载程序（xù）

：用于打开Arduino IDE 软件

点击“工具栏”中舞台上方的“舞（wǔ）台/代（dài）码”切（qiē）换按（àn）钮切换界面一与界面（miàn）二。

以上是软件的基本介绍，操作（zuò）方法（fǎ）很容易（yì），就是将（jiāng）指令区的指令用（yòng）鼠标拖拽到脚本区，形成具有逻（luó）辑性（xìng）的（de）积木块，代码区（qū）就会出（chū）现相（xiàng）应的逻辑代码。

GKduino硬件概述

1.3.1   Arduino概述

Massimo Banzi曾是意大利Ivrea小镇上一家高（gāo）科技设（shè）计学校的老师，他的学生们经常抱怨找不到便（biàn）宜又好用的微型（xíng）控（kòng）制器。2005年冬季一天，Massimo Banzi跟David Cuartielles讨论了这个问题。 David Cuartielles是一个西班牙籍晶片工程师，当时（shí）在这所学校做访问学者（zhě）。他（tā）们（men）两人利用（yòng）五天（tiān）的时（shí）间设计制（zhì）作了一系列（liè）的创意（yì）电子、微型控（kòng）制（zhì）器和程序开发（fā）工具（jù）。 Massimo Banzi喜（xǐ）欢去一家名叫di Re Arduino的酒吧，该酒吧是（shì）1000年以前意大利国王Arduin的名字命名（míng）的（de）。为了纪念（niàn）这个地方，他将（jiāng）这块电路板（bǎn）命（mìng）名为Arduino。（引自http://arduino.cc）

Arduino是一款便捷（jié）灵活（huó）、方（fāng）便上手的开（kāi）源电子原型平（píng）台，包（bāo）含硬（yìng）件和软件，其硬件（各种型号的（de）Arduino板）和软件（Arduino IDE以及衍（yǎn）生软件)都是开（kāi）源（yuán）的，在互联网上可以直接下载电路图和开（kāi）发程序。Arduino能通过（guò）多（duō）种多样的传感（gǎn）器来感知环境，通过控制（zhì）按（àn）钮、LED、蜂（fēng）鸣器、马达和其他（tā）的装置（zhì）来（lái）反馈（kuì）、影响环境。借（jiè）助Arduino可（kě）以开发出如倒车雷达、循迹小车、车场计数器、投篮（lán）机、智能（néng）家居等许多有趣好（hǎo）玩的项目。

Duemilanove            LilyPad

Arduino Uno              Mega2560

1.3.2   GKuino主（zhǔ）控板

本书使用的（de）Gkduino主（zhǔ）控板，是一种Arudino   Uno兼容的主控板。Gkduino主控板各个部分的详细（xì）结构（gòu）如（rú）下图

关（guān）于主控板的主要组成部分介绍如下：

管脚：主控板（bǎn）上（shàng）两（liǎng）组“三排金属针”称为管（guǎn）脚，黑色一排（pái）连接的是电源地（dì）（GND），红色一排连接的（de）是5V电源（VCC），彩（cǎi）色一排则是（shì）信（xìn）号（hào）管（guǎn）脚，用以实现输入输出的控制。

微型处理（lǐ）器：主控板中间的黑色模（mó）块为微型处（chù）理器，用于完成运算、控制（zhì）和存储任务。

数字输入/输出（chū）端口：D0～D13为数（shù）字输入/输出端口。13号管脚与主控板上的一（yī）个（gè）LED灯连接。0、1号管脚分别是（shì）串口的发送（TXD）/接收（ＲＸＤ）管脚，一般（bān）不要（yào）将模块（kuài）连（lián）接在这两（liǎng）个管脚上。数字管脚（jiǎo）上标示“～”符号的３、5、6、9、10、11号管脚具备模拟输出功能（néng）。

模拟（nǐ）输入（rù）端口：A0～A7号管脚（jiǎo）为模拟输（shū）入端口，其中A0～A5可以作为数字输（shū）入/输出管脚。

电机驱动连接口：主（zhǔ）控板自（zì）带4个电机驱动连接口，OUT1～OUT4分别于主控（kòng）板的4～7号管脚控制的（de）电机（jī）驱动芯片（piàn）输（shū）出连接。当拨码开关推（tuī）到（dào）ＯＮ时，对应的管脚只能控制所连（lián）电机，不能用作其他用（yòng）途。

1.3.3   LED灯闪起来（lái）

Scraino拥有“舞台”和“代码”两种模式，单击和进行切换。在舞台模（mó）式（shì）下，主要以图形化方式对Arduino进行编程，实现舞台角色与Arduino的互动（dòng）；在代码模式下，可以将图形化编程脚（jiǎo）本自动生成（chéng）Arduino语（yǔ）言代码，上（shàng）传到Arduino控制器并可以脱离计算机运行（háng）。要想让（ràng）LED灯（dēng）闪起来，需要使（shǐ）用代码模式，如下图：

选择“添（tiān）加扩展”，将果壳智造空间（jiān）扩展添加到（dào）指令分类区，指令分类区中将（jiāng）增（zēng）加一个“GKduino”的指（zhǐ）令分类，如下图：

设计一个程序，实现（xiàn）板载13号灯（dēng）每隔1秒（miǎo）闪烁一次的效果。

拿起（qǐ）主控（kòng）板，将主控板用数据线连在电脑主机的USB插口上。

设计程序如下图所示：

选择Arduino   UNO控制器，选择合适的COM口，本书所用的为（wéi）COM3，点（diǎn）击上传至（zhì）控制器，等待（dài）编译，显示（shì）上传成功，就可以看（kàn）到（dào）闪烁（shuò）效果。

提示：串口（kǒu）的选（xuǎn）择

右键单击计算机（或我的电脑（nǎo））选择“属（shǔ）性（xìng）”，在弹出的“系统”窗口中选择“设备管理器”，展开“端（duān）口（COM和LPT）”，找到（dào）带有“USB-SERIAL CH340”的串口号，不同的计算机对应不同的（de）串口号，本书为（wéi）COM3。

1.4第一个互动程序

设（shè）计第一个互动小程（chéng）序（xù），程序的功（gōng）能是（shì）一头熊在（zài）舞台上（shàng）来回（huí）走（zǒu）动，当碰到（dào）舞台的边缘，13号板载（zǎi）灯亮1秒。

1.4.1 添加新角色

切（qiē）换（huàn）到舞台界面，删除小（xiǎo）猫（māo）角色，单击选择一个（gè）角色，在跳出的（de）对话（huà）框中选择“Animals”文件夹（jiá），找到“Bear-walking”文（wén）件。这时，舞台上出（chū）现了一（yī）头（tóu）熊。如（rú）下图所示

1.4.2编写脚本

最（zuì）终程序脚本如（rú）下（xià）图（tú）：

1.4.3测试（shì）程序

（1）选择Arduino   UNO控制器

（2）选择合适的COM3

（3）单击“编辑”，选择（zé）安装交互固（gù）件，等待上传成功。第一次使用交（jiāo）互功能需（xū）要安装，再次使用软（ruǎn）件的交互功能，不需安（ān）装。

（4）单击绿旗，就可以看到互动效果。

1.4.4保存和打开（kāi）程序

一定要养成随时保（bǎo）存程序的习惯，Scraino保存（cún）的文件扩展（zhǎn）名为“.sb3”。保存后的文件可以通过双击文件（jiàn）名打开（kāi），也可以（yǐ）通过Scraino软件“文件”中（zhōng）的“打开”功能打开原来保存的文件。