点击按钮后，跳出一个窗口，点击名称“seahorse2sheetImageMapAnimation”，如下图：
导入动画精灵的操作与导入静态精灵的操作相同。导入的精灵会出现在“资源”面板的“动画精灵”框中，如下图（在软件中，下图的海马是活动的）：
与此同时，构成该动画精灵一组图片也会出现在“资源”面板的“静态精灵”框中，如下图：
画红圈的1/4说明海马动画是由四张静态图片组成的。在后面我们会进一步讲解静态图片和动画之间关系，以及如何利用静态图片制作动画。
删除精灵
如果我们要删除某些导入的工程中的资源，操作方法如下：
鼠标左键点击“资源”面板中的某个精灵图标不放，然后拖曳到最后一个按钮“拖曳一个图片到此删除”，如下面两个图片：
删除按钮
删除精灵
放开鼠标后，跳出一个图片按钮，如下：
点击“确定”，删除该精灵图片，相应资源从面板中消失。 注意：如果删除的是动画精灵的静态图片，那么删除静态图片的同事也会将动态精灵面板中的动画精灵删除。
设计界面初步
在软件中间是“场景预览”区域（以下简称为“场景区域”），要在工程中实际使用的精灵必须拖曳到该区域，如下图：
其中，红色箭头所指的暗绿色方框所包围的区域为游戏运行时的可见区域（以下简称为“可见区域”）。
用鼠标左键点击“资源”面板中的某个精灵图标不放，然后拖曳到场景区域。操作如下： Step 1: 鼠标左键点击某张精灵图标。
Step 2：按住鼠标左键不放，拖到场景区域
Step3：放开鼠标左键，精灵恢复实际大小。
Step 4：点击鼠标左键选中精灵不放，可以随意布置精灵的位置
Step 5：鼠标左键点击下图红圈标识的8个节点，拖动鼠标可以放到和缩小精灵图片。如果同时按shift键，则可以保持精灵图片的长宽比不变。
step6：改变精灵图片大小，使其刚好与游戏可见区域大小相等。
step 7：在设计过程中，我们可以通过鼠标上的滚动滑轮，放大或缩小游戏可见区域，从而方便界面设计。
step8：当界面设计涉及到多张图片时，直接在场景区域点击图片，容易点击到其他图片，通过点击软件左下方“精灵列表”中精灵的名称，也可以选中场景区域中的图片。
Step 9:当你想删除拖入场景中的图片时，你可以选中所要删除的图片，然后点击delete键就可以删除场景中的图片。
导入新图片
当我们不使用FunCode自带的图片，而是从外部将图片导入到工程中。打开“资源”面板，点击第五个按钮“导入新图片”，如下：
点击按钮后，会跳出一个文件窗口，找到一张图片（FunCode目前只支持dds，jpg和png三种格式），选中并点击“打开”，如下：