互动媒（méi）体（tǐ）基础

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

互（hù）动媒体知多少

1.1.1什么（me）是互（hù）动媒体

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

1.1.2互（hù）动媒体作品展示（shì）

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

通过捕捉人（rén）像或（huò）者其他感应，将捕捉（zhuō）到（dào）的（de）影像传（chuán）输到控制服（fú）务（wù）器中，经过系统的（de）分析，产生（shēng）被捕捉物体的（de）动作，该动作数据结（jié）合实时影像互动系统，使参与者（zhě）和屏幕之（zhī）间产生积极有趣的互动效果。

空（kōng）中翻书

在展台上放置一本翻开的（de）虚拟图（tú）书，当读者在（zài）展（zhǎn）台前做出（chū）翻（fān）书动（dòng）作时（shí），虚拟（nǐ）图书就会（huì）自动翻页，读者就会浏览（lǎn）图（tú）书内容，并伴有生动的翻页声光效果 。

球幕系统

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

1.1.3互（hù）动媒体运行流程（chéng）解（jiě）析

第（dì）一（yī）部分：信（xìn）号采集部分，根据互动需求进（jìn）行捕捉拍（pāi）摄，捕捉设备有（yǒu）红外感（gǎn）应器、视频摄录机、热力拍摄器等。

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

第三部分：成像部分，利用投影机或其他显像设备把影像（xiàng）呈现在特定的（de）位置，显（xiǎn）像（xiàng）设备除（chú）了投影机外，等离子显示器（qì）、液晶显（xiǎn）示器、LED屏幕都可（kě）以作为互（hù）动影像的（de）载体。

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

1.1.4常用的互动媒体设计软件（jiàn）

MakeyMakey

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

Scratch

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

S4A

S4A是使（shǐ）Arduino开源硬件能够（gòu）与（yǔ）Scratch互动的修改（gǎi）版（bǎn）本。在此软件（jiàn）中（zhōng）提供了一些传感器模块和输出模块，它趣味（wèi）性强， 能够（gòu）与Arduino开（kāi）源硬件相结合，S4A已经成为（wéi）针（zhēn）对（duì）中小学生实（shí）现软件（jiàn）和硬件相结合进行（háng）互动设计的重（chóng）要工具之一。

4、 Processing

Processing将Java的语法简化并将其（qí）运算结果（guǒ）“感官化（huà）”，让使用者能很快（kuài）享有声光兼备的交互（hù）式多媒体（tǐ）作品。在程序动画的基础上添（tiān）加（jiā）鼠标、键盘、时（shí）间等交互因素，构成完（wán）整的交互结（jié）构（gòu）。

5、Flash

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

6、Scraino

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

注意：本软件（jiàn）仅支持windows 7及以上（shàng）操作系统

Scraino软件基础

1.2.1   Scraino软件的下载

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

进入咔嗒爸爸官网后，在菜（cài）单栏上资源（yuán）下载的下拉菜（cài）单（dān）中选择软件（jiàn）下载，进入下载专区。下载专（zhuān）区中包含一个Scraino下载模块。

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

点开文件夹（jiá），就可以看到Scraino软件（jiàn），直接下载即可

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

安（ān）装条件

1.电脑版本（běn）

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

2.配（pèi）置要求

显卡需（xū）支（zhī）持WebGL，不支持G31/G33系列显卡。年限过老（lǎo）、配置（zhì）过低、系统久（jiǔ）未（wèi）更新升（shēng）级可（kě）能会（huì）影（yǐng）响设备（bèi）驱动的识别（bié）与安装（zhuāng），导致驱动（dòng）安装失败。

3.网络要求

无（wú）需连接网络，但（dàn）处理安装过程中可能出现的（de）问（wèn）题时需要网（wǎng）络。

安装流程

找到（dào）下载的（de）安装包，双击打开，出现如下界面，可（kě）以默认安装路（lù）径，也（yě）可自主选择安装路径。

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

若（ruò）电脑安装了防护（hù）软件，可能出现类（lèi）似如下的对话框，全部点击允许，直到（dào）安装结束。

安装（zhuāng）完成后，会在（zài）桌面（miàn）出现（xiàn）相应的Scraino快捷键 ，并弹出界（jiè）面。

可能出现的问题

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

因（yīn）此，Scraino软件运行（háng）需要具备的基本条件是：

支持WebGL运行的浏览器；

支持WebGL运（yùn）行的（de）显卡；

与之配套的操作系统（tǒng），显卡驱动程序，浏览（lǎn）器版本的（de）升级；

计算机（jī）提示的不（bú）支持Scraino运行的画（huà）面

针对以上情（qíng）况，从以下几个（gè）方面进行分析（xī）和解（jiě）决。

1.调整显卡的显示模式

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

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

在兼容性选项卡里，勾（gōu）选兼容模式下的“以兼容模（mó）式运行这个程序”前（qián）的对勾，在（zài）其下的下拉箭（jiàn）头（tóu）下选择电脑（nǎo）对应的系统，我这里选WIN7。选好后点击（jī）“确定”按钮。

2.检（jiǎn）查浏览器版本并修正浏（liú）览器

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

在浏览器地址栏输入

https://get.webgl.org/

如果出现（xiàn）以上图形，就说（shuō）明浏览器是支持WebGL的（de），经过尝试，发现（xiàn）Chome浏（liú）览器，微软Edge以（yǐ）及（jí）搜狗浏览（lǎn）器都能很好的支持WebGL。

重点说明

如（rú）果电（diàn）脑的显卡非常老旧，或者是板载的集成显（xiǎn）卡，那么需（xū）要（yào）在浏览器中强制开启WebGL支持；另外因为其他的一些原因（yīn）（比如（rú）操作系统是Windows XP），在正常安装以上浏览器之（zhī）后还是不能运行WebGL，最好也强制开启WebGL支（zhī）持。

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

要运行（háng）WebGL，必须（xū）有一个支持它（tā）的浏（liú）览器，支持的浏览器如下：

Google Chrome 9及以上版本

Mozilla Firefox 4以（yǐ）及上版（bǎn）本

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

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

谷歌Chrome系浏览器（除360、火狐、Safari、IE以外的（de）浏览器）

360浏览器

火狐浏览器（qì）

Safari浏览器

360安全（quán）浏览器开启WebGL的方（fāng）法

360安全（quán）浏（liú）览器不（bú）支持WebGL，需要下载（zǎi）360急速浏（liú）览（lǎn）器。

然后点击（jī）选（xuǎn）项按钮。

搜（sōu）索框搜索硬（yìng）件。

开启硬件（jiàn）加速。

浏览器（qì）重启，就可（kě）以访（fǎng）问基（jī）于WEBGL的网（wǎng）页了。

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

谷歌Chrome系浏览器（qì）（除360、火狐、Safari、IE以（yǐ）外的浏览器）

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

按（àn）回车键后，在新页（yè）面中将第一（yī）个设置（zhì）为【启用】，如下图

或者采（cǎi）用如下方法：

需要为Chrome加（jiā）入一些启动参数，以下（xià）具体操作步骤（zhòu）(以Windows操（cāo）作系统为（wéi）例)

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

在目标框内，双引号的后（hòu）边，空格，然后加（jiā）入以下（xià）内（nèi）容（róng）

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

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

设置完成的后的快捷方式属性窗（chuāng）口看起来应当（dāng）是这样的，注意“目标”文（wén）本框（kuàng）：

关闭目（mù）前开启的所有（yǒu）Chrome窗口，然后用此快捷方（fāng）式（shì）启动Chrome浏览器。

其中：

--enable-webgl                        开启WebGL支持

--ignore-gpu-blacklist                忽（hū）略GPU黑名单，也就是说有一些显卡GPU因为过于陈（chén）旧等原因，不建议运（yùn）行WebGL，这个参数可以（yǐ）让浏览器忽略这个黑名单，强制运行WebGL

--allow-file-access-from-files            允许（xǔ）从（cóng）本地载入（rù）资源（yuán）

Firefox浏览器开启WebGL的方法

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

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

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

通过双击的方（fāng）式将（jiāng）webgl.disabled的值（zhí）设置为false

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

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

关闭目（mù）前开启的所（suǒ）有（yǒu）Firefox窗口，然（rán）后重新启动Firefox。

其（qí）中前两（liǎng）个设置（zhì）是（shì）强制开启（qǐ）WebGL支持，最后一（yī）个security.fileuri.strict_origin_policy的设置（zhì）是允许从本地载入资源

如果强制开启（qǐ）了WebGL，还是不能（néng）运行，更多（duō）信息可（kě）参考（kǎo）Mozilla Blocklisting/Blocked Graphics Drivers

我在Window XP上测试Firefox的WebGL时，在强制开（kāi）启（qǐ）了WebGL后，仍然得到Error: WebGL: Error during ANGLE OpenGL ES initialization

悲催地（dì）发现Firefox对厂家的不支持和硬件不支持(分别在虚拟（nǐ）机（jī）上和（hé）显卡为（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的方法

菜单中找到“属性”或“偏好设置”→“高级（jí）”，选中（zhōng）“显示开发菜单”，然后（hòu）到（dào）“开发”菜单，选中“开启WebGL”。

1.2.3初识Scraino

软件界面分布（bù）：

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

1.界面（miàn）一：纯软编程和交互模式界面

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

工（gōng）具栏：主要是对项目的新建和保存、开发板连接设置及参考文档（dàng）查（chá）询等（děng）操作。

[文件]：新建、打（dǎ）开、保存项（xiàng）目的（de）设置。

[编辑] ：交（jiāo）互式固件和驱（qū）动的安装。

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

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

COM口的（de）查找：右键（jiàn）“计算机”，点击（jī）“设备管理（lǐ）器”，如图：

[控制器]：用（yòng）于选中开发（fā）板（bǎn），根（gēn）据（jù）控（kòng）制板（bǎn）的类型选择相对应的板子，进行软硬件的交互。

[帮助（zhù）] ：使用手册参考（kǎo）及软件版本的查询。

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

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

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

指令区: 每一类别都（dōu）包含该类型的若干软控及硬控的指（zhǐ）令，根（gēn）据（jù）需（xū）求以积木块的形式拖拽到脚（jiǎo）本区（qū），实现程序的编写。

根据指令的不同，我们（men）从（cóng）形（xíng）状上又可以分为启动（dòng）指令，带凹槽的（de）指令、六边形指令和椭圆（yuán）形（xíng）指令。

[启动指令]

用于启动程（chéng）序的指令，一般顶部为弧（hú）形，无法向上（shàng）连（lián）接，下方（fāng）带有凸出的接头。

[带凹槽的指令]：可以直接连接在启动程序下的指令。

[六边（biān）形指令]：需要嵌套在条件语句（jù）中（zhōng）作为判断条件使用。

[椭圆形指（zhǐ）令]：嵌套在其他指令的椭圆形框中进行使用。

功能切换区：切换编辑功能（néng），进行积木、角色（sè）、声音的切换。

脚本区：对脚本、角（jiǎo）色或声音（yīn）的（de）编辑的区域。

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

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

代码区：搭（dā）建程序时（shí），将实（shí）时显示出该模（mó）块所对（duì）应（yīng）的（de）计算机语言代码。

调试区：当控制器与软件进行通信或下载（zǎi）时，可查看通（tōng）讯（xùn）数（shù）据。

功能按钮：操作的功能快（kuài）捷键：               

：启动程序（xù）                    ：小舞台布局模式

：停（tíng）止（zhǐ）程序                    ：全屏控制   

2.界面二（èr）：离线模式（shì）界面

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

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

：改变面板大小                    ：用（yòng）于（yú）下（xià）载程（chéng）序

：用于打（dǎ）开Arduino IDE 软件

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

以上是软（ruǎn）件的基本介绍，操作方法很容易，就是将指令区的指令（lìng）用鼠标拖拽（zhuài）到脚本区，形成具有逻辑性的积木块，代码区就（jiù）会出现相应的（de）逻（luó）辑代码（mǎ）。

GKduino硬（yìng）件概述

1.3.1   Arduino概述

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

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

Duemilanove            LilyPad

Arduino Uno              Mega2560

1.3.2   GKuino主控（kòng）板

本书（shū）使用的Gkduino主控板，是一种Arudino   Uno兼容的主控（kòng）板。Gkduino主控板各个部分的详细（xì）结构如下图

关于主控板的主要组成部分介绍如下：

管（guǎn）脚：主控板上（shàng）两组“三排金属针”称（chēng）为（wéi）管（guǎn）脚，黑（hēi）色一排连接（jiē）的是电源地（GND），红色一（yī）排连接的（de）是（shì）5V电源（VCC），彩色一排则是信号管脚，用以实现输（shū）入输出（chū）的控制。

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

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

模拟输入端口（kǒu）：A0～A7号管脚为模拟输入端口，其中A0～A5可（kě）以作为（wéi）数（shù）字输入/输出管脚。

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

1.3.3   LED灯闪起来

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

选择“添加扩展（zhǎn）”，将（jiāng）果壳智造空间扩展添加到指令分类区，指令分类区中将增加一（yī）个“GKduino”的（de）指令分类，如（rú）下图：

设计（jì）一个程序，实现（xiàn）板载13号灯每（měi）隔1秒闪烁一次的效果。

拿起主控板，将主控板用数据线连在电脑主机的USB插（chā）口上（shàng）。

设计程序如（rú）下图所示：

选择Arduino   UNO控（kòng）制器（qì），选择合适的COM口（kǒu），本书所用（yòng）的为COM3，点击上传至控制器，等待编译，显示上传（chuán）成功，就可以看到闪烁效果（guǒ）。

提示：串（chuàn）口的选（xuǎn）择

右键（jiàn）单击计算机（或（huò）我（wǒ）的（de）电脑）选择“属性”，在弹出的“系统”窗口中（zhōng）选择“设（shè）备管（guǎn）理器”，展（zhǎn）开“端口（COM和LPT）”，找到带有“USB-SERIAL CH340”的串口号，不同的计（jì）算（suàn）机（jī）对应不（bú）同的串口号（hào），本书为COM3。

1.4第一（yī）个互动程序

设计第一（yī）个（gè）互动小程（chéng）序，程序的（de）功能是一头熊在舞台上来回（huí）走动，当碰到（dào）舞台的（de）边缘，13号板载灯亮1秒。

1.4.1 添加（jiā）新角色

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

1.4.2编写（xiě）脚本

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

1.4.3测试程序

（1）选择Arduino   UNO控制器

（2）选（xuǎn）择合适的COM3

（3）单击“编辑”，选择安装交互固件，等待上传成（chéng）功（gōng）。第（dì）一次使（shǐ）用（yòng）交互（hù）功（gōng）能需（xū）要安装，再次（cì）使用（yòng）软件的交互（hù）功能，不需（xū）安装。

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

1.4.4保存和打开程序

一定要养成随时保存（cún）程序的（de）习惯，Scraino保存（cún）的文（wén）件扩（kuò）展名为（wéi）“.sb3”。保存后的文件可以（yǐ）通过双击（jī）文件名打开，也可以通过（guò）Scraino软（ruǎn）件“文件”中的“打开”功能打开原（yuán）来保存的文件。