step6：改变精灵图片大小，使其刚好与游戏可见区域大小相等。

step 7：在设计过程中，我们可以通过鼠标上的滚动滑轮，放大或缩小游戏可见区域，从而方便界面设计。

step8：当界面设计涉及到多张图片时，直接在场景区域点击图片，容易点击到其他图片，通过点击软件左下方“精灵列表”中精灵的名称，也可以选中场景区域中的图片。

Step 9:当你想删除拖入场景中的图片时，你可以选中所要删除的图片，然后点击delete键就可以删除场景中的图片。

导入新图片

当我们不使用FunCode自带的图片，而是从外部将图片导入到工程中。打开“资源”面板，点击第五个按钮“导入新图片”，如下：

点击按钮后，会跳出一个文件窗口，找到一张图片（FunCode目前只支持dds，jpg和png三种格式），选中并点击“打开”，如下：

将上述图片均导入到FunCode中。可以一次选中多个图片，一次性导入。导入的图片同样显示在“资源”面板的“静态精灵”框中。

图片设置

从外部导入的图片有时候并不完全符合我们的需要，比如下方的图片，右侧多出空白的部分。

双击“资源”面板中该精灵的图标，跳出一个“图片编辑器”窗口，如下图：

将“图片模式”中的选项改为“CELL”，编辑器变成下面情况：

其中，单元数量X和单元数量Y是用来将图片在X或Y方向均分成几张小图片。下图将该图片分成9张下图片：

在本实验中，我们其实需要把该图片分成两张图片，一张是图像的，一张是完全空白部分的。我们先把单元数量X和Y均设为1，如下图：