互动媒体基础

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

互动（dòng）媒体知多少

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

互动媒体（Interactive Media）是在传统（tǒng）媒体（tǐ）基础（chǔ）上增加了互动功能，通过（guò）人机（jī）交（jiāo）互、多种（zhǒng）感官（guān）参与，呈现出的一种新型、互动（dòng）式媒体形式（shì），具（jù）有丰富生动的表现力。

1.1.2互（hù）动（dòng）媒（méi）体作品展示

地（dì）面互动投（tóu）影

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

空（kōng）中翻书

在展台上放置（zhì）一（yī）本翻开的虚拟图书，当（dāng）读者在展台前做出翻书（shū）动（dòng）作时，虚拟图书就会自动翻页，读者就会浏览图书内容（róng），并伴有生动的翻页声（shēng）光（guāng）效（xiào）果 。

球幕系统（tǒng）

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

1.1.3互动媒体运（yùn）行流程解析（xī）

第一部分：信号采（cǎi）集部分，根据互动需求进行捕捉（zhuō）拍摄，捕捉设（shè）备有红（hóng）外（wài）感（gǎn）应（yīng）器（qì）、视频摄录机、热力拍摄器（qì）等。

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

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

第四部分：辅助（zhù）设备，如传输线（xiàn）路（lù），安（ān）装（zhuāng）构件（jiàn），音响装置等。

1.1.4常用的互动媒体设计软（ruǎn）件

MakeyMakey

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

Scratch

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

S4A

S4A是（shì）使Arduino开源硬件能够与Scratch互动的修（xiū）改版本。在此软（ruǎn）件中提供了一些传（chuán）感器模块（kuài）和输（shū）出模块，它趣味性强， 能够与Arduino开（kāi）源硬件相结合，S4A已经成为针对（duì）中小学（xué）生实现软件和硬（yìng）件相结（jié）合进行互动设（shè）计的重要（yào）工具之一。

4、 Processing

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

5、Flash

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

6、Scraino

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

注意：本软件仅支（zhī）持windows 7及以上操作系统（tǒng）

Scraino软件基础（chǔ）

1.2.1   Scraino软件的下（xià）载

我们可以进入咔（kā）嗒爸爸官网（http://www.kadapapa.com/）下载Scraino软件。

进入咔嗒爸爸官网（wǎng）后（hòu），在菜单（dān）栏上资源下载的下拉（lā）菜单中选择软件下载，进入下载专区。下载专（zhuān）区（qū）中包含一个Scraino下载模块。

点击软件下载，链接中包含一个文件夹。

点开文件夹，就可以看到Scraino软件，直接下载（zǎi）即可

1.2.2 Scraino软件（jiàn）的（de）安装

安（ān）装条件

1.电脑版本

建（jiàn）议使（shǐ）用Windows 7及以上版本系统（tǒng）。

2.配置要求

显卡需支持（chí）WebGL，不支（zhī）持G31/G33系列显卡（kǎ）。年（nián）限过老、配（pèi）置过低、系统（tǒng）久未（wèi）更新升级可能会影响设备（bèi）驱动（dòng）的识别与安装，导致驱动安装失败（bài）。

3.网（wǎng）络要求

无（wú）需（xū）连接网络，但处理安装过程中可能出现的问题时需要网络。

安装流（liú）程

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

点击（jī）安（ān）装，等待（dài）进度条安装完成即可

若（ruò）电脑（nǎo）安装了防护软件（jiàn），可（kě）能出现类似（sì）如下的对话框，全部点击允许，直（zhí）到安装（zhuāng）结束。

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

可能出现的问（wèn）题

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

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

支（zhī）持WebGL运行（háng）的浏览器；

支持WebGL运行的显卡；

与之配套的操作（zuò）系统（tǒng），显（xiǎn）卡驱（qū）动程（chéng）序，浏览器（qì）版本的升（shēng）级（jí）；

计算机（jī）提示的（de）不支（zhī）持Scraino运行的画面

针对以上情况，从以下几个方面进行分析（xī）和解决（jué）。

1.调整显卡的显示模式

右击Scraino软件图标，点击属性

出现Scraino属性（xìng）对话框（kuàng），点击“兼容性”选项卡；

在兼（jiān）容（róng）性选项卡里，勾选兼容模式下（xià）的（de）“以兼容模式运行（háng）这个程序”前的对勾，在其（qí）下的下拉箭头下选择电脑对（duì）应的系统，我这（zhè）里选WIN7。选好后点（diǎn）击“确定”按钮。

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

如何判断我的浏览器是否支持（chí）WebGL呢？

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

https://get.webgl.org/

如果出现以上图形，就说明浏览器是支持WebGL的，经过尝试，发（fā）现Chome浏览器，微软Edge以及搜狗浏览器都能很好的支（zhī）持WebGL。

重点（diǎn）说（shuō）明

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

注意 ：所（suǒ）有浏览器（qì）设置后都需要重启才（cái）有效！

要运行WebGL，必须有（yǒu）一个支持它的浏览（lǎn）器，支（zhī）持的（de）浏览器如下：

Google Chrome 9及以上版（bǎn）本

Mozilla Firefox 4以及上版本

IE并不支持（chí）WebGL(IE11支持WebGL)，但（dàn）是可（kě）以下载（zǎi）并安装IEWebGL这个（gè）插件，或Google Chrome Framework来运行一些WebGL应用（yòng）。

请根据您的浏览器（qì）查（chá）看操作方法：

谷（gǔ）歌Chrome系浏（liú）览器（qì）（除360、火狐、Safari、IE以外的浏（liú）览器）

360浏览（lǎn）器

火狐浏览器

Safari浏览器

360安全浏览器开启（qǐ）WebGL的方法

360安全浏览器不支（zhī）持WebGL，需要（yào）下载360急速浏览器。

然后点击选项（xiàng）按钮。

搜索（suǒ）框搜索硬件。

开启硬件加速（sù）。

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

Chrome浏览器开启WebGL的方法

谷（gǔ）歌Chrome系（xì）浏览器（除360、火狐、Safari、IE以外的浏（liú）览器）

在（zài）网址栏里输入（rù）：about:flags

按回车键后，在新页面中将第一个（gè）设置为【启用】，如下图（tú）

或者采用如（rú）下（xià）方法：

需要为Chrome加入一些（xiē）启动参数（shù），以下具体操作步骤(以Windows操作系统为（wéi）例)

找到（dào）Chrome浏览器的快捷（jié）方（fāng）式，如果没有就创建一个快捷方式（右键（jiàn）点击chrome.exe，选择（zé）“创建快捷方（fāng）式”或者“发（fā）送到”→“桌面（miàn）快（kuài）捷方式”），右键点（diǎn）击快捷方（fāng）式，选择属性。

在目标框（kuàng）内，双引（yǐn）号的后边（biān），空格（gé），然（rán）后加入以（yǐ）下内容

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

点击确定

设置完成的后的快捷（jié）方（fāng）式属性窗口看起来应当是这样（yàng）的（de），注意“目标（biāo）”文本框：

关闭（bì）目前开启的所有Chrome窗口，然（rán）后（hòu）用此快（kuài）捷方式启（qǐ）动Chrome浏览器。

其中：

--enable-webgl                        开启WebGL支持

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

--allow-file-access-from-files            允许从本地载入资（zī）源

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

Firefox的用户请在（zài）浏览器的地址栏输入“about:config”，回车

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

通过双击的方式将webgl.force-enabled的值设置为（wéi）true

通过双（shuāng）击的（de）方式将webgl.disabled的值设置为false

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

通（tōng）过双击的方（fāng）式将security.fileuri.strict_origin_policy的值设置为false

关（guān）闭目前开启的所有Firefox窗口，然后重新启动Firefox。

其中前两个设置是强制开启WebGL支（zhī）持，最后一个（gè）security.fileuri.strict_origin_policy的（de）设置是允许从本地（dì）载入资源

如果（guǒ）强制开启了WebGL，还是不（bú）能运行，更（gèng）多（duō）信息可参考Mozilla Blocklisting/Blocked Graphics Drivers

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

悲催地发现Firefox对（duì）厂家的不支持和硬（yìng）件不支（zhī）持(分（fèn）别在（zài）虚拟机上和显卡（kǎ）为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ǎ）

菜单中找到“属性”或（huò）“偏好设（shè）置”→“高级”，选中“显示开发（fā）菜单”，然后（hòu）到“开发”菜单，选中“开启WebGL”。

1.2.3初识Scraino

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

Scraino软件一共分两个主要界面（miàn）。

1.界面一（yī）：纯（chún）软编程和交互模式界面

界面一主要分为8个区域：工具栏（lán）、指令区、脚本区、舞台区和角色区。界面二新增编码区。

工具栏：主要是（shì）对项目的新（xīn）建（jiàn）和（hé）保存、开（kāi）发板连（lián）接设置及参考文档查询等操作。

[文件]：新（xīn）建、打开、保存（cún）项目（mù）的（de）设置。

[编（biān）辑] ：交（jiāo）互式固件和（hé）驱动的安装（zhuāng）。

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

[连接（jiē）]：将 Arduino Nano控制器与（yǔ）计算机连接,打开 Scraino软件,点击软件菜单栏“连（lián）接”,选中与开发板相对（duì）应的"COM"口即可。

COM口的（de）查（chá）找：右键“计（jì）算机”，点击（jī）“设备管理器”，如图：

[控制器]：用于选中开发（fā）板，根据控制板的类型（xíng）选择相对应的（de）板子（zǐ），进（jìn）行软硬件的交互。

[帮助] ：使用（yòng）手册参考（kǎo）及软件（jiàn）版本的查询。

指令分类区：对指令进行分类

包括：动作，外观，声音，事（shì）件，控（kòng）制（zhì），感知，运算（suàn），变（biàn）量，自（zì）定义，扩展共10类。

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

指令区: 每一类别都包含该类型的（de）若干软控及（jí）硬（yìng）控的指令（lìng），根据（jù）需求以积木块的形式拖拽到（dào）脚本区（qū），实现（xiàn）程（chéng）序的编写。

根据（jù）指令的（de）不同，我们从形（xíng）状（zhuàng）上又（yòu）可以分为启动指令，带凹槽的（de）指令（lìng）、六边形指令（lìng）和椭圆形指令。

[启动指令]

用于启动（dòng）程序的指令，一般顶部（bù）为弧（hú）形（xíng），无（wú）法向上连接，下方带（dài）有凸出的接头。

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

[六边形指（zhǐ）令]：需要（yào）嵌套在条（tiáo）件语句中（zhōng）作为判断（duàn）条件使用（yòng）。

[椭（tuǒ）圆形指令]：嵌套在其（qí）他指令的椭圆形框（kuàng）中进（jìn）行使（shǐ）用。

功能切（qiē）换区：切换编辑功能，进行积木、角（jiǎo）色、声音的切换。

脚本区（qū）：对脚（jiǎo）本、角（jiǎo）色或（huò）声音的编（biān）辑的（de）区域。

舞台区：用于（yú）脚（jiǎo）本程序控制角（jiǎo）色和背景的演示。

角色（sè）区：可以允许（xǔ）用户添加、修（xiū）改（gǎi）和删（shān）除程序与背景（jǐng）。

代码区：搭建程序时（shí），将实（shí）时显示出该（gāi）模块（kuài）所对应的（de）计算机（jī）语言代码。

调试区：当（dāng）控制器与软件进行通信或（huò）下载时，可查（chá）看通讯（xùn）数据。

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

：启动程序                    ：小（xiǎo）舞（wǔ）台（tái）布局模式

：停（tíng）止程（chéng）序                    ：全屏控制   

2.界面二：离线模式界面

【代码区】：搭建程序时，将实（shí）时显示出该模块所（suǒ）对应（yīng）的（de）计算机（jī）语言代码。

【功能按（àn）钮】：操作的功能快捷键：

：改变（biàn）面板大小（xiǎo）                    ：用（yòng）于（yú）下载程序

：用（yòng）于打（dǎ）开（kāi）Arduino IDE 软件

点击“工具（jù）栏”中（zhōng）舞台（tái）上（shàng）方的“舞台/代码”切换按钮切换界面一与（yǔ）界面二（èr）。

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

GKduino硬件（jiàn）概述

1.3.1   Arduino概述

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

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

Duemilanove            LilyPad

Arduino Uno              Mega2560

1.3.2   GKuino主控板

本书使用（yòng）的Gkduino主（zhǔ）控板（bǎn），是一（yī）种Arudino   Uno兼容的主控板。Gkduino主（zhǔ）控（kòng）板各个部（bù）分的详细结（jié）构如下图（tú）

关于主控板的主要（yào）组成（chéng）部分（fèn）介绍（shào）如下（xià）：

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

微型处理器：主（zhǔ）控板中间的黑色模（mó）块为微型处理器，用（yòng）于完成运（yùn）算（suàn）、控（kòng）制和（hé）存储任（rèn）务（wù）。

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

模拟输（shū）入端（duān）口：A0～A7号（hào）管（guǎn）脚（jiǎo）为模拟输入端口（kǒu），其中A0～A5可以作为数字输（shū）入/输出管脚（jiǎo）。

电机驱（qū）动连（lián）接口：主（zhǔ）控板自带4个（gè）电机驱（qū）动连接口，OUT1～OUT4分别于（yú）主控（kòng）板（bǎn）的4～7号管脚控制的电（diàn）机驱动芯（xīn）片输出连接。当拨码开关推到ＯＮ时，对应的（de）管脚只能控（kòng）制所（suǒ）连（lián）电机，不能用作其他用途。

1.3.3   LED灯闪起来

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

选择“添加（jiā）扩展”，将果壳智（zhì）造空间扩展添加到指令分类区（qū），指令分类区中（zhōng）将增加一个“GKduino”的指令分类，如下图：

设计一（yī）个程（chéng）序，实现板载13号灯每隔（gé）1秒闪烁一次的效果（guǒ）。

拿起（qǐ）主控板（bǎn），将主控板用数据线连在电脑主机的USB插口（kǒu）上（shàng）。

设（shè）计程序如下（xià）图所示：

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

提示：串口的选择

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

1.4第一个互动程序

设计第一个互动小程序，程序的功（gōng）能是一头熊在舞台（tái）上来回走动（dòng），当碰到舞台的边缘，13号板载灯亮（liàng）1秒。

1.4.1 添加新角色

切（qiē）换到舞台界面，删（shān）除（chú）小猫角色，单击选择（zé）一（yī）个角色，在跳出的对话框中（zhōng）选（xuǎn）择“Animals”文件夹，找到（dào）“Bear-walking”文件。这（zhè）时，舞台上出（chū）现（xiàn）了一头熊。如（rú）下图所（suǒ）示

1.4.2编写（xiě）脚本

最终程序（xù）脚本（běn）如下图：

1.4.3测（cè）试程序

（1）选择（zé）Arduino   UNO控制器

（2）选择合适的COM3

（3）单击“编辑”，选择安装交（jiāo）互固件，等待上传（chuán）成功。第一次使用交互（hù）功能需要安装（zhuāng），再次使（shǐ）用软件的交互功能，不需安装。

（4）单击（jī）绿旗，就可以看到互动（dòng）效果（guǒ）。

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

一定要养成随时保（bǎo）存程序（xù）的习惯，Scraino保存的文件（jiàn）扩（kuò）展名为“.sb3”。保存后的文（wén）件可以通过双击文件名（míng）打开，也（yě）可以通过Scraino软件“文件”中的“打开”功能打开原来保存的文件。