互动媒（méi）体基础

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

互动（dòng）媒体知多少

1.1.1什么是互动媒体

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

1.1.2互动媒体作品展示

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

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

空（kōng）中翻书

在展（zhǎn）台上放置一本（běn）翻开（kāi）的（de）虚（xū）拟图书，当读者在展台前做出翻书动作时，虚拟图书就会自（zì）动翻页，读者就会浏览图书（shū）内容，并伴有生动的翻页声光效（xiào）果 。

球幕系统

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

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

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

第二部分：信号处理（lǐ）部分，该部分把实（shí）时采集的数（shù）据进行分析，所产生的（de）数据（jù）与虚拟场景系统对接（jiē）。

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

第四部分：辅助设备，如传输（shū）线路，安装构件，音响装置等（děng）。

1.1.4常用的互动媒体设（shè）计（jì）软件

MakeyMakey

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

Scratch

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

S4A

S4A是使Arduino开源（yuán）硬件能够与Scratch互动的修改版本（běn）。在此软件（jiàn）中提供了一些传感器（qì）模块和输出模块，它趣（qù）味性（xìng）强（qiáng）， 能够与Arduino开（kāi）源硬件相结合，S4A已（yǐ）经成为针对中小学生实现（xiàn）软件（jiàn）和硬件相结合进行互（hù）动设计的重要工具之一。

4、 Processing

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

5、Flash

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

6、Scraino

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

注意：本（běn）软件仅支（zhī）持（chí）windows 7及以上操作系统

Scraino软件（jiàn）基础

1.2.1   Scraino软件的下载

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

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

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

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

1.2.2 Scraino软件的安装

安装条件

1.电（diàn）脑版本

建议使用Windows 7及以上版本系统。

2.配置要求

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

3.网络要（yào）求

无需（xū）连接网络，但（dàn）处理（lǐ）安装过程中可能（néng）出现（xiàn）的（de）问题时需要网络。

安装流程

找到下（xià）载的安装包，双击（jī）打开，出现如下界面，可以默认安装路径，也可自主选择安装（zhuāng）路径。

点（diǎn）击（jī）安装，等待进度（dù）条安装（zhuāng）完成（chéng）即（jí）可

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

安装完成后（hòu），会（huì）在桌（zhuō）面出现（xiàn）相应的（de）Scraino快捷键 ，并弹出界（jiè）面。

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

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

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

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

支持WebGL运行的显卡；

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

计算机提示（shì）的不支（zhī）持Scraino运（yùn）行的画面

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

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

右（yòu）击Scraino软件图标（biāo），点击属（shǔ）性

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

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

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

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

在浏览器地址栏输入

https://get.webgl.org/

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

重点（diǎn）说明

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

注意 ：所有浏览器设置后都需要（yào）重启（qǐ）才有效！

要运（yùn）行WebGL，必须有一个支（zhī）持它的浏览器，支持的（de）浏（liú）览（lǎn）器如下：

Google Chrome 9及以上版本

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

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

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

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

360浏览（lǎn）器

火狐浏览器（qì）

Safari浏览器（qì）

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

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

然后点击选项按钮。

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

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

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

Chrome浏览器开启WebGL的方法

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

在网址栏里（lǐ）输入：about:flags

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

或者（zhě）采用如（rú）下方法：

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

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

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

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

点击确定

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

关（guān）闭目前（qián）开启的（de）所有Chrome窗口，然（rán）后用此快捷方式启动Chrome浏览器。

其中：

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

--ignore-gpu-blacklist                忽略（luè）GPU黑名单，也就是说有一些显卡GPU因（yīn）为（wéi）过于陈旧等原因，不建（jiàn）议运行WebGL，这个参数可以让浏览（lǎn）器忽略这个黑名单，强（qiáng）制运行（háng）WebGL

--allow-file-access-from-files            允许从本地载入资源

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

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

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

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

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

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

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

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

其中前两个设置（zhì）是强制（zhì）开（kāi）启WebGL支持，最后（hòu）一个security.fileuri.strict_origin_policy的设置是允许从本地载入资（zī）源

如果强制开启了WebGL，还是（shì）不能运（yùn）行（háng），更（gèng）多信息可参考（kǎo）Mozilla Blocklisting/Blocked Graphics Drivers

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

悲催（cuī）地发现Firefox对（duì）厂家的不支（zhī）持和硬件不支（zhī）持（chí）(分（fèn）别在（zài）虚拟（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浏览器开（kāi）启WebGL的（de）方法

菜单（dān）中找到“属性”或“偏好设（shè）置（zhì）”→“高级”，选中“显示（shì）开发（fā）菜单”，然后到“开发（fā）”菜单，选中（zhōng）“开启WebGL”。

1.2.3初识Scraino

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

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

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

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

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

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

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

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

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

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

[控制器]：用于选中（zhōng）开发（fā）板，根据控制板的（de）类型选（xuǎn）择相对（duì）应的板子，进行软硬件的交互（hù）。

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

指令分类区：对（duì）指令进行分（fèn）类

包括（kuò）：动作，外观（guān），声（shēng）音，事（shì）件，控制，感知，运（yùn）算，变量，自定（dìng）义，扩展（zhǎn）共10类。

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

指（zhǐ）令区: 每一类别（bié）都包含该类型的（de）若干（gàn）软控及硬控的指（zhǐ）令（lìng），根据需求以积木块的（de）形式（shì）拖（tuō）拽到（dào）脚本区，实现程序的编写。

根据指令的不同（tóng），我们（men）从（cóng）形状上又可以分（fèn）为启动指令（lìng），带（dài）凹槽的指令（lìng）、六边形指令和椭圆形（xíng）指令。

[启动指令]

用于启动程序的指令，一般顶部为弧形，无法向上连（lián）接，下（xià）方（fāng）带（dài）有（yǒu）凸出的接头。

[带凹槽的（de）指令（lìng）]：可以直接连（lián）接在启动（dòng）程序（xù）下的指令。

[六边形指令]：需要嵌套在条件语句中作（zuò）为（wéi）判（pàn）断条件使用。

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

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

脚本区：对脚本、角色或（huò）声音的（de）编辑的区域。

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

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

代码区：搭建程序时，将（jiāng）实时（shí）显（xiǎn）示出该模块所（suǒ）对应的（de）计算机语言代码。

调试区（qū）：当（dāng）控制器与软件进（jìn）行通信或下（xià）载（zǎi）时，可查看通讯（xùn）数据。

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

：启（qǐ）动程序                    ：小舞台（tái）布局模（mó）式

：停止程序（xù）                    ：全屏控制   

2.界面二（èr）：离线模式界面（miàn）

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

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

：改变面板大小                    ：用于下载程序（xù）

：用于打开Arduino IDE 软件

点击（jī）“工具栏”中舞台上方的“舞台/代码（mǎ）”切（qiē）换按钮切换界（jiè）面一（yī）与（yǔ）界面二。

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

GKduino硬件概述（shù）

1.3.1   Arduino概述（shù）

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

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

Duemilanove            LilyPad

Arduino Uno              Mega2560

1.3.2   GKuino主控板（bǎn）

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

关（guān）于主控板的主要组成部分介绍（shào）如下：

管脚（jiǎo）：主控板上两组“三排金属针”称为管脚，黑色一排连（lián）接的是电源地（GND），红色一（yī）排连（lián）接的是5V电源（VCC），彩色一排则是（shì）信号管脚，用以实（shí）现输入输出的控制。

微型处理器：主控板中间的黑（hēi）色模块（kuài）为微型处理器（qì），用于完成运算、控（kòng）制和存储任务。

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

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

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

1.3.3   LED灯闪起来（lái）

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

选择“添（tiān）加扩（kuò）展”，将果（guǒ）壳智造空间扩展添加到指令分类区，指令分（fèn）类区中将增加一个“GKduino”的指令分类，如（rú）下图：

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

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

设计程序如下图所（suǒ）示：

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

提（tí）示：串口（kǒu）的选择（zé）

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

1.4第（dì）一个互动程序

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

1.4.1 添加（jiā）新角色（sè）

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

1.4.2编（biān）写脚本

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

1.4.3测试程序（xù）

（1）选择（zé）Arduino   UNO控制器

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

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

（4）单（dān）击绿旗（qí），就可以看到互动（dòng）效果。

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

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