互动（dòng）媒体基础

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

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

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

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

1.1.2互动（dòng）媒体作（zuò）品展示（shì）

地（dì）面互动投影

通过捕捉（zhuō）人像或者其他感应，将捕捉到（dào）的（de）影像传输到控制服务器中，经过系统的分析，产生被捕捉物体的动作，该（gāi）动作数（shù）据结合实时影像互动系（xì）统，使参与者和屏幕之间产生（shēng）积极有趣的互动效果。

空中翻书

在展台上放置一本翻开的虚拟图书，当读者在（zài）展（zhǎn）台前做出翻书动作时，虚拟图书就（jiù）会（huì）自动翻（fān）页（yè），读者就会（huì）浏览图（tú）书内容，并伴（bàn）有生动的翻页声光（guāng）效果 。

球幕系统（tǒng）

球幕系统使用的是投影（yǐng）机拼接技术，我们常见的（de）是投射一个巨大的地球仪。三台以上的投影（yǐng）机（jī）进行拼接后可以获得更好的效（xiào）果，通过软件（jiàn）进（jìn）行边缘的融合，做（zuò）到多台投（tóu）影机的（de）无缝拼接。

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

第一部（bù）分：信（xìn）号采集部分，根据互（hù）动需求进（jìn）行捕捉拍摄，捕捉设备有红外感应器、视频摄录机（jī）、热力拍摄器等。

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

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

第四部（bù）分：辅助设备（bèi），如传输线路（lù），安（ān）装构件，音响装置等。

1.1.4常用（yòng）的互动媒体设计软件

MakeyMakey

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

Scratch

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

S4A

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

4、 Processing

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

5、Flash

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

6、Scraino

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

注意：本软件仅（jǐn）支持（chí）windows 7及以上操作系统

Scraino软件（jiàn）基础

1.2.1   Scraino软件的下载

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

进入咔嗒爸（bà）爸官网后，在菜单栏（lán）上资源下载的下拉菜单中选择软（ruǎn）件下载，进入下载专区。下载专区（qū）中包含一（yī）个Scraino下载模块。

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

点开（kāi）文件夹，就（jiù）可以看到Scraino软件，直（zhí）接下载即（jí）可

1.2.2 Scraino软件的（de）安（ān）装

安装（zhuāng）条件

1.电脑版本

建议（yì）使用Windows 7及以上版本系统。

2.配置要求

显卡需支持WebGL，不支持G31/G33系（xì）列显卡（kǎ）。年限过老、配置过低（dī）、系统久未更新升级可能会（huì）影响（xiǎng）设备驱动的（de）识别与安装，导致驱动安装失败。

3.网络要求（qiú）

无需连接网络，但处理安装过程中可能（néng）出现的问题时需要网络。

安装流程

找到下载的安（ān）装包，双（shuāng）击打开，出现如下界面，可以默认安装路径，也可（kě）自主选（xuǎn）择安（ān）装路径。

点击安装（zhuāng），等（děng）待（dài）进度条安装完成即可

若电脑安装了防护软件，可能出现类似（sì）如下的（de）对话框（kuàng），全部点击允许，直到安（ān）装结束。

安装完成后，会在桌面出现相应的Scraino快（kuài）捷键 ，并弹出界（jiè）面。

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

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

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

支持WebGL运行的浏（liú）览（lǎn）器（qì）；

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

与之配套的操作（zuò）系统，显（xiǎn）卡驱动（dòng）程序，浏（liú）览器版本的升级；

计算机提示的不支持Scraino运（yùn）行的（de）画（huà）面

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

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

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

出（chū）现Scraino属性对话框，点击“兼（jiān）容性”选项卡；

在（zài）兼容性选项卡里，勾（gōu）选兼容模式下的“以（yǐ）兼容（róng）模式运行这个程序（xù）”前的对勾，在其下的下拉箭头（tóu）下选择电脑对应的（de）系统，我（wǒ）这里选WIN7。选好后点击（jī）“确定（dìng）”按钮。

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

如何判断（duàn）我的（de）浏览器（qì）是否支持（chí）WebGL呢？

在（zài）浏览器地址栏输入

https://get.webgl.org/

如果出（chū）现以上（shàng）图形，就（jiù）说明浏览器是支（zhī）持WebGL的，经过尝试（shì），发现Chome浏览器，微软Edge以（yǐ）及搜狗浏览器都能很好的支持WebGL。

重点说明

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

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

要运（yùn）行WebGL，必须（xū）有一个支（zhī）持它（tā）的（de）浏览（lǎn）器，支（zhī）持的浏览器如（rú）下（xià）：

Google Chrome 9及（jí）以（yǐ）上（shàng）版本

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

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

请根据（jù）您的浏览（lǎn）器（qì）查看操作（zuò）方法：

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

360浏览器

火狐浏览器

Safari浏览（lǎn）器

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

360安全浏览器不支持WebGL，需要（yào）下载（zǎi）360急（jí）速浏览器。

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

搜索框搜（sōu）索（suǒ）硬件。

开启（qǐ）硬件加（jiā）速（sù）。

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

Chrome浏览器开启WebGL的方（fāng）法

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

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

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

或者采用如下方法：

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

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

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

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

点击确定（dìng）

设置完成的（de）后（hòu）的快捷（jié）方式属性窗口（kǒu）看起来应当是这样的，注（zhù）意（yì）“目标”文本（běn）框：

关闭目前开启的所有Chrome窗口，然后用此快捷方式启动Chrome浏览（lǎn）器（qì）。

其中：

--enable-webgl                        开启WebGL支持（chí）

--ignore-gpu-blacklist                忽略GPU黑名（míng）单，也（yě）就是说有一（yī）些显卡GPU因为过于（yú）陈旧等原因，不建议（yì）运行WebGL，这个参数可（kě）以（yǐ）让浏览器忽略这个黑名（míng）单，强制运行WebGL

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

Firefox浏（liú）览（lǎn）器（qì）开启（qǐ）WebGL的方（fāng）法

Firefox的用户请在浏（liú）览器的地（dì）址栏输入“about:config”，回车（chē）

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

通（tōng）过双击的方（fāng）式将webgl.force-enabled的值设置为true

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

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

通过（guò）双击的方式将（jiāng）security.fileuri.strict_origin_policy的值设置为false

关闭（bì）目前开（kāi）启的所有Firefox窗口，然（rán）后重新启动Firefox。

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

如果（guǒ）强制开（kāi）启了WebGL，还是不能运行，更多信息可参（cān）考Mozilla Blocklisting/Blocked Graphics Drivers

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

悲催地发现Firefox对厂家的不支持和硬件不支持(分别在虚拟机上和显（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浏（liú）览（lǎn）器（qì）开（kāi）启WebGL的方法

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

1.2.3初识（shí）Scraino

软件界面（miàn）分布（bù）：

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

1.界面一：纯软编程和交互（hù）模式界（jiè）面

界面一（yī）主（zhǔ）要分为8个区（qū）域：工（gōng）具栏、指令区、脚本区、舞台区和角色区。界面二新（xīn）增编码区。

工具栏：主要是（shì）对项目（mù）的新建和保存、开发板（bǎn）连接设置（zhì）及参考文（wén）档（dàng）查询（xún）等操（cāo）作。

[文件]：新建、打开、保存项目的设（shè）置。

[编辑（jí）] ：交互式固件和驱动（dòng）的安装。

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

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

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

[控（kòng）制器]：用于选中开（kāi）发（fā）板，根据（jù）控制板的（de）类（lèi）型选择（zé）相对（duì）应的板子，进（jìn）行软硬件的交互。

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

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

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

其（qí）中扩展区包含多种控（kòng）制板，点击所（suǒ）需要的扩展，即可在指令区添（tiān）加（jiā）相应（yīng）的扩展（zhǎn）模块（kuài），如点击“Arduino”扩展模块后（hòu），代（dài）码区会出现Arduino的模块

指令区: 每一类别都包含该（gāi）类型的若干软控（kòng）及硬控的指令，根据需求以积（jī）木块的形式拖（tuō）拽到（dào）脚本（běn）区，实现程序的编写。

根据指令的不同，我们（men）从形状上又可以（yǐ）分为启动指令，带凹槽（cáo）的指令、六（liù）边形指令和椭圆（yuán）形指令（lìng）。

[启动指（zhǐ）令]

用于启动程序的指（zhǐ）令，一（yī）般顶部为弧形，无（wú）法向上连接（jiē），下方带有凸出的接头。

[带凹（āo）槽的指令]：可以直接连接在启动程序（xù）下（xià）的（de）指令。

[六边形指令（lìng）]：需（xū）要嵌套在（zài）条件语句中作为判断条（tiáo）件使用。

[椭圆形指令（lìng）]：嵌套（tào）在（zài）其他指令（lìng）的（de）椭圆（yuán）形（xíng）框中进行（háng）使用。

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

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

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

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

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

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

功（gōng）能按钮：操（cāo）作的（de）功能快捷（jié）键：               

：启（qǐ）动程（chéng）序                    ：小（xiǎo）舞台布局模式

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

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

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

【功能按钮（niǔ）】：操（cāo）作的功（gōng）能快捷键：

：改变面板（bǎn）大小                    ：用于下（xià）载程序

：用于打开Arduino IDE 软件

点击“工具栏”中舞台上方（fāng）的“舞台/代码”切换按钮切换界面一与界面二（èr）。

以上是（shì）软件的基本（běn）介绍，操作方（fāng）法很容易，就是将指令区（qū）的指令用鼠标拖拽到脚本区，形（xíng）成具有逻辑（jí）性的积木（mù）块，代码区（qū）就会（huì）出现（xiàn）相（xiàng）应的逻辑代码。

GKduino硬件概（gài）述（shù）

1.3.1   Arduino概（gài）述（shù）

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

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

Duemilanove            LilyPad

Arduino Uno              Mega2560

1.3.2   GKuino主（zhǔ）控板

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

关于主控板的主（zhǔ）要（yào）组成部分介（jiè）绍（shào）如下：

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

微型处理器：主控板（bǎn）中（zhōng）间的黑色模块（kuài）为（wéi）微型处理器（qì），用（yòng）于完成（chéng）运（yùn）算、控制和（hé）存（cún）储任务。

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

模（mó）拟输入端口：A0～A7号管脚为模拟输（shū）入端口，其中A0～A5可以作为数字输入/输出管脚。

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

1.3.3   LED灯（dēng）闪（shǎn）起来

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

选择“添加扩展”，将果（guǒ）壳（ké）智造空间扩展添（tiān）加到指（zhǐ）令分类区（qū），指令分类区中将增加（jiā）一个“GKduino”的指令分类，如下图（tú）：

设计一个程（chéng）序，实现板载13号灯每隔1秒闪烁一次的（de）效（xiào）果。

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

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

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

提示：串口的选择

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

1.4第一个互动程序

设计（jì）第一个互（hù）动（dòng）小程序，程序的功能（néng）是一头熊（xióng）在（zài）舞台（tái）上来回走动，当碰到舞台的边缘，13号板载灯（dēng）亮1秒。

1.4.1 添加新角色

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

1.4.2编写脚（jiǎo）本（běn）

最终（zhōng）程序脚本如下图：

1.4.3测（cè）试程序

（1）选择Arduino   UNO控制器

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

（3）单击（jī）“编辑”，选择安装交互固件，等待上传成功。第（dì）一次（cì）使用交（jiāo）互功能需（xū）要（yào）安装，再次使用软件的交（jiāo）互功能，不需（xū）安装。

（4）单击绿（lǜ）旗，就（jiù）可以看到互（hù）动（dòng）效果。

1.4.4保（bǎo）存（cún）和打（dǎ）开程序

一定要（yào）养成随时保存程序的习惯，Scraino保存的文件（jiàn）扩展名为“.sb3”。保存后（hòu）的文件可以通过双击文件名打开（kāi），也可以通过Scraino软件“文件”中的（de）“打开”功（gōng）能打开（kāi）原（yuán）来（lái）保存的文件。