拼图游戏 v1.1

原文:拼图游戏 v1.1

我一直对拼图游戏比较有兴趣,市面上卖的所谓“1000块拼图”也玩过不少,不过玩那个太占地方,后来也不再买了,同时也就萌生了在电脑上玩拼图的想法。

现在虽然有很多拼图游戏,但能大多数只能支持几十或几百块拼图,很少能支持上千块拼图的游戏。

后来,我就利用 Direct2D 自己实现了一个拼图游戏,可以流畅的支持最高 1200 块的拼图(更高其实也可以支持,但是感觉已经足够了),拼图碎片之间也可以自动吸附,还可以设置吸附到背景。游戏界面如图 1 所示。

图 1 游戏界面

一、系统要求

拼图游戏是使用 C# 编写的,使用 SharpDX 类库实现游戏界面。

最低系统要求是 Windows 7,需要 .Net Framework 4.5 的支持。一些游戏特效需要 DirectX 11.1 的支持,但不影响游戏过程。

二、游戏介绍

游戏的工具栏如图 2 所示。

图 2 工具栏

基本的游戏操作是:

  • Ctrl + 鼠标左键单击,可以将拼图放到最底层(不会遮挡其它拼图)
  • 鼠标右键单击,顺时针旋转拼图(如果允许的话)
  • Shift + 鼠标右键单击,逆时针旋转拼图
  • 鼠标滚轮,上下滚动界面
  • Shift + 鼠标滚轮,左右滚动界面
  • Ctrl + 鼠标滚轮,缩放界面

2.1 新建、打开和保存游戏

点击“新建游戏”按钮,会弹出“创建新游戏”窗口,如图 3 所示。

图 3 创建新游戏

通过“浏览”按钮选择一幅图片,该图片就将被作为拼图的图片使用。

通过拖动“游戏难度”滑块,可以更改拼图碎片的数目。游戏难度被分为了四个级别,分别是:

  1. 普通,拼图碎片数从 2 到 200。
  2. 噩梦,拼图碎片数从 201 到 400。
  3. 地狱,拼图碎片数从 401 到 800。
  4. 炼狱,拼图碎片数从 801 到 1200。

在挑战高难度拼图游戏时,请尽量使用高分辨率的图片,否则每块拼图碎片过小,会难以分辨。

拖动“随机程度”滑块,可以改变拼图碎片的随机程度。随机程度越大,会导致拼图碎片的形状更加不规则,图 4 以“四边形”展示了不同的随机程度下,拼图碎片的形状。

图 4 不同的随机程度

勾选“允许拼图旋转”,会将拼图碎片随机旋转 90、180 或 270 度,在拼图过程中就可以利用鼠标右键旋转拼图碎片。

勾选“吸附到正确位置”,那么如果将拼图碎片正确的摆放到与背景对应的位置,就会自动固定下来,不会再被拖动。

最后是拼图形状下拉框,目前有四种拼图形状,如图 5 所示,可以依个人喜好自由选择。

图 5 四种拼图形状

当随机程度较大时,某些拼图形状可能产生一些问题,如图 6 所示。这仅仅是显示的问题,不会影响到游戏。

图 6 随机度较大时可能产生的问题

游戏存档会保存为 *.jig 格式,拼图游戏的所有相关信息都会被保存下来,不必担心打乱拼图碎片的位置。

2.2 游戏辅助

游戏缩略图窗口如图 7 所示,其中显示了完整的图片。在缩略图窗口中,可以鼠标右键拖动缩放缩略图,鼠标左键拖动缩略图。

图 7 游戏缩略图

背景图片指的是图 1 中拼图后面的图片虚影,它提示了每个拼图碎片的正确位置。如果在创建新游戏的时候勾选了“吸附到正确位置”,那么将拼图碎片拖动到对应的背景图片位置时,就会自动吸附。背景图片的透明度和背景颜色可以在游戏设置中更改。

游戏中可以切换只显示边框拼图碎片(隐藏中心位置的图片),以及在 10% 至 400% 间任意缩放游戏界面。工具栏右边会提示当前的游戏用时和游戏完成度。

2.3 游戏样式

在设置中,可以更改拼图游戏的样式,目前包含两个样式:简单和特效,如图 8 所示。

图 8 游戏样式

两种样式可以在设置中任意切换。简单样式比较节约资源;特效样式要消耗更多的资源,同时需要电脑支持 DirectX 11.1,某些电脑可能无法开启特效样式。

关于特效样式的实现,可以参见《C# 使用 Direct2D 实现斜角效果》

三、游戏下载

游戏本身是绿色的,解压即可。

最新版本下载:JigsawGame-1.1


JigsawGame 由 CYJB 创作,采用 知识共享 Attribution-NonCommercial-NoDerivatives 4.0 国际 许可协议进行许可。

游戏的完整源代码可见这里,仅供个人学习使用。

四、版本日志

version 1.1

2013.10.01 发布

  • 大幅提升了特效模式下,新建和打开游戏的效率
  • 减少了界面卡死问题
  • BUG 修复

version 1.0.0.1

2013.09.20 发布

  • 修复了一个小的界面问题

version 1.0

2013.09.20 首次发布

原文地址:https://www.cnblogs.com/lonelyxmas/p/10804185.html

时间: 2024-10-30 10:37:34

拼图游戏 v1.1的相关文章

51nod Bash游戏(V1,V2,V3,V4(斐波那契博弈))

Bash游戏V1 有一堆石子共有N个.A B两个人轮流拿,A先拿.每次最少拿1颗,最多拿K颗,拿到最后1颗石子的人获胜.假设A B都非常聪明,拿石子的过程中不会出现失误.给出N和K,问最后谁能赢得比赛. 例如N = 3,K = 2.无论A如何拿,B都可以拿到最后1颗石子. Input 第1行:一个数T,表示后面用作输入测试的数的数量.(1 <= T <= 10000) 第2 - T + 1行:每行2个数N,K.中间用空格分隔.(1 <= N,K <= 10^9) Output 共T

原创Android游戏--猜数字游戏V1.1 --数据存储,Intent,SimpleAdapter的学习与应用

--------------------------------------------------------------- V0.1版本 上次做完第一个版本后,发现还有一些漏洞,并且还有一些可以添加的功能,以及一些可改进的地方,于是准备继续完善此游戏,顺便学Android了. 本次更新信息如下: 1.改正了随机数生成算法,更正了不能产生数字'9'的bug 2.增加了数据存储与IO的内容,使用了SharedPreferences保存数据 3.保存数据为: 总盘数,猜中的盘数 4.使用了Simp

一款html拼图游戏详解

本文是爱编程原创翻译,转载请看清文末的转载要求,谢谢合作! 游戏介绍 这篇文章是献给web游戏开发者用简单的开发工具开发一款游戏.此文介绍了用html.css.javascript只需简单和几个步骤开发一款2d游戏.在这里,我要呈现给大家如何创建一款拼图游戏,在这个游戏中你可以拖动小图块来拼成完整的大图. 点击这里查看游戏效果. 游戏规则 游戏规则非常简单,你只要拖动被切碎的图片块来组成完整的大图.需要用正确的方法才能最终拼成完整的图片.在游戏中拖动小图片的次数将被统计下来.所以.应该尽量用最少

Vue.js实现拼图游戏

Vue.js实现拼图游戏 之前写过一篇<基于Vue.js的表格分页组件>的文章,主要介绍了Vue组件的编写方法,有兴趣的可以访问这里进行阅读:http://www.cnblogs.com/luozhihao/p/5516065.html 前言 为了进一步让大家了解Vue.js的神奇魅力,了解Vue.js的一种以数据为驱动的理念,本文主要利用Vue实现了一个数字拼图游戏,其原理并不是很复杂,效果图如下: demo展示地址为:https://luozhihao.github.io/vue-puzz

Entanglement Web App(六边拼图游戏)

插件介绍: 对常常面对电脑工作的朋友们来说,一款能够让你们放松的游戏是必不可少的,今天为大家推荐一款度过休闲时光的小游戏.纠缠是gopherwood工作室为您做的六边拼图的益智游戏,试着使最长的路成为可能.旋转和放置六角形瓷砖蚀刻路径,以延长您的路径,而不运行到墙上. 使用说明: 将Entanglement Web App(六边拼图游戏)添加至chrome,并在应用中启动它. 功能介绍: - 挑战模式;你可以不断挑战自己或者他人的记录.- 樱花小树林:一个完全新的游戏游戏模式的纠缠!你有一个宽敞

JavaScript写一个拼图游戏

拼图游戏的代码400行, 有点多了, 在线DEMO的地址是:打开: 因为使用canvas,所以某些浏览器是不支持的: you know: 为什么要用canvas(⊙o⊙)?  因为图片是一整张jpg或者png, 我们要用把图片导入到canvas画布, 然后再调用上下文context的getImageData方法, 把图片处理成小图, 这些小图就作为拼图的基本单位: 如何判断游戏是否结束, 或者说如何判断用户拼成的大图是正确的? 我们就要在刚刚生成的小图上面添加自定义属性, 后期在小图被移动后再一

拼图游戏(数码还原游戏)算法的研究

将问题一般化,在M*N的方格里有M*N-1个不同元素和一个空元素,只有空元素可以与上下左右相邻的元素交换位置.M*N方格中M*N-1个元素和一个空元素的位置确定一个图形.拼图游戏的问题是:一个图形经过一连串的交换能否得到另一个图形,如何得到.从交换方式的可逆性看出这种关系满足等价三性质,如果图形A通过交换变成图形B我们则称它们是等价的.把M*N-1个元素用1至M*N-1编号,空元素编号0.然后展成一个排列.每个图形对应一个排列.确定了展开方式,图形和排列是一一对应的.这里用到的展开方式是行优先的

类似拼图游戏设计

客户端设计 1.如何绘制? 分上下两层,下层为最终图片,上层尺寸和下层一致,并将上层分割为 m 行 n 列的方格. 2.方格位置如何设定? m 行 n 列的方格,设定左上角坐标为(0,0),那么最右下角坐标为( (m-1) , (n-1) ). 3.如何定义方格对象,及方格拥有什么方法和属性? 方格Pane有4个属性: locationX,locationY,PaneState,visitor. (locationX,locationY)组成方格位置信息: PaneState包含3种状态,VIS

程序设计 之 C#实现《拼图游戏》 (下) 原理篇

前言:在 http://www.cnblogs.com/labixiaohei/p/6698887.html 程序设计 之 C#实现<拼图游戏>(上),上传了各模块代码,而在本文中将详细剖析原理,使读者更容易理解并学习,程序有诸多问题,欢迎指出,共同学习成长! 正文: 拼图是一个非常经典的游戏,基本每个人都知道他的玩法,他的开始,运行,结束.那么,当我们想要做拼图的时候如何入手呢?答案是:从现实出发,去描述需求(尽量描述为文档),当我们拥有了全面的需求,就能够提供可靠的策略,从而在代码中实现,