捍卫家园-具有复古设计的跨设备HTML5游戏电视电影小迷妹 TVco.cn

Homes.com与我们合作开发了类似于70年代和80年代基于像素的游戏的跨设备游戏。 我们共同决定HTML5代码库将最适合我们的需求。 在过去的几个月中，我们不仅创造了复古游戏体验的外观和氛围，还创造了功能，有趣和具有挑战性的游戏，充分吸引了其玩家。

在2016年初，我们开始与Homes.com合作开展一个项目， 该公司是美国顶级的房地产搜索引擎之一 ，提供广告和营销服务，以帮助房地产专业人士与房主，买家和卖家建立联系。他们的目标是在美国各地各地的消费者娱乐和教育消费者的同时，吸引科幻夏日大片的兴趣 。

Homes.com希望他们的游戏与80年代这一重要的购房群体联系在一起 。观众还记得像《太空入侵者》，《毛毛虫》或《吃豆人》这样的具有年代感的8位视频游戏 。由于开发游戏时熟悉度是关键 ，因此我们希望使用反映街机的简单控件。我们的设计师面临着捕捉复古风格，同时引入品牌信息和客户要求的关键功能的挑战。最终结果包括原始的像素化对象 ， 简单的控件 （在台式机和移动设备上）和8位配乐 ，以向80年代的经典致敬。

看起来似乎不是这样，但是基于70或80年代设计游戏绝非易事。即使拥有开发受街机游戏启发的我们自己的游戏《 Kopanito》的经验，《 Defend Your Homes》仍然具有很大的挑战性，并非没有困难。尽管风格必须是老派， 但玩家需要知道他们正在处理一个完全现代的游戏 。另一个挑战是在游戏中包含房地产主题 。因此，游戏中的关键对象必须是小屋，游戏的背景必须参照城市的气候。我们为客户准备了几种不同的设计，使我们可以在最终版本上达成一致。

我们选择了最佳技术来为台式机和移动浏览器提供可访问性：

HTML5-所有最新的网络浏览器都支持的技术，不需要任何插件即可玩游戏；
Phaser.io —用于使用HTML5 Canvas开发基于浏览器的游戏的开源框架。它是HTML5游戏开发市场上公认的工具；
WebGL — JavaScript API，用于在任何兼容的Web浏览器中呈现交互式3D和2D图形，而无需使用插件。

Pssst… 在此处查看视频 。

homes.com上的大部分流量都来自移动设备，因此，“ 捍卫家园”在智能手机和平板电脑上必须与台式机一样具有吸引力 。考虑到这一点，我们设定了一个目标，即为最受欢迎的移动设备实现每秒60帧的速度 。

我们还准备了一个独特的移动界面，该界面可以模拟80年代视频控制台中的按钮和按键 。除此之外，我们还确保游戏匹配水平和垂直屏幕。

在开发游戏时，我们创建了许多有趣的功能。这样，我们确定最终产品将会丰富并为用户带来有趣的体验。这里是其中的一些：

测验模式 -玩家可以通过回答游戏中出现的问题来赚取额外积分。由于每个级别都与一个美国城市有关，因此这些问题也与特定位置有关。
排行榜 -游戏结束时，玩家可以将自己的分数添加到排行榜中。我们还添加了通过单击鼠标即可在Facebook上共享它的功能。这些功能增加了玩家的参与度和游戏的病毒性。
独特的声音 -游戏必须具有100％的独特性，因此我们委托了一家值得信赖的录音室，并曾与该工作室合作以制作街机游戏风格的音乐；
奖项 -感谢排行榜，我们能够奖励最佳球员。奖品是由我们的客户准备和资助的。

捍卫家园项目绝对可以认为是成功的。诸如创建代码的高质量，创造力，视觉图像和产品的及时性等因素影响了项目的成功。客户很高兴讨论游戏开发的每个细节并接受我们的建议。这种合作的结果及其摘要之一是测验模式：

该游戏赢得了数万名用户，这被认为是品牌成功。 Merixstudio因按时，按预算交付了预期的一切而受到赞誉。

您对游戏开发过程的细节感兴趣吗？您可以在“捍卫房屋”的技术案例研究中查看该案例。

Merixstudio的项目经理FilipWarguła

最初在 www.merixstudio.com上 发布。