互动媒体基础

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

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

1.1.1什么是（shì）互动媒体

互动媒（méi）体（tǐ）（Interactive Media）是在传（chuán）统媒体基础（chǔ）上增加了互动功能，通（tōng）过人机交互、多种感官参与，呈现出的一种新型、互动式媒体形（xíng）式，具有（yǒu）丰富生动的表现力。

1.1.2互动媒体作品展示

地面互动投影

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

空（kōng）中翻书

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

球幕系统

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

1.1.3互（hù）动媒体运行流（liú）程解析

第一部分：信号采（cǎi）集部分，根据互动需求进（jìn）行捕捉（zhuō）拍摄，捕捉设备有（yǒu）红外感应器、视频摄录机、热力拍摄器等（děng）。

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

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

第四部分：辅（fǔ）助设备，如传输线路（lù），安（ān）装（zhuāng）构件，音响装置等（děng）。

1.1.4常用的互动媒体（tǐ）设计软件（jiàn）

MakeyMakey

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

Scratch

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

S4A

S4A是使Arduino开源硬件能（néng）够与Scratch互动的（de）修改（gǎi）版本（běn）。在（zài）此（cǐ）软件中（zhōng）提供了一（yī）些传感器模（mó）块和输出模块，它（tā）趣味性（xìng）强， 能（néng）够与Arduino开源硬（yìng）件相结合，S4A已经（jīng）成（chéng）为（wéi）针对（duì）中小学生（shēng）实（shí）现软件和硬件相结合进行互（hù）动设（shè）计（jì）的重要工具之（zhī）一。

4、 Processing

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

5、Flash

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

6、Scraino

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

注意：本软件仅支持windows 7及以（yǐ）上（shàng）操作系统

Scraino软件基础

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

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

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

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

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

1.2.2 Scraino软件的安装

安装（zhuāng）条（tiáo）件

1.电脑（nǎo）版（bǎn）本

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

2.配置要（yào）求

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

3.网（wǎng）络要求

无需连接网（wǎng）络，但处理安（ān）装过程中可能出现的问题时（shí）需（xū）要网络。

安装流程（chéng）

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

点击安装，等待进度条安装完成（chéng）即可

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

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

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

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

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

支持WebGL运行的（de）浏览（lǎn）器；

支持WebGL运（yùn）行（háng）的显卡；

与之（zhī）配套的（de）操作（zuò）系统，显卡（kǎ）驱（qū）动程序，浏览器版本的升级；

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

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

1.调整显卡的显示模式

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

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

在兼容性选项（xiàng）卡里，勾选兼容模式下（xià）的（de）“以兼容模式运行这个程序”前（qián）的对勾（gōu），在其（qí）下的下（xià）拉箭头下选择电脑（nǎo）对应的系统（tǒng），我这里选WIN7。选好后（hòu）点击“确定（dìng）”按钮。

2.检查（chá）浏览器版本（běn）并修正浏（liú）览器

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

在浏（liú）览器地（dì）址栏（lán）输入

https://get.webgl.org/

如果（guǒ）出现以上（shàng）图形，就说（shuō）明（míng）浏（liú）览器是支持WebGL的，经过尝试，发现Chome浏（liú）览器，微软Edge以及（jí）搜狗浏览器都能很好的支（zhī）持WebGL。

重点说明

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

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

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

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

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

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

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

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

360浏（liú）览器

火狐浏（liú）览器（qì）

Safari浏览器（qì）

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

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

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

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

开启硬件加速（sù）。

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

Chrome浏览器开启WebGL的方法

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

在网址栏里输入：about:flags

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

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

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

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

在目标框内（nèi），双引号（hào）的后边，空格（gé），然（rán）后加入以下内容

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

点击确定

设置完成的后（hòu）的快捷方式属性窗口（kǒu）看起来（lái）应当是这（zhè）样的，注意“目标”文本框：

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

其（qí）中：

--enable-webgl                        开启WebGL支（zhī）持

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

--allow-file-access-from-files            允许从本（běn）地载入资源（yuán）

Firefox浏览器（qì）开启WebGL的方（fāng）法

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

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

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

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

在（zài）过滤器（qì）（filter）中搜（sōu）索“security.fileuri.strict_origin_policy”

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

关闭目前（qián）开启的所（suǒ）有（yǒu）Firefox窗口，然（rán）后重新启动（dòng）Firefox。

其中前两（liǎng）个设（shè）置是（shì）强（qiáng）制开启WebGL支（zhī）持，最（zuì）后一个（gè）security.fileuri.strict_origin_policy的设置是允许从本（běn）地载入资源

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

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

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

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

1.2.3初识Scraino

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

Scraino软件一共分两个（gè）主（zhǔ）要界面。

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

界面一（yī）主要（yào）分为8个区域：工具栏（lán）、指（zhǐ）令区、脚（jiǎo）本区（qū）、舞台区和角色区。界面二新增编码区。

工具栏：主要是对项（xiàng）目（mù）的新（xīn）建和保存、开发（fā）板（bǎn）连接设（shè）置及参（cān）考文档查询等操作（zuò）。

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

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

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

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

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

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

[帮助（zhù）] ：使用手册参考及软（ruǎn）件（jiàn）版本的（de）查询。

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

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

其中扩展区包含多种控制板，点（diǎn）击（jī）所需要的扩展，即可在指令区添加（jiā）相应（yīng）的（de）扩展模块，如点击“Arduino”扩展模块后，代码（mǎ）区会出现Arduino的（de）模块

指（zhǐ）令区: 每一类（lèi）别都包含该类型的若干软控及硬控的指（zhǐ）令，根据需求以积木（mù）块的形式拖拽到脚本区，实现程序的编写（xiě）。

根（gēn）据指令（lìng）的不同，我们从形状上又（yòu）可以分为启动（dòng）指令，带凹槽的（de）指令、六边形指（zhǐ）令和椭（tuǒ）圆形指（zhǐ）令（lìng）。

[启动指令]

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

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

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

[椭圆形指令]：嵌套在其他指令的椭圆形框中进行使用。

功（gōng）能切换区：切换编辑功能，进行积木、角色（sè）、声音的切换。

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

舞（wǔ）台区：用于脚（jiǎo）本程（chéng）序控制角色和背（bèi）景的演示。

角色区：可以允许用户添加（jiā）、修改（gǎi）和删除程序与背景（jǐng）。

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

调试区（qū）：当控制（zhì）器与（yǔ）软件进行通信或（huò）下载（zǎi）时，可查看通讯数据。

功能按钮：操作的功能快（kuài）捷键：               

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

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

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

【代码区】：搭建（jiàn）程序时，将实时显示出该模块所（suǒ）对应的计算机语（yǔ）言（yán）代码。

【功能按钮（niǔ）】：操作（zuò）的（de）功能快（kuài）捷键（jiàn）：

：改（gǎi）变面板大小                    ：用于下载程（chéng）序

：用于打开Arduino IDE 软件

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

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

GKduino硬件概述

1.3.1   Arduino概述

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

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

Duemilanove            LilyPad

Arduino Uno              Mega2560

1.3.2   GKuino主控板

本书使用的Gkduino主控板，是（shì）一（yī）种Arudino   Uno兼容（róng）的（de）主控板。Gkduino主（zhǔ）控板各个部分的详细结构如下图

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

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

微型（xíng）处理器：主控（kòng）板中（zhōng）间的黑色模块为微型处（chù）理器，用于完成运算、控（kòng）制和存储任务。

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

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

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

1.3.3   LED灯（dēng）闪起来

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

选（xuǎn）择“添加扩展”，将果壳智造空间扩展（zhǎn）添（tiān）加到（dào）指令分类区，指（zhǐ）令分类区（qū）中将增加一个“GKduino”的指令（lìng）分类，如（rú）下图：

设计一个程序，实现板载13号灯每隔1秒闪（shǎn）烁一次（cì）的效（xiào）果（guǒ）。

拿起主控板，将主控板用（yòng）数据线连在（zài）电脑（nǎo）主机的USB插口上。

设计程序如下图所示：

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

提示：串口的选择

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

1.4第一个互动程序

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

1.4.1 添加新角色

切换到舞台（tái）界（jiè）面，删除（chú）小猫角色，单击选择（zé）一个角色，在跳出的对话框中选择“Animals”文件夹，找到“Bear-walking”文件。这时，舞台上出现了（le）一头（tóu）熊。如下图所示

1.4.2编写脚本

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

1.4.3测试程序（xù）

（1）选择Arduino   UNO控制器

（2）选择合适的COM3

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

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

1.4.4保存（cún）和（hé）打开程序（xù）

一定要养（yǎng）成随（suí）时保（bǎo）存程（chéng）序的习（xí）惯，Scraino保存的文件扩展名（míng）为“.sb3”。保存后的文件可（kě）以通过双（shuāng）击文件名打开（kāi），也（yě）可以通过Scraino软件“文件”中的“打开”功能打开原来保存的文件。