Metro 2048 – 使用扁平化设计的 PC 版 2048

转眼间到了 2015 年了。最近偶然在资料盘里找到了去年高一信息课上写的 2048 小游戏,于是便在寒假期间重新优化了下,准备正式发布在我的 WordPress 个人博客上。

高一时我是一名 OIer,上信息课时拥有“特权”,可以在电脑上做自己想做的事。那段时间刚好在教 Visual Basic,于是我便想用 VB 写一个自己的小游戏。

说做就做。由于初中参加 NOIP 青少年奥林匹克信息学竞赛培训时有玩过 VB,所以很快就熟悉了大部分基本功能。当时有个手机游戏非常多同学都在玩,叫做 2048。我平时不怎么喜欢玩游戏,但对于这个烧脑益智小游戏顿时有了兴趣。灵机一动发现其中算法并不难,于是便打算构建一个 PC 版的 2048。

我用了一节课时间写了一个基于 VB 6.0 的 2048,还加入了一些动画特效。比如载入窗体时会有网格铺开的效果,关闭窗体时窗体会慢慢缩小直到消失。看起来很不错!

不过多玩几次我就发现,我的配色方案不够理想,而且界面设计得比较中庸。

于是大范围改造就此展开!

我选择了 Visual Basic 2013 作为新的开发环境,移植了部分代码,边写边重新优化一些运算逻辑。经过无数次 Debug 和改良,终于推出了 Metro 2048 Ver 1.0。

metro-2048-in-win10

Metro 2048 在 Windows 10 技术预览版 9926 下的界面

命名理由

这个名字源于 Windows 8 的界面名称。这是一种简洁直观的界面,使用纯色搭配大字体,能够让人沉浸其中。这归属于现在的一大设计趋势——扁平化设计。

扁平化最核心的地方就是放弃一切装饰效果,诸如透视,纹理,渐变等等能做出 3D 效果的元素一概不用。所有的元素的边界都干净利落,没有任何羽化,渐变。扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。

我的新版 2048 就朝着这个风格贴近,所以我称它为 Metro 2048。其中凝聚着我对 Microsoft 的无限敬意(笑)与对扁平风的喜爱。

第一个成型的版本在功能上与 VB 6.0 版的无异,只是稍微改进了些 UI。后来一段时间,我一直在想方设法加入一些多样化的功能与好看的效果。慢慢地,Metro 2048 拥有了存档功能,能够用多种方式操控,并且拥有酷炫的加分效果。

这里不得不再谈不到一个故事。

几个月前我偶然注意到学校的圈存机存在安全漏洞。圈存机搭载的是 Windows XP。校方使用了一个全屏的程序来遮盖任务栏。但在圈存程序的帮助界面存在一个网页控件,并且右键无锁。长按网页区域就可以打开右键菜单,然后选择“查看源文件”,在记事本里就可以通过打开资源管理器来回到桌面并更改系统设置。

我脑洞大开,马上写了个触屏版的 Metro 2048,通过局域网共享写进了两台圈存机,并加入了自启动项。只要长按屏幕左上角 3 秒就可以打开游戏窗口。慢慢地,越来越多同学知道这件事。然后大家有事没事都会去体验下……由于这个彩蛋给急着要圈存的同学造成了不便,还有我不是很想被德育处查水表,所以没过多久就乖乖把它删除了。

总之,这是个具有传奇色彩的小游戏。我这就把它的最新版的下载链接贴出,希望你们都能够喜欢!

预览图

metro-2048-preview1

metro-2048-preview2

metro-2048-preview3

编写环境

Microsoft Windows 7 Ultimate with Service Pack 1 (64 bit)
Microsoft Visual Studio Ultimate 2013
*使用 Visual Basic 2013 作为编程语言

操作方式

移动:方向键、WASD键、数字小键盘、鼠标拖动
选择:鼠标左键单击

更新日志

2015 年 1 月 16 日

1. 增加了对触摸屏的支持

2014 年 9 月 7 日

1. 优化了透明度

2014 年 6 月 7 日

1. 增加了对 Windows Server 2003 操作系统的支持

2014 年 6 月 5 日

1. 优化了加分效果
2. 重新设计了游戏的图标及 UI
3. 调整了程序的逻辑顺序
4. 修复了重新开始游戏时的一些漏洞

2014 年 5 月 2 日

1. 加入了存档保存功能
2. 使用了高效算法
3. 处理了一些细节方面的问题

注意事项

1. 本应用仅支持 Windows XP 及更高版本的操作系统。
2. 若运行时提示“应用程序错误”,请安装 Microsoft .NET Framework 2.0 SP2,本应用需要该框架的支持。

下载地址

百度云

6 条评论

发表评论

*