silverlight+wcf n维拼图游戏

概述     最近用silverlight做个拼图游戏，找到一个参考网站http://www.silverlightshow.net/items/Silverlight-n-Puzzle-Game.aspx感觉介绍的非常不错，可惜没有源码参考，所以按照其主题思想做个。      1.开发环境vs2008+Microsoft Expression Blend 2，vs2008得安装sp1才会有有silv

     最近用silverlight做个拼图游戏，找到一个参考网站http://www.silverlightshow.net/items/Silverlight-n-Puzzle-Game.aspx感觉介绍的非常不错，可惜没有源码参考，所以按照其主题思想做个。

     1.开发环境vs2008+Microsoft Expression Blend 2，vs2008得安装sp1才会有有silverlight模板工程

     2.先新建个silverlight工程，其会附加一个web测试的工程，然后再建个wcf的图像服务工程

     解决方案结构：

    

     3.下面开始讲讲原理了，先看看各个类的结构图

首先有个PuzzlePIEce类，其主要是拼图中每个块的类（当时受上面文章介绍的影响，其实主要作用的应该是那个用户控件uctrlPuzzlePIEce），该类有个静态成员NullPuzzlePIEceInstance表示拼图中那个空白块，该类主要是个实体类没什么；然后创建一个IPuzzleModel接口，其主要负责整个游戏的逻辑，包括游戏的拼图打乱、重置、判断输赢、玩家事件等，PuzzleModel实现PuzzleModel接口，下面讲讲PuzzleModel中的方法实现

1)CheckForWin,很简单，先检查空白块是否在右下角，然后foreach所有块，看其number是否等于（row-1）*拼图维度+column

2）GetMoveStatus,就是被检查的块和NullPuzzlePIEceInstance的位置比较，然后得出其能移动的方向

3）IsEmptyCell，受上面文章影响，好像没用到

4）Mixpuzzle，为了使拼图可解，不能随意打乱，因为有些情况是无解的，所以这里采用模拟打乱的方法，主要就是从完整的拼图随即一个方向（x或y），把空白块朝某个方向连续移动随机个位置，就可以模拟打乱了

5）MovePIEce，就是将一个块移动，其会根据其可以状态移动

6）PIEceMoveEvent+OnPIEceMoved，触发移动事件

7）resetPuzzle，使游戏中的所有块位置重置 就是Number=(row-1)*拼图维度+column，并使移动计数器清零

 

拼图块封装成一个用户控件，易于 *** 作，其代码：

<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" x:Class="Puzzle.uctrlPuzzlePIEce" xmlns:d="http://schemas.microsoft.com/Expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d"> <GrID x:name="LayoutRoot" RendertransformOrigin="0.5,0.5" Background="transparent" MouseEnter="LayoutRoot_MouseEnter" MouseLeave="LayoutRoot_MouseLeave"> <GrID.Rendertransform> <transformGroup> <Translatetransform x:name="Translation" X="0" Y="0" /> </transformGroup> </GrID.Rendertransform> <!-- Show the puzzle image --> <Image x:name="PuzzlePIEceImage" Stretch="Fill"/> <!-- Show help number in the top left button of the control --> <TextBlock x:name="tbHelp" margin="2,0" Foreground="transparent" TextAlignment="left"/> <!-- Simulate image border. Since there is no thickness animation in silverlight i must use rectangle --> <Rectangle x:name="PuzzlePIEceborder" strokeThickness="0" MouseleftbuttonDown="PuzzlePIEceborder_MouseleftbuttonDown" Opacity="0" Fill="#FFFFFFFF"> <Rectangle.stroke> <linearGradIEntBrush EndPoint="0.787,0.09" StartPoint="0.213,0.91"> <GradIEntStop color="#FF000000"/> <GradIEntStop color="#FFFFFFFF" Offset="1"/> <GradIEntStop color="#FF3C3C3C" Offset="0.246"/> <GradIEntStop color="#FF868686" Offset="0.52700001001358032"/> <GradIEntStop color="#FFC1C1C1" Offset="0.75900000333786011"/> </linearGradIEntBrush> </Rectangle.stroke> </Rectangle></GrID></UserControl>

其中有些渐隐的效果，主要是用Storyboard来做

如放上去的效果：

// Create new storyboard for animating the puzzle pIEce Storyboard storyboard = new Storyboard(); //backgroud DoubleAnimation backgroundAnimation = new DoubleAnimation(); Storyboard.SetTarget(backgroundAnimation,this.PuzzlePIEceborder); Storyboard.SetTargetProperty(backgroundAnimation,new PropertyPath("Opacity")); backgroundAnimation.To = 0.7; backgroundAnimation.Duration = TimeSpan.FromSeconds(0.35); //stroke DoubleAnimation strokeAnimation = new DoubleAnimation(); Storyboard.SetTarget(strokeAnimation,this.PuzzlePIEceborder); Storyboard.SetTargetProperty(strokeAnimation,new PropertyPath("strokeThickness")); strokeAnimation.To = 2; strokeAnimation.Duration = TimeSpan.FromSeconds(0.35); storyboard.Children.Add(backgroundAnimation); storyboard.Children.Add(strokeAnimation); storyboard.Begin();

然后就是用wcf获取游戏图片和分割图片，wcf跨域访问得需要一个clIEntaccesspolicy.xml@R_502_6179@，具体内容：

<?xml version="1.0" enCoding="utf-8"?><access-policy> <cross-domain-access> <policy> <allow-from http-request-headers="*"> <domain uri="*"/> </allow-from> <grant-to> <resource path="/" include-subpaths="true"/> </grant-to> </policy> </cross-domain-access></access-policy>

wcf中图片分割函数和上传图片函数：

using System;using System.Collections.Generic;using System.linq;using System.Runtime.Serialization;using System.ServiceModel;using System.Text;using System.IO;using System.Drawing;using System.Drawing.Imaging;using System.Web.Hosting;namespace Puzzle.ImageService{ // 注意: 如果更改此处的类名“Service1”，也必须更新 Web.config 和关联的 .svc 文件中对“Service1”的引用。 public class Service1 : IService1 { private string imageDir = HostingEnvironment.ApplicationPhysicalPath + @"images/"; private byte[] Image2Byte(string filename) { System.Drawing.Image img = System.Drawing.Image.Fromfile(imageDir + filename); MemoryStream mstream = new MemoryStream(); img.Save(mstream,System.Drawing.Imaging.ImageFormat.Jpeg); byte[] imgBytes = new byte[mstream.Length]; mstream.position = 0; mstream.Read(imgBytes,Convert.ToInt32(mstream.Length)); mstream.Close(); return imgBytes; } public byte[][] GetSplittedImage(string filename,int rows,int columns) { byte[] source = Image2Byte(filename); Image sourceImage = Image.FromStream(new MemoryStream(source)); int wIDth = sourceImage.WIDth / rows; int height = sourceImage.Height / columns; List<byte[]> splittedImages = new List<byte[]>((rows * columns) - 1); for (int i = 0; i < rows; i++) { for (int j = 0; j < columns; j++) { if (i == rows - 1 && j == columns - 1) continue; Image partimage = new Bitmap(wIDth,height); using (Graphics g = Graphics.FromImage(partimage)) { g.Clear(color.Red); g.DrawImage(sourceImage,new Rectangle(0,partimage.WIDth,partimage.Height),new Rectangle(j * wIDth,i * height,wIDth,height),GraphicsUnit.Pixel); MemoryStream ms = new MemoryStream(); partimage.Save(ms,ImageFormat.Jpeg); splittedImages.Add(ms.GetBuffer()); } } } return splittedImages.ToArray(); } public bool UploadImage(string filename,ByteData stream) { fileStream fs = new fileStream(imageDir + filename,fileMode.Create); BinaryWriter bw = new BinaryWriter(fs); bw.Write(stream.fileData); bw.Close(); fs.Close(); return true; } } [DataContract] public class ByteData { [DataMember] public byte[] fileData { get; set; } }}

 

运行效果：

 

最后想说的是，我刚做出来后，刚才那个网站就把源码发布了，真晕。。。。

源码下载

总结

以上是内存溢出为你收集整理的silverlight+wcf n维拼图游戏全部内容，希望文章能够帮你解决silverlight+wcf n维拼图游戏所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。