互动（dòng）媒体基础

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

互（hù）动媒体知（zhī）多少

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

互动媒体（Interactive Media）是（shì）在（zài）传统媒体基础上增加了互（hù）动功（gōng）能，通过人（rén）机交互、多种感（gǎn）官参与，呈现出的一种新型、互动式媒体形式（shì），具有丰（fēng）富生动的表现力。

1.1.2互动媒体作品展示

地面互动投影

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

空中翻书

在展台上放（fàng）置一本翻（fān）开的虚拟图书，当读者在展台前做出翻书动（dòng）作（zuò）时，虚拟（nǐ）图书就会自动翻页（yè），读者（zhě）就会浏（liú）览图书内容（róng），并伴有生（shēng）动的翻页声光效果 。

球幕系统

球幕系统使（shǐ）用的是投（tóu）影机拼接技术，我们常见的是投射（shè）一个巨（jù）大的地球仪（yí）。三台（tái）以上的投影机进行拼接后可以（yǐ）获（huò）得更好的效果，通过（guò）软（ruǎn）件进行边缘的融（róng）合，做到多台投（tóu）影机的（de）无缝拼接（jiē）。

1.1.3互动媒体运行流程解析

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

第二部分（fèn）：信（xìn）号处理部分，该部（bù）分把实时采（cǎi）集（jí）的数据进行分析，所（suǒ）产（chǎn）生（shēng）的数据与虚拟（nǐ）场景系统（tǒng）对接。

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

第四部分：辅助设备（bèi），如传（chuán）输线路，安装构件，音响（xiǎng）装置（zhì）等。

1.1.4常用的互动媒体（tǐ）设（shè）计（jì）软（ruǎn）件

MakeyMakey

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

Scratch

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

S4A

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

4、 Processing

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

5、Flash

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

6、Scraino

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

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

Scraino软件（jiàn）基础

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

我们可以进入（rù）咔嗒（dā）爸（bà）爸官网（wǎng）（http://www.kadapapa.com/）下载Scraino软件。

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

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

点开（kāi）文件夹（jiá），就可（kě）以看到Scraino软件，直接下载（zǎi）即可（kě）

1.2.2 Scraino软件的安装

安装条件

1.电脑版（bǎn）本

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

2.配置要求

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

3.网络（luò）要（yào）求

无（wú）需连接网络，但处理安装过（guò）程中可能出现的问题时需要网络。

安装流程

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

点（diǎn）击安装，等（děng）待进度条安装完成即可

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

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

可能出现的问题

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

因此，Scraino软件（jiàn）运行需（xū）要具备的（de）基本条件（jiàn）是：

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

支持WebGL运行的显卡；

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

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

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

1.调整显卡的显示模式

右击（jī）Scraino软件图标，点击属性

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

在兼容性选项卡里，勾选兼容模（mó）式下（xià）的“以兼容模式运行这（zhè）个程序（xù）”前的（de）对勾，在其下的下拉箭头下选择电（diàn）脑（nǎo）对（duì）应的系统，我（wǒ）这里选（xuǎn）WIN7。选好后（hòu）点击“确定（dìng）”按钮。

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

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

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

https://get.webgl.org/

如果出现以上图（tú）形，就说明浏览器是支持WebGL的（de），经过（guò）尝试，发现Chome浏览器，微软Edge以及搜狗浏览（lǎn）器都（dōu）能很好（hǎo）的支（zhī）持（chí）WebGL。

重点说明

如果（guǒ）电脑的显卡（kǎ）非（fēi）常老旧，或（huò）者是板载的集成（chéng）显（xiǎn）卡，那么（me）需（xū）要在浏（liú）览器（qì）中强制开启WebGL支持（chí）；另外因为（wéi）其他的（de）一些原因（比如操作系统是Windows XP），在（zài）正常安装以上浏览器之后还是不能运行WebGL，最（zuì）好（hǎo）也强制开启WebGL支持。

注意 ：所有（yǒu）浏览（lǎn）器（qì）设置后都需（xū）要重启才（cái）有效！

要运行WebGL，必须有一个（gè）支（zhī）持（chí）它的浏览器，支持的浏览（lǎn）器如下：

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

Mozilla Firefox 4以及上版本

IE并不（bú）支持WebGL(IE11支持WebGL)，但是（shì）可以下载并安（ān）装（zhuāng）IEWebGL这个插件，或（huò）Google Chrome Framework来运行一些（xiē）WebGL应用。

请根据您的（de）浏览器查（chá）看操作方（fāng）法：

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

360浏览器

火狐浏（liú）览器

Safari浏览器

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

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

然（rán）后点击选项按钮。

搜索框搜索（suǒ）硬件。

开启硬件加（jiā）速。

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

Chrome浏（liú）览器开启（qǐ）WebGL的方法

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

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

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

或（huò）者采用如下方法：

需要为（wéi）Chrome加入一些（xiē）启动参数，以下具体操作步骤(以Windows操（cāo）作系统为例)

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

在（zài）目标框内（nèi），双（shuāng）引（yǐn）号的后边，空格，然后加入以（yǐ）下内容

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

点（diǎn）击确定

设置完成的后的快（kuài）捷方（fāng）式属性窗口看起来应（yīng）当（dāng）是这样的，注意“目标”文本框：

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

其中（zhōng）：

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

--ignore-gpu-blacklist                忽略GPU黑（hēi）名单（dān），也就是（shì）说（shuō）有（yǒu）一（yī）些显卡GPU因为过（guò）于陈旧等原因，不建议运行（háng）WebGL，这个参数可以（yǐ）让浏览器忽（hū）略这个黑名单，强制运（yùn）行WebGL

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

Firefox浏览（lǎn）器开启WebGL的方（fāng）法

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

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

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

通（tōng）过双击的方式将webgl.disabled的值设置为false

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

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

关（guān）闭目前开启的所有Firefox窗口，然后重（chóng）新启动Firefox。

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

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

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

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

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

1.2.3初识Scraino

软件界面分布：

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

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

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

工具栏：主（zhǔ）要是对项目的新建（jiàn）和保存、开发（fā）板连接设置（zhì）及参考文档查询等操作。

[文件]：新建（jiàn）、打开、保（bǎo）存项（xiàng）目的设置。

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

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

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

COM口（kǒu）的查找：右键“计算机（jī）”，点击（jī）“设备管理器”，如图（tú）：

[控制（zhì）器（qì）]：用（yòng）于选中开发板，根据（jù）控制板（bǎn）的类（lèi）型选择相对应的板子，进（jìn）行软（ruǎn）硬件的交互。

[帮助] ：使用手册参考及软件版本的查询。

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

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

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

指令区: 每一类别都包含该类型（xíng）的若（ruò）干软控及硬（yìng）控的（de）指令，根据需（xū）求以积（jī）木块（kuài）的（de）形式拖拽到脚本区，实现程序的编写（xiě）。

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

[启动指令]

用于启动程序的指令，一般（bān）顶（dǐng）部为弧形（xíng），无法（fǎ）向上连接，下方带有凸出的（de）接头。

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

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

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

功能切换（huàn）区：切换编辑功（gōng）能（néng），进行积（jī）木、角色、声音（yīn）的切换。

脚本区（qū）：对脚（jiǎo）本、角色（sè）或声音（yīn）的编辑的区域。

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

角（jiǎo）色区（qū）：可（kě）以允许用户（hù）添加、修改和删除（chú）程序与背景。

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

调（diào）试区：当控制器（qì）与软件进行（háng）通（tōng）信（xìn）或下载（zǎi）时，可查看通讯（xùn）数据。

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

：启（qǐ）动程（chéng）序                    ：小舞台布局模式（shì）

：停止程序                    ：全屏控制   

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

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

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

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

：用（yòng）于打开Arduino IDE 软件（jiàn）

点击“工具（jù）栏”中舞台上（shàng）方的“舞台/代码”切换按钮切换（huàn）界（jiè）面一与界面（miàn）二。

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

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

1.3.1   Arduino概述

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

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

Duemilanove            LilyPad

Arduino Uno              Mega2560

1.3.2   GKuino主控板

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

关于主控（kòng）板的主要组成部（bù）分介绍如下：

管脚：主控板上两组“三排金（jīn）属针”称为管脚，黑色一排连接的（de）是电源地（GND），红色（sè）一排连接（jiē）的是5V电源（VCC），彩色一排则是信号管脚，用以实现（xiàn）输（shū）入输出的控（kòng）制。

微型处（chù）理（lǐ）器：主控（kòng）板中间的黑色模块（kuài）为（wéi）微型（xíng）处（chù）理器（qì），用于完（wán）成运（yùn）算、控制和存储任务。

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

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

电机驱动连接口：主控板（bǎn）自带4个电机驱动连接口，OUT1～OUT4分别（bié）于主控板的4～7号（hào）管脚（jiǎo）控制（zhì）的电机驱动芯片输出（chū）连接。当拨码开关推到ＯＮ时，对应的管（guǎn）脚只能控制所连电机，不能用作其他用途。

1.3.3   LED灯（dēng）闪起来

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

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

设（shè）计一个程序，实现板（bǎn）载13号灯每隔1秒闪烁一次的效果。

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

设计程序如（rú）下图所示：

选择Arduino   UNO控制器，选择合适的（de）COM口（kǒu），本书所用的为COM3，点击上传至（zhì）控制器，等待编译，显示上传成功，就可（kě）以看到闪烁（shuò）效果。

提示：串（chuàn）口的（de）选择（zé）

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

1.4第一个互（hù）动程序

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

1.4.1 添加（jiā）新（xīn）角色

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

1.4.2编写（xiě）脚（jiǎo）本

最终程序（xù）脚本如下图：

1.4.3测试程（chéng）序

（1）选（xuǎn）择Arduino   UNO控制器

（2）选择合适的（de）COM3

（3）单击“编辑”，选择（zé）安装交互固件，等（děng）待上传成功（gōng）。第一（yī）次使用交互功能需要安装，再次使用软（ruǎn）件（jiàn）的交（jiāo）互功能，不需（xū）安（ān）装。

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

1.4.4保存和打开程序

一定（dìng）要养成（chéng）随时保存程序的习惯，Scraino保存的文（wén）件扩展名为“.sb3”。保存后的（de）文件（jiàn）可以通过双击文件名打开（kāi），也可（kě）以通过Scraino软件“文件”中的“打开”功能打开原来保存的文件。