互动媒体基（jī）础（chǔ）

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

互动媒体知多少（shǎo）

1.1.1什么是互动媒体（tǐ）

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

1.1.2互动媒体作（zuò）品（pǐn）展示

地面互动投影

通过捕捉人像或者其他（tā）感应，将捕捉到的影像传输到控制（zhì）服务器中，经过系统（tǒng）的分析，产生（shēng）被（bèi）捕捉物体的动（dòng）作，该动作（zuò）数（shù）据（jù）结合实时（shí）影像（xiàng）互动系统，使参（cān）与（yǔ）者和屏幕之间产生积（jī）极有趣（qù）的互动效果。

空中翻书（shū）

在展台上放置一本翻开的虚拟图书，当读（dú）者在展（zhǎn）台前做出翻书动作时，虚（xū）拟（nǐ）图书（shū）就会自动翻页，读者就会浏览图书内容（róng），并（bìng）伴有生动的（de）翻页（yè）声光效果（guǒ） 。

球幕系统

球幕系统使用的是投影机（jī）拼接技术，我们常（cháng）见的是（shì）投射（shè）一个（gè）巨大的地球仪。三台（tái）以上（shàng）的投影机进行拼接后可以获（huò）得更（gèng）好的效果，通过软件进行边缘的融合，做到多台投影（yǐng）机的无（wú）缝拼接。

1.1.3互动（dòng）媒体（tǐ）运行流程解析（xī）

第一部分：信号（hào）采集部分，根据互动（dòng）需（xū）求进行捕捉拍摄，捕（bǔ）捉设备有红外感应器、视频摄（shè）录机（jī）、热力拍（pāi）摄器等。

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

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

第四部分（fèn）：辅助设（shè）备，如传输线（xiàn）路，安装构件（jiàn），音响装置等。

1.1.4常（cháng）用（yòng）的互动媒（méi）体设计软（ruǎn）件

MakeyMakey

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

Scratch

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

S4A

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

4、 Processing

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

5、Flash

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

6、Scraino

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

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

Scraino软件（jiàn）基础

1.2.1   Scraino软件（jiàn）的下载

我（wǒ）们可以（yǐ）进入（rù）咔嗒爸爸（bà）官网（http://www.kadapapa.com/）下载Scraino软件（jiàn）。

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

点击（jī）软（ruǎn）件下载，链（liàn）接中（zhōng）包（bāo）含一个文件夹。

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

1.2.2 Scraino软（ruǎn）件（jiàn）的安装（zhuāng）

安装条件

1.电脑版本

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

2.配（pèi）置要（yào）求（qiú）

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

3.网络要求

无需连接网络，但处理（lǐ）安（ān）装过（guò）程（chéng）中可能出（chū）现的问（wèn）题时需（xū）要网络。

安装流程

找到（dào）下载的安（ān）装包，双（shuāng）击（jī）打开（kāi），出现如下界（jiè）面，可以默认安装路径，也可自主选择安（ān）装（zhuāng）路径（jìng）。

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

若电脑安装了防护软件，可能出现类（lèi）似（sì）如下的对话框，全部点击（jī）允许，直到安装结束。

安装（zhuāng）完（wán）成后，会在桌面出现（xiàn）相应的（de）Scraino快捷键 ，并弹出界面。

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

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

因此，Scraino软（ruǎn）件运行需要具备的基（jī）本条件（jiàn）是：

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

支持WebGL运行的显卡；

与之（zhī）配套的操作系统，显卡驱动程序，浏（liú）览器（qì）版本的升级；

计算机提（tí）示的不支持Scraino运行的画面

针对以上情况，从（cóng）以（yǐ）下几个方面进行分析和解决。

1.调整（zhěng）显（xiǎn）卡的显示模式

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

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

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

2.检查浏览（lǎn）器版（bǎn）本并（bìng）修正浏（liú）览器

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

在浏览器地址栏输（shū）入

https://get.webgl.org/

如果出现以上图形（xíng），就说明浏览器（qì）是支持WebGL的，经过尝（cháng）试，发现Chome浏览（lǎn）器，微（wēi）软Edge以及搜狗浏览器都能很好的（de）支持WebGL。

重点说明

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

注意 ：所有浏览器设置后都需要重启才有效！

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

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

Mozilla Firefox 4以及上（shàng）版本

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

请根（gēn）据您的浏览器查看操作方法（fǎ）：

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

360浏览器

火狐浏览器

Safari浏览器（qì）

360安全浏览器开启WebGL的方法（fǎ）

360安全浏览器不（bú）支（zhī）持WebGL，需（xū）要下载（zǎi）360急速浏览器。

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

搜索（suǒ）框（kuàng）搜索（suǒ）硬件（jiàn）。

开启硬件加速。

浏览（lǎn）器重启，就可以访问（wèn）基于WEBGL的（de）网页了。

Chrome浏（liú）览器开启WebGL的方法（fǎ）

谷歌Chrome系浏览器（除360、火狐、Safari、IE以外（wài）的浏览（lǎn）器（qì））

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

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

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

需（xū）要为（wéi）Chrome加（jiā）入一些启动参数，以下具体操作步骤(以Windows操作（zuò）系（xì）统（tǒng）为例)

找到Chrome浏览器的快捷方式，如（rú）果没有就创（chuàng）建一个（gè）快捷方式（右键点击chrome.exe，选择“创建快捷方式”或（huò）者“发送到”→“桌面快捷方式”），右键点击快捷方（fāng）式，选择属性。

在目（mù）标框内，双引号的后边，空格，然（rán）后加入（rù）以下内（nèi）容

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

点（diǎn）击确定

设置完（wán）成的后（hòu）的快（kuài）捷（jié）方式属性窗口看起来应当是这样的（de），注意（yì）“目（mù）标”文本框（kuàng）：

关（guān）闭目前开启的所（suǒ）有Chrome窗（chuāng）口，然后用此快捷方式启动Chrome浏览器。

其中：

--enable-webgl                        开启（qǐ）WebGL支持

--ignore-gpu-blacklist                忽略GPU黑名单，也（yě）就（jiù）是（shì）说有一些显卡GPU因为过于陈旧等原因，不建议运行（háng）WebGL，这个（gè）参数可以让浏览器忽略这个黑（hēi）名（míng）单，强（qiáng）制运行WebGL

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

Firefox浏（liú）览器开启WebGL的方法

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

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

通过双击的方式将webgl.force-enabled的值设置为true

通过双击的（de）方式将webgl.disabled的值设（shè）置为false

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

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

关闭目前开启（qǐ）的所（suǒ）有Firefox窗口，然后重新启（qǐ）动Firefox。

其中（zhōng）前两个设置是强制开（kāi）启WebGL支持，最后一个security.fileuri.strict_origin_policy的设置是允许（xǔ）从本（běn）地（dì）载入资（zī）源

如果强制（zhì）开启了WebGL，还是不能运行，更多信息可参考Mozilla Blocklisting/Blocked Graphics Drivers

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

悲催地发现Firefox对厂家（jiā）的不支（zhī）持和（hé）硬件不支持(分别在虚拟机（jī）上和显（xiǎn）卡为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浏览（lǎn）器开启WebGL的方（fāng）法

菜单（dān）中找到“属性”或“偏好设置”→“高（gāo）级（jí）”，选中“显示开发菜单”，然后（hòu）到“开（kāi）发”菜单，选中“开启（qǐ）WebGL”。

1.2.3初识（shí）Scraino

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

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

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

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

工具栏：主要（yào）是对项（xiàng）目的新建和保存、开发板连接（jiē）设置及参考文档查询等操作。

[文（wén）件]：新建（jiàn）、打开（kāi）、保存项目的设置。

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

注（zhù）意：点（diǎn）击“安装（zhuāng） Arduino驱动”,按照提示点击“下一步"即可完（wán）成安装。仅（jǐn）首次使用时需要安装驱动,安（ān）装后,以后使用无需重复安装。

[连接]：将 Arduino Nano控制器与计算机连接,打开 Scraino软件,点击软件菜（cài）单栏“连接”,选（xuǎn）中与开发板（bǎn）相对应的"COM"口即可。

COM口的查找：右键（jiàn）“计算机”，点击“设备（bèi）管理器”，如（rú）图：

[控制器]：用于选中开（kāi）发板（bǎn），根据控制板（bǎn）的类型（xíng）选择相对应（yīng）的（de）板（bǎn）子，进行软硬件的交互。

[帮助] ：使（shǐ）用（yòng）手（shǒu）册参考及软件版本（běn）的查询。

指（zhǐ）令分类区：对（duì）指令（lìng）进行分类

包括：动作，外（wài）观，声音，事件，控制，感知，运算，变量，自定（dìng）义，扩展共10类。

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

指令区: 每（měi）一类（lèi）别都包含该类型的若干软控及硬（yìng）控的指令，根据需求以积（jī）木（mù）块的形（xíng）式拖拽到脚本（běn）区，实（shí）现程（chéng）序的编写。

根据（jù）指令的不同，我们从形状上又可以分为（wéi）启动（dòng）指令，带（dài）凹槽的指令、六边形指令和椭圆形指（zhǐ）令。

[启动指令]

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

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

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

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

功能切换区：切换编辑功能，进行积木、角色、声（shēng）音的切换。

脚本区：对脚本（běn）、角色或（huò）声（shēng）音的编辑的区（qū）域。

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

角色区：可以允许用户添加（jiā）、修改和（hé）删（shān）除程序（xù）与背景。

代码区：搭建程（chéng）序时（shí），将实时显（xiǎn）示（shì）出该模块所对（duì）应的计算机语（yǔ）言代（dài）码。

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

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

：启（qǐ）动（dòng）程序（xù）                    ：小舞台布局模式

：停止（zhǐ）程序                    ：全（quán）屏控（kòng）制   

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

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

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

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

：用于（yú）打开Arduino IDE 软件

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

以（yǐ）上是软件的基本介绍，操作方法（fǎ）很容易，就是将（jiāng）指令区（qū）的指令用鼠标（biāo）拖拽到脚本（běn）区，形成（chéng）具有逻（luó）辑性的积木（mù）块，代（dài）码区就会出现相应的逻辑（jí）代码。

GKduino硬件概述

1.3.1   Arduino概述

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

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

Duemilanove            LilyPad

Arduino Uno              Mega2560

1.3.2   GKuino主（zhǔ）控板

本书使用（yòng）的Gkduino主控（kòng）板（bǎn），是一种Arudino   Uno兼容的主控板。Gkduino主控板各个部分（fèn）的（de）详（xiáng）细结构如下图

关于主控板（bǎn）的主（zhǔ）要组成部分介绍（shào）如下：

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

微型处理器：主控板中间的黑色模块为微型（xíng）处理器，用于完成运算、控制和存储（chǔ）任务。

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

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

电机驱动连（lián）接（jiē）口：主（zhǔ）控板自（zì）带4个（gè）电机驱动连（lián）接口，OUT1～OUT4分（fèn）别于（yú）主控板的4～7号管脚控制的电（diàn）机驱动芯片输出连接。当拨码开（kāi）关（guān）推到ＯＮ时（shí），对应的管脚只能控制所连（lián）电机，不能用作其他用途。

1.3.3   LED灯闪起（qǐ）来

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

选择“添加扩展”，将果壳智造空间扩展添加（jiā）到指（zhǐ）令分类区，指令分类（lèi）区中将增加一个“GKduino”的指令分类，如下（xià）图：

设计一个程序，实（shí）现板载13号（hào）灯每隔1秒闪烁（shuò）一次的效果。

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

设计程序如下图所示（shì）：

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

提示：串（chuàn）口（kǒu）的选择

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

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

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

1.4.1 添加（jiā）新角色

切换到舞台界面，删除小猫角色，单（dān）击选择（zé）一个角色，在跳出的对话框中选择“Animals”文件夹（jiá），找到“Bear-walking”文件。这时（shí），舞台上出现了一头（tóu）熊。如下图所示

1.4.2编写脚本

最终程序脚本（běn）如（rú）下图（tú）：

1.4.3测（cè）试（shì）程（chéng）序

（1）选择Arduino   UNO控制（zhì）器

（2）选择合（hé）适的COM3

（3）单（dān）击“编辑”，选（xuǎn）择安（ān）装交互固件，等待上传成功。第一次使用交互功能需要安（ān）装，再次使用软件的交互功能，不需安装（zhuāng）。

（4）单（dān）击绿旗，就可以看到互动效（xiào）果。

1.4.4保存和打开程序（xù）

一定（dìng）要养成随时（shí）保存程序的（de）习惯，Scraino保存的（de）文件扩展名（míng）为“.sb3”。保（bǎo）存（cún）后的文件（jiàn）可以通过双（shuāng）击文件名打开，也（yě）可以通过Scraino软件“文件（jiàn）”中的（de）“打开”功能打开原（yuán）来保存的文件。