JavaScript – 第4页电视电影小迷妹 TVco.cn

Facebook Instant Games和Firebase，存储并查看未决挑战

待处理的请求/挑战是一个很棒的功能，特别是对于多人游戏，但是Facebook SDK并没有真正为我们提供许多工具，目前，查看任何待解决的挑战的唯一方法是在调用chooseAsync时通过本机Facebook菜单这就是本文的作用所在。为了实现这一点，我们使用了一个简单的功能，其中包括上下文match-id和对手user-facebook-id 我们将创建两种机制，一种机制可以在任何环境下接收来自任何人的Any挑战，而一种机制则可以接收当前环境下的未决挑战（这对于要求后续动作才能发生的游戏特别有用，并且这种机制的存在实际上允许游戏成为可能）带来所有挑战！因此，核心机制如下：播放器进行操作并致电后端服务器（firebase函数）将对象存储在特定集合（firebase firestore-db）上，并在以当前上下文（match-id）命名的文档内部，该对象包含match-id和未决方（对手），玩家正在等待。如果您碰巧使用上述机制，请在下面给我留言，以了解它对您有何好处。或者，如果您要提供一些见解/错误报告/想法。一如既往的享受！

后退一步，前进两步

从那里，我必须实现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提供的社区是该引擎框中的又一个重要标记。…

在AngularJS中流式传输HTTP响应

在上一篇文章中，我正在研究来自服务器的流数据。通过流式传输，我知道可以尽快返回数据，而不会引起任何其他延迟。我分析并实现了三种方法：以纯列表形式返回数据，而不进行流式处理。用作性能比较的基准使用服务器发送的事件通过流返回数据利用Jackson流返回数据从消费者的角度来看，返回简单列表和使用Jackson进行流式传输是等效的。在这两种方法中，我们都使用ajax请求数据并类似地处理响应。唯一的区别是延迟，即我们收到特定信息的时间。对于列表，我们期望在后端处理结束时获得巨大的负载。由于其增量性质，流可以更快地传送数据的第一个字节。在本文中，我将向您展示如何实现增量流传输以更早显示第一个字节，并改善使用慢速移动网络（3G的快速变体）的人们的用户体验。为此，我将实现两个http客户端： HttpClient利用角度$ http服务在浏览器完全读取和解析数据后立即提供数据 StreamingHttpClient使用Oboe.js返回json响应的特定节点，而无需等待响应的最后字节。…

熨斗模块3的最终项目— Hanafuda

我们的mod 3项目是一个名为Hanafuda的纸牌游戏。通常由3位玩家玩。对于MVP，我们决定选择一名玩家，因为添加玩家需要添加action cables ，这对我和我的伴侣来说都是新的，并且需要更多时间才能正确实施。让我们深入研究项目的不同方面： 1.用户界面在游戏开始时，您将获得8张纸牌，而8张纸牌被放置在桌上。您首先要尝试将手中的一张牌与桌上的一张牌进行比对。西装相同的卡匹配。如果匹配成功，匹配的卡片将被添加到屏幕右侧的收藏中。否则，手中的所选卡将放置在桌子上。手中玩完纸牌后，您必须从卡组中抽出一张纸牌，然后尝试将该纸牌与桌子上的一张纸牌匹配。然后，您要么收集匹配的卡片，要么从甲板上抽出的卡片放在桌子上。当您手中所有的牌都玩完时，游戏结束。然后，您将基于收集的卡片获得分数。 2.代码…

点点滴滴

在开发自己的小版本Pong时，我开始挑选出所有游戏中以一种或另一种形式存在的游戏设计和开发作品。以下是我到目前为止已经确定的部分和每个部分的实现（尽管很粗糙）的细分。在开始学习之前，我想指出，在游戏设计和开发领域中有很多单词和缩写，作为程序员/终身游戏玩家，其中大多数都是显而易见的，对我来说很有意义。如果有什么不合理的地方，请告诉我，我会尽力帮助解释。游戏循环我在Pong实施的每周更新中发布了此链接，作为有关什么是游戏循环的基础入门，但是我想再次强调它的重要性，并提供此链接作为更深入的用法和实现说明。游戏循环对于您实施的任何游戏绝对至关重要。如果您不熟悉循环，那么您将学到很多东西，应该在开始阅读本文之前先做一下。如果您没有在每周更新中找到它，我会使用JavaScript来对游戏进行编程，因为与更流行的游戏编程语言相比，我有更多的使用经验。另外，如果我的变量名对您来说很奇怪，那是因为多年来我一直在使用改良的匈牙利表示法，而且习惯很难打破。无论如何，这是我的游戏循环：首先，不要做我做的事。是的，它可以工作，但是维护或重用并不容易。您需要了解的这段代码是，我定义了一个我称为oGame的对象，并为其指定了成员fps，以定义游戏应以每秒运行的帧数。换句话说，我已经设置了我希望此循环每秒运行一次并更新播放器在屏幕上看到的内容的次数。在此循环中，您可以看到我正在计算球的位置以及AI球拍的位置。另外，您可以看到我从使用CalculateAIPaddlePosition（）的简单方法开始，并在后来的oGame.ball.update（）的开发中开始切换到基于对象的方法。更好的实现将更加通用。…

开发日志1

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

使用Google Closure Compiler导出pixi.js项目时的常见问题指南

想象一下，您的游戏项目的新功能已按预期完成，测试和工作，彩虹和卡哇伊独角兽泛滥成您的想象力，面颊上浮现出微笑。但是……等等，突然间，您意识到您只是测试了开发版本，而您还没有测试过生产版本，因此Google Closure Compiler使其所有的魔法精简，混淆代码并使某些事情在开发版本上完美运行。再见，独角兽🙁 考虑到创建项目的生产版本并不是您每天要做的事情，这意味着您会忘记大多数错误，加上对所有代码进行混淆后，对每个“ this.ck ”更改“ this.myDescriptiveVariableName ”可以将当出现神秘错误时，检查是否一切正常的任务。这篇文章是有关使用Google Closure Compiler及其解决方案导出pixi.js项目时遇到的基本问题的指南。封尾：权威指南：增强JavaScript功能的Google工具如果您准备使用Closure用JavaScript构建富Web应用程序，那么该动手指南将为您提供…… www.amazon.com 如果添加了新库，可能会收到类似以下错误：示例：…

探索新的Twitch API

这些天我没有太多的空闲时间，自从开始参加Fullstack Academy的Grace Hopper程序以来，我每天都沉浸在代码中呢（但这又是一天的故事，另一篇博客文章）。当我确实有更多的休闲机会时，Twitch肯定偷走了很多时间。最初，我只是用它来替代我微薄的预算之外的游戏，但是很快我通过该平台发现的社区变成了一个虚拟的家。由于我最近没有太多机会真正观看Twitch（不是因为缺乏尝试），为什么不花时间在全新的Twitch API上花费一些高质量的教育时间来弥补？ Twitch API于2017年10月启动，为开发人员和流媒体提供了使用其服务器中的数据来查找其游戏的信息，其中包括流，游戏，视频，用户等的信息。在本教程中，我将利用流数据并稍后检查元数据的一个特别有趣的功能。 Twitch元数据是用户提供的内容，特定于具有流行游戏《守望先锋》或《炉石传说》的流。虽然我还没有体验过后者，但我还是打了一两回合，试图让我的团队在《守望先锋》中保持活力，这就是我们将在本演示中使用的主题。我的意思是，对可能会要求康复的Genjis进行数字计算会不会很酷？但首先，让我们看一下一般的流请求。有许多选项可用于自定义我们的查询，但出于本项目的目的，我将主要使其保持简单。以下是类似内容的预览，如果您关注我们将会做的事情：以简单为主题运行，我们将制作一个单页面应用程序，不需要服务器，所有请求都在前端。为此，我们将使用Vue.js，这是一个相对较新的工具，我发现它易于使用的Javascript框架。…

第一次尝试游戏引擎

如果您期望精美的图形和物理学，那么您来对地方了。我们如何来到这里好的，所以我们不介绍Pong中游戏设计和开发的一些不同元素的细目分类，以及用于实现这些更改的代码示例。如果您想签出，请前往。接下来发生了什么从那里开始，我浏览了一些我认为将来会最常用的部分，并尝试制作一个实体管理器以及一个几乎所有游戏对象都将从其延伸的通用实体。此外，我将更多的命令式代码方法转换为更易于理解的面向对象方法。如果您需要入门来处理JS中的对象，请检查一下。之后，我借此机会用新引擎重新实现了Pong。在我们深入之前和往常一样，我想让这些链接摆脱干扰。您可以在这里找到引擎，重新实现版本的代码在此处。您可以在此处播放新版本。让我们继续来看一个实体似乎有点……简单，是吗？好吧，这就是重点。我们希望能够快速轻松地制作出游戏中的实体，并希望它们以相同的方式工作。我们得到的第一个方法是一个Constructor（）…