将上述图片均导入到FunCode中。可以一次选中多个图片，一次性导入。导入的图片同样显示在“资源”面板的“静态精灵”框中。
图片设置
从外部导入的图片有时候并不完全符合我们的需要，比如下方的图片，右侧多出空白的部分。
双击“资源”面板中该精灵的图标，跳出一个“图片编辑器”窗口，如下图：
将“图片模式”中的选项改为“CELL”，编辑器变成下面情况：
其中，单元数量X和单元数量Y是用来将图片在X或Y方向均分成几张小图片。下图将该图片分成9张下图片：
在本实验中，我们其实需要把该图片分成两张图片，一张是图像的，一张是完全空白部分的。我们先把单元数量X和Y均设为1，如下图：
由于在X轴方向，两张图片并不是均分的。所以我们直接在“单元宽”中设置宽度。根据比例，多次输入数据测试效果，最终将单元框设为680时，基本达到效果。如下图，点击保存。
这样，我们就可以选择图片中适合的部分进行使用。这时候，资源面板中的图标变成如下状况：
动画制作
双击“资源”面板中的，跳出“图片编辑器”窗口（参考上一节）。“图片模式”
改为“CELL”，“单元模式Y”设为1，效果如下图：
保存后，点击下图中的 “制作新动画”按钮：
点击该按钮后，会跳出一个“选择图片资源”窗口，窗口的“资源”列表部分，有两个资源，正好是我们之前做过处理的两个图片。即：经过图片处理的资源可以用来制作动画。如下图：
先选择需要的资源名称，然后点击“选择”按钮，跳出“动画编辑器”窗口，如下图：
双击区域一中的图片，可以将该图片添加到区域二中。将区域二中的某张图片拖到红圈标记的第一个按钮中，可以将该图片从区域一中删除。
点击红圈标记的第一个按钮，也可以将区域二中的全部图片删除。点击红圈标记的第二个按钮，可以将区域一中的图片全部添加到区域二中。
区域二中的图片用来作为动画中的帧。
“帧/秒”中数值表示1秒中交换几个帧。数值越大，动画速度就越快，这里我们改成3看看效果。
动画的名字我们在后续编程中会用到，这里先有个印象。
保存后，在“动画精灵”框中多出一个资源，如下图。在软件中该图标是个动画。
运行游戏
软件菜单栏下方有一排菜单栏，其中有一个按钮为“运行游戏”按钮，如下图：
点击该按钮，可运行该游戏。运行时，会跳出一个游戏窗口。如下图：其中Lesson是游戏窗口的名称，后面我们会讲到如何设置。
打开项目
如果我们要使用已经创建好的实验项目，对应也有两种方式： 第一种、当打开FunCode出现如下界面：
点击“打开”，跳出一个文件窗口，找到实验项目的文件夹。 第二种、当打开FunCode出现如下界面：