互动媒体基础

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

互动媒体知（zhī）多少

1.1.1什么是互动媒体

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

1.1.2互动媒体作品展示

地面互动投影（yǐng）

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

空中翻书

在展台上放置一本翻开的虚拟图书，当读者在展台前做出（chū）翻书动作时，虚拟图书就会自动翻页，读者就会浏览图书内容，并（bìng）伴（bàn）有生动的翻页声光效果 。

球幕系统

球幕系统使用的（de）是投影机拼接技术，我们常见的是投射一个巨大的地球仪。三台以上的投影机进行拼接（jiē）后可（kě）以获（huò）得更好的效果（guǒ），通过软（ruǎn）件进行边缘的融合，做（zuò）到多（duō）台（tái）投影机的（de）无（wú）缝拼接。

1.1.3互动媒体运行流程解析

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

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

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

第四部分：辅助设备，如（rú）传输（shū）线路，安装构件，音响（xiǎng）装（zhuāng）置（zhì）等（děng）。

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

MakeyMakey

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

Scratch

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

S4A

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

4、 Processing

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

5、Flash

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

6、Scraino

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

注意：本（běn）软（ruǎn）件仅支持windows 7及以上操（cāo）作系统

Scraino软件基础

1.2.1   Scraino软（ruǎn）件的下载

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

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

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

点开文件夹，就可以看（kàn）到Scraino软（ruǎn）件（jiàn），直（zhí）接（jiē）下载即可

1.2.2 Scraino软件的安装

安装（zhuāng）条件

1.电脑版（bǎn）本

建议（yì）使用（yòng）Windows 7及以上（shàng）版本（běn）系统。

2.配置要（yào）求

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

3.网络要求

无需连接网络（luò），但（dàn）处（chù）理安装过（guò）程中可（kě）能（néng）出现的问题时（shí）需要网络。

安装流程

找到下载（zǎi）的安装包，双击打开，出现（xiàn）如下界面，可以（yǐ）默认（rèn）安装路径，也可自（zì）主选择（zé）安装路（lù）径。

点（diǎn）击安装，等待进（jìn）度条（tiáo）安装完成（chéng）即可

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

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

可能（néng）出现的问题

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

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

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

支（zhī）持WebGL运（yùn）行的显卡（kǎ）；

与之配套（tào）的操作系统，显卡驱动程序，浏览器（qì）版本的升级（jí）；

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

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

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

右击Scraino软（ruǎn）件（jiàn）图标（biāo），点击属（shǔ）性

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

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

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

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

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

https://get.webgl.org/

如果（guǒ）出（chū）现以（yǐ）上图形，就说明浏览（lǎn）器是支持WebGL的，经（jīng）过尝试，发现Chome浏览器，微软Edge以（yǐ）及（jí）搜狗浏览器都能（néng）很好的支持WebGL。

重点说（shuō）明

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

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

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

Google Chrome 9及（jí）以上版本

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

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

请根据您的浏览器查看操作方法：

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

360浏览器

火（huǒ）狐浏览器（qì）

Safari浏览（lǎn）器

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

360安全浏览器不支持WebGL，需要下载（zǎi）360急速（sù）浏览器（qì）。

然（rán）后点（diǎn）击（jī）选项按钮。

搜索框（kuàng）搜索硬（yìng）件（jiàn）。

开启硬（yìng）件加速。

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

Chrome浏览（lǎn）器开启WebGL的方法（fǎ）

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

在网址栏里输（shū）入（rù）：about:flags

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

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

需要为Chrome加（jiā）入一（yī）些启动参（cān）数，以（yǐ）下具（jù）体操作步骤(以Windows操作（zuò）系（xì）统（tǒng）为例)

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

在目（mù）标框内，双引（yǐn）号（hào）的后边，空格，然后加入以下内容

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

点击确定

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

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

其（qí）中：

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

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

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

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

Firefox的用户请在浏览器的地址（zhǐ）栏（lán）输入“about:config”，回车

在过（guò）滤器（filter）中（zhōng）搜索“webgl”

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

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

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

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

关闭目（mù）前开启的所有Firefox窗口，然后（hòu）重（chóng）新（xīn）启动Firefox。

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

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

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

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

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

1.2.3初识Scraino

软件界（jiè）面分布：

Scraino软件一共分两个主要界面。

1.界面一：纯软编程和交互模式界面

界面一主要分为（wéi）8个区域：工具栏（lán）、指令区、脚本（běn）区、舞（wǔ）台区和角色区。界（jiè）面二新增（zēng）编码区。

工具栏：主要是对（duì）项目（mù）的新建和保存、开（kāi）发板连接设置及参（cān）考文档（dàng）查询等操作。

[文件]：新建、打开、保（bǎo）存项目的（de）设置。

[编辑（jí）] ：交互（hù）式固件（jiàn）和驱动的安装。

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

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

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

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

[帮（bāng）助] ：使（shǐ）用手册参考及软件版本的（de）查（chá）询。

指（zhǐ）令分类区：对指令进行分（fèn）类

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

其中扩展区包含（hán）多（duō）种控制板（bǎn），点击所需要的扩展，即可在（zài）指令区添（tiān）加相应的扩展模块，如点击“Arduino”扩展模块后，代码区会出现（xiàn）Arduino的模（mó）块

指令区: 每（měi）一类别（bié）都包含该类型的若干软控（kòng）及硬控（kòng）的指令，根（gēn）据需（xū）求以积木块的（de）形（xíng）式拖拽到脚本区，实现（xiàn）程（chéng）序的编写（xiě）。

根（gēn）据指令的不同，我们从（cóng）形状（zhuàng）上又（yòu）可（kě）以分（fèn）为启动指（zhǐ）令，带凹槽的指令（lìng）、六边形指令和椭圆（yuán）形指令。

[启（qǐ）动指（zhǐ）令]

用于（yú）启动（dòng）程序的指令，一（yī）般顶部为弧（hú）形，无法向上连接，下方带有凸（tū）出的接头。

[带凹槽（cáo）的指（zhǐ）令]：可以直接连接在启动程序下的指（zhǐ）令。

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

[椭（tuǒ）圆形指令]：嵌套在（zài）其他（tā）指令的椭圆形框中进行使（shǐ）用。

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

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

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

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

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

调试区：当控（kòng）制器与（yǔ）软件进行通信（xìn）或下（xià）载（zǎi）时（shí），可（kě）查看通讯数据（jù）。

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

：启动程序                    ：小舞（wǔ）台布局模式

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

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

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

【功能按钮】：操作的功能快捷键：

：改（gǎi）变面板大小                    ：用（yòng）于下载程序（xù）

：用于打开Arduino IDE 软件

点（diǎn）击（jī）“工具栏”中舞台上方的（de）“舞台/代码”切换按钮切换界面一与界面二（èr）。

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

GKduino硬（yìng）件（jiàn）概（gài）述

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

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

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

Duemilanove            LilyPad

Arduino Uno              Mega2560

1.3.2   GKuino主控板

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

关（guān）于主（zhǔ）控板的（de）主要组成部分介绍如下（xià）：

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

微型处理器：主（zhǔ）控板中间（jiān）的黑色模块为微（wēi）型处理器，用于（yú）完成（chéng）运算、控（kòng）制和存储任务。

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

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

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

1.3.3   LED灯闪起来

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

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

设计一个（gè）程序，实（shí）现板载13号灯每隔1秒闪烁一次（cì）的（de）效果。

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

设计程序如下图所示：

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

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

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

1.4第一（yī）个（gè）互动（dòng）程序（xù）

设计第一个互动（dòng）小程序，程序的（de）功能（néng）是一头熊在舞台（tái）上来回走（zǒu）动（dòng），当（dāng）碰到舞台的边缘，13号板载（zǎi）灯亮1秒（miǎo）。

1.4.1 添加新角（jiǎo）色

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

1.4.2编写脚本

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

1.4.3测试程序

（1）选择Arduino   UNO控制器

（2）选择合适的COM3

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

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

1.4.4保存和打开程序

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