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

编写您的第一个游戏：在Canvas上使用JavaScript玩Arcade Classic

程序员入门课程！你准备好学习了！在这门短期课程结束时，您将编写第一款游戏。您将通过实际学习游戏开发的基础知识-在自己的计算机上编写和运行真实代码。本课程的每一步都附有与当时应有的源代码完全相同的内容（单击“查看资源”，然后单击“可下载资源”），以供您比较或从中获取，这样您就不会陷入困境！以公认的方式开始游戏编程之旅 “尽可能制作出最简单的游戏。”“编写一个球和桨项目。”“从1970年代开始首先重做一些东西的做法。”所有新手开发人员都从经验丰富的同行那里听到这个建议……因为它有效！通过遵循这种方法，您将：从人们知道和喜欢的有趣经典中学习设计。立即开始练习-现在！ -无需等待想法。在几个小时或一个周末内完成游戏，而不是几个月。了解整个程序中使用的每一行代码。避免分心搜索或创作详细艺术品。掌握基本知识，以使自己的游戏变得更好。您可以使用普通的文本编辑器对该游戏进行编程，然后在已有的Web浏览器中运行它。无需特殊软件。尽管在本课程中将使用JavaScript为HTML5…

Cocos Creator教程：The Cannon 2，第1部分

当我刚开始学习Cocos Creator时，我遇到了互联网上缺乏帮助的令人震惊的帮助。这是我第一次涉足游戏开发，而我来自编程背景，多年来，我一直无休止地提供中级教程，Stack Overflow问题和（更重要的是）Stack Overflow答案。我吓坏了。有史以来第一次，我不得不思考。查阅文档。摆弄。不是我使用了Google的第二页，而是Google 没有第二页。噩梦成真。好吧，差不多。如果不是因为一个教程-一个宏伟的教程（也是我所能找到的唯一的基于文本的教程）-而使我开始了Cocos Creator中的游戏开发，那我可能会遭受这种命运。它被称为大炮，光荣。不过，这并不完美。当我找到它时，它已经过时了，以至于我最终将它更多地用作练习列表而不是教程。…

Node.js多人游戏的体系结构

该系统的主要组件从上到下分别是： ServerController 。处理来自客户端的新连接，执行身份验证，在必要时创建和销毁游戏和玩家控制器。它还负责将数据持久保存到数据库，日志记录和其他维护任务。 GameController 。根据游戏的类型，每个游戏世界，游戏室或其他虚拟场所可以有一个对象，多个用户可以一起玩。它负责根据玩家的动作更改游戏状态，并负责将这些更改通知玩家。游戏。表示客户端和服务器上游戏的当前状态。我会在一段时间内写更多有关它的内容。 PlayerController 。每个连接到服务器的客户端都有一个对象。它处理来自客户端的传入消息，并代表玩家在游戏中执行操作。它还定期向客户端发送包含游戏状态更新的消息。…

我如何在React中编写Conway的《生命游戏》（Lambda School）

康威的《人生游戏》是由英国数学家约翰·霍顿·康威（John Horton Conway）于1970年设计的细胞自动机。康威的人生游戏–维基百科该游戏在1970年10月的《科学美国人》杂志（Martin Gardner）的“ … en.wikipedia.org 它具有一个“存活”或“死亡”的细胞网格，并通过遵循四个简单规则变成下一代细胞：任何具有少于两个活邻居的活细胞都会死亡，好像是人口不足。任何有两个或三个活邻居的活细胞都可以存活到下一代。任何具有三个以上活邻居的活细胞都会死亡，就好像人口过多一样。具有正好三个活邻居的任何死细胞都变成活细胞，就像通过繁殖一样。第一步是大多数人如何创建React应用程序： create-react-app 。这是npx create-react-app的别名，需要通过npm…

2017年全球游戏果酱—火奴鲁鲁

这个周末，我参加了年度黑客马拉松，全球游戏果酱。作为一个初学者，我实际上对此感到非常紧张，我以前从未玩过游戏。就职典礼期间，宣布了今年的主题，那是“波浪”。然后我们聚在一起，开始工作。作为一个团队，我们面临的主要挑战之一是我们都没有构建游戏的经验，但是由于我们大多数人都了解JavaScript，因此我们决定构建游戏学习方法，以便在此过程中使用Phaser。我们不确定要构建什么，只是知道我们想要以蒸汽波为主题，并希望通过用户手机对其进行控制。我为我们的比赛结果感到非常自豪。我们制作了一个多人射击游戏，其中的主要角色是拍摄Windows 95徽标的不同颜色的海豚必须避免出现希腊柱和半身像，斐济水壶和小手等障碍。我认为这是这款游戏最酷的部分，是玩家使用手机上的SNES控制器控制海豚。曾经，我真的以为这款游戏是不可能的，但我很高兴结果出来了。控制器并没有我们想象的那么宽松，而且游戏实际上很有趣。我真的很期待继续努力，以便改善它的功能，添加更多功能并完善它。同样，我们制作的控制器可用于我们制作的任何其他游戏，您只需要将按钮映射到您想要的游戏功能即可。我没有成为游戏开发者的计划，我只是想制作有趣的游戏。我现在的主要目标是成为一名更好的Web开发人员，所以我对这次黑客马拉松的学习感到非常高兴，因为我不仅学习了如何使用Phaser，而且还学到了很多关于Websocket的知识，对此感到非常兴奋……我迫不及待地想将自己的新技能用于其他项目！

远离GameMaker —第3部分：拥抱StageXL

在上一篇文章中，我谈到了为什么我选择Dart而不是JavaScript。在本文中，我想探讨我选择的框架StageXL。 StageXL是一个框架，它源于寻找Adobe Flash的替代品。由于Flash无法在移动设备上运行，并且HTML5现在可以在没有插件的情况下在浏览器中运行游戏，因此需要在浏览器中本机运行的游戏框架。 StageXL试图匹配Flash中相同的方法和思想，以便对旧方法感到满意的开发人员应该能够非常轻松地适应Dart和框架。好吧，我不是来自Flash背景。我已经使用GameMaker完成了大部分游戏开发工作，因此，与以前的经历相匹配的工作几乎全丢了。那么，为什么选择StageXL？到目前为止，它似乎是我选择的语言中可用的最成熟的游戏框架。因此，从某种意义上说，我一直坚持下去。但是我认为这是积极的，而不是消极的，因为我不必在多个框架中进行原型设计来找出最适合我的框架。由于我不知道如何开始，因此我举了一个例子。由于我决定将纸牌游戏移植过来，因此我选择了“内存”示例，因为它使用了纸牌。我撕碎了所有花哨的翻转和倾斜的角度，将其简化为一堆纸牌。插入并显示扑克牌后，便附加了事件以进行拖放。有效。现在是将游戏从一种框架设计转换为另一种框架的困难部分。…

带有p5.js的JavaScript Pong

本入门级教程将引导您使用JavaScript库p5.js构建单人乒乓游戏。乒乓球游戏所需的只是一个矩形，一个椭圆和一个小动画。 p5.js提供了所有这些功能！通过一些额外的代码来使球从墙壁和球拍反弹，我们可以制作一个单人乒乓球游戏。 **如果您随时遇到困难，请查看解决方案代码。 p5.js快速入门打开p5.js编辑器。您将看到以下代码：函数setup（）{ createCanvas（400，400）; } 函数draw（）{ 背景（220）; } 如果您熟悉JavaScript，那么您会发现这里有两个功能： setup和draw 。如果您不熟悉JavaScript，请不用担心！…

在React Native应用程序内使用SpriteKit

本文介绍了如何将基于SpriteKit的游戏集成到React Native应用中。背景故事我打算在圣诞节期间创建一个简单的2D iOS游戏，以实现我长期的游戏开发梦想。您可以在playarroe.com上找到游戏。已经使用React Native开发了Eat or Not，这是我进行移动应用程序开发的首选。尽管RN的性能对于简单的过渡和动画来说真是棒极了，但这并不是游戏引擎。经过研究，我选择了Apple的SpriteKit作为游戏引擎。 SpriteKit是一种图形渲染和动画基础结构，可用于为任意纹理图像（也称为精灵）设置动画。 SpriteKit提供了一个传统的渲染循环，该循环在确定帧内容和渲染帧之间交替。设定首先，设置React Native项目。按照React Native文档中的超级简单说明进行操作，您应该会看到这一点。…

使用NodeJS压缩和解压缩文件

假设您有一个压缩文件目录，并且想全部解压缩。可以通过单击全部将它们解压缩来手动实现，但是也可以使用简单的NodeJS脚本来实现。前几天，我通过从AWS S3下载了数十个文件来做到这一点，令人惊讶的是，在网上找不到我想要的明确示例，所以我决定写这篇文章。设定如果要创建一些压缩文件进行练习，请按照以下说明创建新的Node项目并创建练习文件： $ mkdir zipping-practice $ cd zipping-practice $ touch index.js $ mkdir data…

使用Paper.js制作HTML5游戏

前言：我从非常基础的html开始，并从CSS知识和对javascript的模糊理解开始。我为什么喜欢坦克？我有NFI，但是我有，当我需要一个想法在第二年统一休息之前制作一款游戏时，我认为坦克游戏的想法会很有趣。总体而言，该项目花了我不到两周的时间。我不是每天都在处理它，但是在考试期末它是一个不错的拖延工具。我对自己想做的事情有一个基本的想法，但这实际上是一种“让我们看看这是怎么回事”的事情，因此有很多地方-如果我再有时间的话，我可能会做出不同的决定-但那是在学习’聪明？该如何核心很简单。一个基本的index.html文件，带有一些简单的CSS来控制菜单，显示和某些交互性。总体而言，该项目的90％都使用javascript，其中大部分都使用了paperscript（一种香草的微妙变体，用于更无缝的paper.js体验）进行了画布乐队的演出。就像我最近做的许多Littler html项目一样，我使用urge.sh进行托管和部署。设计快速地将图形放在一起往往倾向于使用简单的快捷方式。我的坦克是基本形状和多边形的集合，收集并包装在一起并具有一些基本功能。我的爆炸，随着时间的流逝散布着随机散布的圈子。我的贝壳，快速移动的圈子。在进行任何真实的游戏玩法之前，我为坦克和炮塔设置了一些基本的上下左右的wasd控件，以便可以测试手感。…