技术开发 频道

基于Sketch Flow的Silverlight游戏设计

  二、导入图像资源文件

  还可以导入Adobe PhotoShop图像文件和Adobe Illustrator矢量图形文件及Microsoft PowerPoint演示文稿文件。

  图4给出了导入Adobe PhotoShop图像文件鲜花.PSD时的界面,你可以选择导入其中的某些层而不导入另外一些层。导入成功后,系统自动生成一个文件夹“鲜花_Images”,各图层中的文件都置于这个文件夹下。

  图4. 导入Adobe PhotoShop图像文件鲜花.PSD的界面

  图5给出了导入Adobe Illustrator矢量图形文件scene.AI后的初始界面。与导入Adobe PhotoShop图像文件*.PSD不同的是,*.AI文件中的各个图层中对应的矢量对象都被导入到当前屏幕对象中。下面给出了部分的导入后的XAML代码:

<Canvas x:Name="scene" Height="841.89" HorizontalAlignment="Left" VerticalAlignment="Top" Width="595.276">
            
<Canvas x:Name="图层_1" Height="139.694" Width="558.797" Canvas.Left="19.61" Canvas.Top="22.665">
                
<Path Fill="#FF69B43F" Stretch="Fill"……/>
                
<Path Fill="#FF69B43F" Stretch="Fill"……/>
                
<Path Fill="#FF69B43F" Stretch="Fill"……/>
                …………
            
</Canvas>
            
<Canvas x:Name="图层_2" Height="86.823" Width="550.039" Canvas.Left="21.632" Canvas.Top="749.344">
                
<Path Fill="#FFE56C22" Stretch="Fill"……/>
                
<Path Fill="#FFE56C22" Stretch="Fill"……/>
                …………
            
</Canvas>

 

  易见,Adobe Illustrator矢量图形文件scene.AI中的各种画笔、符号等均被转移成Path对象,且原来的各个矢量层均对应一个单独的元素。因此,可以实际开发中你可以事先利用Adobe Illustrator绘制好矢量图形文件,然后导入到Microsoft Expression Blend 3中。

  图5. 导入Adobe Illustrator矢量图形文件scene.ai后的初始界面

  此外,你还可以选择导入Microsoft PowerPoint中的演示文稿文件。图6给出了导入PowerPoint 2003演示文稿文件奥比岛游戏方案一.ppt后Silverlight库项目中的变化情形。

  图6. 导入PowerPoint 2003演示文稿文件后屏幕上的变化

  从图6中可以看出,导入PowerPoint 2003演示文稿文件后屏幕上的变化主要体现在两点:第一,每一张幻灯片都作为一个单独的.png文件导入到对应的一个SkethFlow屏幕文件中;第二,根据原先演示文稿中的幻灯片顺序,在地图面板中自动建立起这些幻灯片屏幕组件间的链接关系。

  三、小结

  本篇中介绍了基于Sketch Flow进行Silverlight游戏原型设计的基础性工作。在作好了初步准备后,在下一篇中,我们将讨论如何利用地图面板规划游戏主要模块及导航流程等问题。

0
相关文章