互动媒体基础（chǔ）

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

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

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

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

1.1.2互动媒体作品展示

地面互动投影

通过捕（bǔ）捉人像或者其他感应，将捕捉到的影像传输到控制服（fú）务器中，经（jīng）过系统的分析（xī），产生被捕捉物体的动作，该动作数据结合（hé）实（shí）时影像互动系统，使参与者和屏幕之间产生积极有趣（qù）的互（hù）动效（xiào）果。

空（kōng）中翻书

在展台上放置一（yī）本翻开的虚拟图书，当读者（zhě）在展台前（qián）做（zuò）出翻书动作时，虚拟图书就会自动翻页，读者就（jiù）会浏览图书内（nèi）容，并伴有生动的翻页声光（guāng）效果 。

球（qiú）幕系统（tǒng）

球幕系统使用的是投影机拼（pīn）接技术，我（wǒ）们常见的是投射一个巨大（dà）的地球仪（yí）。三台以（yǐ）上的投影机进行拼接后可（kě）以获得更好的效果，通过（guò）软件进（jìn）行边缘的融合（hé），做到多台投影机的无缝拼接。

1.1.3互动媒（méi）体运行（háng）流程解析

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

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

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

第（dì）四（sì）部分：辅助设备，如传输（shū）线路，安（ān）装构（gòu）件，音响装置等。

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

MakeyMakey

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

Scratch

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

S4A

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

4、 Processing

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

5、Flash

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

6、Scraino

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

注意：本软（ruǎn）件仅（jǐn）支持windows 7及以上操作系（xì）统（tǒng）

Scraino软件基础

1.2.1   Scraino软件的下（xià）载

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

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

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

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

1.2.2 Scraino软件的安装

安（ān）装条件（jiàn）

1.电脑版本（běn）

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

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

显卡需支持（chí）WebGL，不支持（chí）G31/G33系列显卡。年（nián）限过老（lǎo）、配置过低（dī）、系统久未更（gèng）新升级可能会影响设备驱（qū）动的识别与安装（zhuāng），导致驱动安装失败。

3.网络要求

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

安装流（liú）程（chéng）

找到下载的安装包（bāo），双击打开（kāi），出现如下界面，可（kě）以默认（rèn）安装（zhuāng）路径，也（yě）可自主选择安装路径。

点击（jī）安装，等待进度条安（ān）装完成即（jí）可（kě）

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

安装完（wán）成（chéng）后，会在桌面出现相应的Scraino快（kuài）捷键 ，并弹出（chū）界面。

可能出现的问题

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

因此，Scraino软件运（yùn）行需要具（jù）备的基本条（tiáo）件是（shì）：

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

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

与之配（pèi）套的操作系统，显卡（kǎ）驱动程序，浏（liú）览器版本的升级；

计算机提示（shì）的不支持Scraino运行（háng）的画（huà）面（miàn）

针（zhēn）对以上情况，从以下几（jǐ）个方面进行分析和（hé）解决。

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

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

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

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

2.检查浏览器（qì）版本（běn）并修正浏览（lǎn）器

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

在浏览器地址栏输入（rù）

https://get.webgl.org/

如（rú）果出（chū）现以上（shàng）图形，就说明浏览器是支（zhī）持WebGL的，经过尝（cháng）试，发现Chome浏览器，微软（ruǎn）Edge以及搜狗浏（liú）览器都能很好的支持（chí）WebGL。

重点说明

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

注意 ：所有浏览器设置后都需要重（chóng）启才（cái）有效！

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

Google Chrome 9及以上（shàng）版本

Mozilla Firefox 4以及上版本

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

请根据您的浏（liú）览器查看操作（zuò）方法：

谷（gǔ）歌Chrome系浏览器（除360、火狐、Safari、IE以外（wài）的浏览器）

360浏览器（qì）

火狐浏览器

Safari浏览器

360安全浏览器开启WebGL的方法

360安全浏览（lǎn）器（qì）不（bú）支持WebGL，需要下（xià）载360急（jí）速浏览器。

然后点（diǎn）击选项按钮。

搜索框（kuàng）搜索硬件。

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

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

Chrome浏览器开启WebGL的方法

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

在网（wǎng）址栏里（lǐ）输（shū）入：about:flags

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

或者采用（yòng）如下方（fāng）法：

需要为Chrome加入（rù）一（yī）些启动参（cān）数，以下（xià）具体操作步骤（zhòu）(以（yǐ）Windows操作系统为例)

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

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

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

点击（jī）确定（dìng）

设置完成的后的快捷方式属性窗口看起来应（yīng）当是这样的，注意（yì）“目标”文本（běn）框：

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

其中：

--enable-webgl                        开启WebGL支持

--ignore-gpu-blacklist                忽略GPU黑名单，也就（jiù）是（shì）说有（yǒu）一些（xiē）显卡（kǎ）GPU因为过于陈旧等原因，不（bú）建议运（yùn）行WebGL，这个参数可以让浏（liú）览器忽略这个黑名单，强制运行WebGL

--allow-file-access-from-files            允许（xǔ）从本地（dì）载入（rù）资（zī）源

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

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

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

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

通过（guò）双（shuāng）击的方式将webgl.disabled的值设置为（wéi）false

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

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

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

其中（zhōng）前两个设置是强制开启WebGL支（zhī）持，最（zuì）后一个security.fileuri.strict_origin_policy的设（shè）置（zhì）是允许（xǔ）从本地载入（rù）资源（yuán）

如果强（qiáng）制开启了（le）WebGL，还是不能运（yùn）行，更多信息（xī）可参考Mozilla Blocklisting/Blocked Graphics Drivers

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

悲催地发现Firefox对厂家（jiā）的（de）不支持和硬（yìng）件不（bú）支持(分（fèn）别在虚（xū）拟机上和显卡为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的方法

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

1.2.3初（chū）识Scraino

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

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

1.界面（miàn）一：纯软编程（chéng）和（hé）交互模式界（jiè）面

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

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

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

[编辑] ：交（jiāo）互式固件（jiàn）和驱动（dòng）的安装。

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

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

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

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

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

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

包括：动作，外观，声音，事件，控制，感知，运（yùn）算（suàn），变量，自定义，扩展共10类。

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

指令区: 每一（yī）类别都包含该类型的若（ruò）干软（ruǎn）控（kòng）及硬（yìng）控的指（zhǐ）令，根据（jù）需（xū）求（qiú）以积木块的形式拖（tuō）拽到脚本区，实现程序的（de）编写。

根据指令的不同，我们从形（xíng）状上又可以分为（wéi）启动指（zhǐ）令，带凹槽的指令、六边形指（zhǐ）令（lìng）和椭（tuǒ）圆形（xíng）指令。

[启动指令]

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

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

[六边形（xíng）指令]：需要嵌套在条件语句（jù）中作为（wéi）判断（duàn）条件使用。

[椭圆形指令]：嵌套在其他指令的椭圆（yuán）形（xíng）框中进行使用。

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

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

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

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

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

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

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

：启动程序                    ：小舞台布局模式

：停止程序                    ：全屏控制   

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

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

【功能按钮（niǔ）】：操作（zuò）的功能快捷键：

：改变面（miàn）板大小                    ：用于下载程（chéng）序

：用于打开Arduino IDE 软件

点击“工（gōng）具栏”中舞（wǔ）台上方（fāng）的“舞台/代码”切（qiē）换按钮切（qiē）换界面一与界面二。

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

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

1.3.1   Arduino概（gài）述

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

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

Duemilanove            LilyPad

Arduino Uno              Mega2560

1.3.2   GKuino主控板

本（běn）书（shū）使用的Gkduino主（zhǔ）控板，是一种Arudino   Uno兼容的主控板。Gkduino主控板各个部分的详（xiáng）细结构如下图

关于（yú）主（zhǔ）控板的主（zhǔ）要组（zǔ）成部（bù）分介绍如下：

管脚：主（zhǔ）控板上两组“三排金属（shǔ）针”称为管脚，黑色一排（pái）连接的是电源地（GND），红（hóng）色一排连接的是5V电源（VCC），彩（cǎi）色一排（pái）则是信号管脚，用以实现输（shū）入输（shū）出的控（kòng）制（zhì）。

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

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

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

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

1.3.3   LED灯闪（shǎn）起来

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

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

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

拿起主控板（bǎn），将主控板（bǎn）用数据线连在电脑主机的（de）USB插（chā）口上。

设计程序如下图所示：

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

提示（shì）：串口的选择（zé）

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

1.4第一个互动程序

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

1.4.1 添加新角色

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

1.4.2编写脚本

最终程序脚本如下图：

1.4.3测（cè）试（shì）程序

（1）选（xuǎn）择Arduino   UNO控（kòng）制（zhì）器（qì）

（2）选择合适的COM3

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

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

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

一定（dìng）要（yào）养（yǎng）成随时（shí）保（bǎo）存程序的习惯，Scraino保存的文件（jiàn）扩展名为“.sb3”。保存后（hòu）的文（wén）件可以通过双（shuāng）击文件名打开，也可以通（tōng）过Scraino软（ruǎn）件“文件”中的“打开”功能打开原来（lái）保存的文（wén）件。