导入静态精灵

精灵是游戏中的一种术语，一切游戏资源都称为精灵，如图片、动画、特效、文字、声音等。静态精灵即静态图片。

首先，点击软件右侧的“资源”面板，如下：

在“资源”面板下方是一排工具按钮，点击第一个按钮“添加一个新的图片资源”，如下：

点击按钮后，跳出一个“图片资源”窗口，该窗口展示了FunCode自带的图片资源，窗口左侧是显示图片的名称，右侧是图片预览。用鼠标点击某个名称，右侧会出现图片的预览。用上下方向键可方便选择不同的图片。点击左侧第一个名称backgroundImage，如下图：

点击“添加到工程”，图片就会被添加到工程中，就会出现在资源面板的“静态精灵”框中。如下：

一张图片被导入后，相应名称会在“图片资源”窗口中消失，避免被两次选中。

导入动画精灵

点击第二个按钮“添加一个新的动画”，可以从FunCode自带的动画资源库中寻找合适的动画导入到工程项目中。如下图：

点击按钮后，跳出一个窗口，点击名称“seahorse2sheetImageMapAnimation”，如下图：

导入动画精灵的操作与导入静态精灵的操作相同。导入的精灵会出现在“资源”面板的“动画精灵”框中，如下图（在软件中，下图的海马是活动的）：

与此同时，构成该动画精灵一组图片也会出现在“资源”面板的“静态精灵”框中，如下图：

画红圈的1/4说明海马动画是由四张静态图片组成的。在后面我们会进一步讲解静态图片和动画之间关系，以及如何利用静态图片制作动画。

删除精灵

如果我们要删除某些导入的工程中的资源，操作方法如下：

鼠标左键点击“资源”面板中的某个精灵图标不放，然后拖曳到最后一个按钮“拖曳一个图片到此删除”，如下面两个图片：

删除按钮

删除精灵

放开鼠标后，跳出一个图片按钮，如下：

点击“确定”，删除该精灵图片，相应资源从面板中消失。 注意：如果删除的是动画精灵的静态图片，那么删除静态图片的同事也会将动态精灵面板中的动画精灵删除。

设计界面初步

在软件中间是“场景预览”区域（以下简称为“场景区域”），要在工程中实际使用的精灵必须拖曳到该区域，如下图：

其中，红色箭头所指的暗绿色方框所包围的区域为游戏运行时的可见区域（以下简称为“可见区域”）。

用鼠标左键点击“资源”面板中的某个精灵图标不放，然后拖曳到场景区域。操作如下： Step 1: 鼠标左键点击某张精灵图标。

Step 2：按住鼠标左键不放，拖到场景区域

Step3：放开鼠标左键，精灵恢复实际大小。

Step 4：点击鼠标左键选中精灵不放，可以随意布置精灵的位置

Step 5：鼠标左键点击下图红圈标识的8个节点，拖动鼠标可以放到和缩小精灵图片。如果同时按shift键，则可以保持精灵图片的长宽比不变。