Phaserjs 电视电影小迷妹 TVco.cn

我做了一个游戏！

所以……我们进行了黑客马拉松，或者被Fullstack称为“ stackathon”，为此，我使用了Phaser.io API进行了游戏。如果您想尝试一下，请在这里查看Super Duel； https://super-duel.herokuapp.com/。这是一款平台战斗游戏，它是根据《 Towerfall Ascension》建模的，我非常喜欢该游戏。制作这款游戏非常有趣（可能比玩它有趣，而且还算不错）。我从一个有关如何构建简单平台游戏的教程开始。从那开始，我开始为角色添加控件，添加玩家2，并添加一些逻辑以允许“双跳”。当我开始制作攻击动画时，我发现了https://www.piskelapp.com/网站，然后我使用它来设计武器，更多角色以及游戏中使用的许多其他像素图像和精灵。这个设计组件也令我兴奋。我认为成品仅工作了4天就表现良好。我热衷于开发游戏，并且真的很想在将来进行更多工作。从跳跃之间的时间变化，到可以知道通电时何时启动的效果，以及让游戏具有响应性的许多其他方面，我很想知道如何才能带来最佳的玩家体验，这是我最有趣的编码项目之一到目前为止已经建立，并有望有机会建立更多游戏。

回到物联网

已经有一段时间了，但是回来很高兴。在过去的几周里，生活陷入困境，努力工作直至死亡，这使我无法继续前进。不用担心，这一切都很好。让我们看看我这次陷入了什么样的混乱。首要的链接。它们始终是更新中最重要的部分。事不宜迟，您可以在此处查看代码并尝试在此处玩游戏。旁注：我需要给Vanilla和Flamingosis提供一些道具，以提供出色的音乐以配合编码。好吧，有什么新消息吗？还记得上一篇文章的承诺吗？ “下周，我承诺在地图上至少出现一种敌人……”是的。好吧，我很高兴地报告说，我所拥有的东西几乎不能达到目标！是的那是我的小敌人。他上方有个健康酒吧，如果开枪打他会受伤。但是要小心，因为他也可能伤害您。我之前实现的组合块中也存在此奇怪的错误：…

后退一步，前进两步

从那里，我必须实现pewpew方法来创建并发射子弹。我还在那里添加了一些速率限制，以减慢播放器的发射速度： createBullet方法向我介绍了game.physics.arcade对象中的velocityFromRotation方法。这种方法使我能够提供旋转（以弧度为单位），速度和速度对象，以在旋转给定的方向上将速度应用于速度。我提供的旋转来自game.physics.arcade.angleToPointer方法，您可以猜到，它使我知道了鼠标指针所在的角度（以弧度为单位）。我将播放器的子画面发送到angleToPointer方法，以提供从播放器的子画面到鼠标指针的角度。如果这听起来令人困惑，请不要担心。确实不是很多代码，周围有很多示例。一探究竟：全屏内容呢？哦这个？几乎不值得谈论。我所做的只是更新了Phaser构造函数行，以包括window对象的innerHeight和innerWidth 。是吗现在，是的。我已决定将我每周尝试做的事情缩减为1-3个新功能，并尽可能多地修复bug /做更多的内务处理。…

移相器开拓者

新项目为饥饿的开发人员带来了新的机会。我们在布雷克（Blake）的所有站点都使用相同的Javascript框架，该框架已经并且将继续为我们服务。从Flash的废墟中汲取灵感的Caper，它基于CreateJS框架，它使内容团队可以在iPad成立初期为孩子和父母创建有趣而充满活力的活动。但是，时间在移动世界中飞速发展，如今的电话正变得与过去十年中的计算机一样快。它为具有更多活动部件，更复杂的游戏机制和更高分辨率图形的应用程序打开了市场。当一个新的机会摆在我们的桌子上时，我们就抓住了机会。通过一个小的研发阶段，我们决定使用Phaser。 Phaser在HTML5游戏世界中赢得了自己的名声，将Javascript作为一种可行的游戏语言在当今以移动设备为中心的世界中崭露头角。因此，利用从Caper中学到的经验教训，我们已经开始研究Jester，这是我们即将发布的新项目活动的全新活动框架。 Phaser的主要吸引力之一来自我们在CreateJS和Caper手上遭受的割伤和挫伤，尽管最终结果是团队创建有趣活动的强大工具，但花了很长时间才能达到目的。不断发展的框架的后果之一就是遗留代码。在前进的过程中，我们需要继续满足早期的经验教训。这意味着要么持续重建，要么谨慎谨慎地进行改造。考虑到数以百计甚至数以千计的数学和阅读游戏，我们的决策着重于后者。遗留代码是每个开发人员在职业生涯中必须处理的事情，这就像神秘的错误和对我们代码猴子的最后期限造成的压力一样不可避免。我们几乎不习惯使用或遗忘了我们太害怕接触的类，而且由于影响大量的旧代码，因此正在不断努力更新核心引擎，事实证明这很困难。尽管对于我们正在努力的团队来说，这仍然是一个关键问题，但是重新开始的吸引力实在是一个很好的机会。 Phaser提供的社区是该引擎框中的又一个重要标记。…

开发日志1

我决定不再写我的钓鱼游戏了，而是决定现在写它。因为反思与学习和建设一样有价值，并且由于我对某些问题感到沮丧，所以我似乎无法解决。为了保留记录，这些问题位于帖子的底部。受《动物穿越》，《丰收的月亮》以及最近的《星露谷》等游戏的启发，我想制作一款能让您钓到鱼的游戏。就这样。抓鱼。刚开始时，您应该将游戏创意保持较小。给您更好的机会完成它们。我只有一半坚持这一理念。一个简单的机械师，但是鱼越多越好。我一直对那些游戏中可捕获的物种数量感到失望。原始动物穿越区只有40个，收获月64区只有3个（小型，中型和大型），而星露谷有47个藻类和蟹罐“鱼”。正如甘地（Ghandi）经常说的：“成为您希望在世界上看到的变化”。因此制作游戏的目标是尽可能多地钓鱼。我认识到这并不是真正引人注目的游戏机制。根本不是一个机械师。因此，我仍然必须弄清楚“游戏”方面，现在您只需按空格键并自动捕捉鱼哈哈。但是，游戏的乐趣在于收集的东西的规模。…

Loading Assets in Phaser 3

“If you’re going to build it in the browser, you better have a good reason for doing it.”…

短语3的真实指南：或者，我如何学会停止担心和爱枪，第1部分

如果您像我一样-并且如果您正在阅读本文，那么我想您至少在某种程度上-多年来您可能已经挖掘出许多游戏制作框架，并且至少浏览了它们的框架内部。再次，假设您像我一样，您已经使那些遭遇沮丧而有些受挫，如果有的话，在文档中留下了隐喻的血迹。您遇到的大多数教程可能都是针对与自己项目无关的游戏类型，因此没有太多交叉，或者远远超出或低于自己的水平，因此您很想撕毁自己的如果挫败感达到了发烧的程度，那么就把头发拔出来，或者也许是别人的头发。最近，我把自己扔到了Phaser 3的岩石上，Phaser 3是经典的Phaser.io的一个可爱但几乎没有文献记载的新版本，并且在这个洞穴的另一端还活着。因此，我认为我会尽力确保未来的旅行者在这条特殊的道路上不必对吸引我的低矮钟乳石act之以鼻。因此，请为以下各项做好准备：短语三的包装首先是第一件事。外语：你们中的某些人可能曾经使用过Phaser 2。如果您阅读并认为“就是我！”，则可以安全地跳过此部分。如果没有，继续前进我的好马！在开始之前，我将为您定义一些术语！游戏：这就是您正在制作的所有内容！…

RoguePG-程序生成（哈！）

好吧，我不认为在上一篇文章后会这么快地发布帖子，但是我在这里。我花了很多时间阅读程序生成，并参考了一篇写得很好的关于一种方法的教程。不幸的是，经过大约1-2个小时的阅读后，我意识到我正在学习的方法只能以程序方式生成正方形的房间（无方差，很无聊），并且每次都必须将地图重新加载到游戏中玩家进入新房间的时间！我感到有些沮丧，但是后来我想起了Phaser v3示例文档中列出的一个很好的示例，该示例与我想要的非常相似。起初有点令人生畏，但通读它完全有回报。怎么运行的实际的过程生成代码对我来说有点丢失，并且可能值得冗长地发表自己的文章，因此我将在此处进行链接。实际上随机生成连通的房间从而构建地牢非常方便。我最终要做的是（紧跟本教程之后），生成了所有由x，y坐标组组成的房间，并手动将瓷砖随机放置在目的地。听起来需要做很多工作，但实际上大约需要30行代码。我们知道每个房间都需要拐角，因此每个房间的每个拐角处都有墙砖。那部分很简单。另外，由于我的墙壁实际上没有任何变化，因此我们可以对所有墙壁本身使用1个图块。然后，由于地砖存在一些差异，因此我们称为weightedRandomize函数。此功能可将图块坐标中图块矩形区域的索引随机化。最后但并非最不重要的是门。值得庆幸的是，生成代码中有一个帮助程序方法，该方法将列出每个房间的所有门坐标。…

使用相位器进行回合制战斗

我们的英雄面对一群巨魔。每个人都按照优先级队列系统轮流攻击。每个单元都有一个priority编号和一个speed因数，该speed因数决定了下一个转向的时间。一个基于回合制的简单战斗教程，灵感来自Darkest Dungeons和Xulima领主，使用优先级队列数据结构。您可以在底部看到预览（10MB）并链接到实际演示。排队系统这个想法是每个人都有一个优先级数字。每次攻击都会将攻击者的优先级编号提高到最大，并且每个周期（意味着我们执行的每个攻击场景）都会随着速度降低每个单元的优先级编号。接下来是攻击次数最少的单位。我们将使用优先级队列来存储这些信息。步骤如下： create() —创建队列并放置所有人，除一个英雄的优先级数字外，其他所有事件的优先级都随机设置，以模拟战斗主动性。 create() —一个英雄的优先级号码最初设置为1，因此我们的玩家将首先进行攻击。 updateQueue() or…

使用真实游戏引擎

它比从头开始做得更好。追赶在上一篇文章中，我指出我不知道我应该开发比Pong更困难的游戏，还是应该学习使用真实的游戏引擎。好吧，事实证明，当您不知道应该做什么时，您可能应该只考虑上述所有内容。这就是我所做的。我在Phaser 2.6.2中实现了Breakout，并且进展顺利。您可以在此处找到其代码。首先，我跟随着这个播放列表与Phaser一起实现Pong，它为我提供了启动和运行所需的一切。让我们开始吧马上，您需要知道Phaser比从头开始编写引擎要容易处理一个数量级。喜欢认真。这就像从城市驶向山脉，然后吸入第一口深呼吸的新鲜空气。但是，您知道，用于代码。无论如何，我想指出的第一件大事是，虽然我不认为我对通用引擎的期望还差得很远，但我相信它们对命名状态，按钮，文本等的实现远不止这些比一般的同类产品有用。此外，使用canvas元素比使用CSS制作形状并尝试使用JavaScript操纵形状要容易得多。在我以前使用过骇客作业之后，拥有熟悉的笛卡尔坐标系非常受欢迎。好多了…