打字稿 – 第2页电视电影小迷妹 TVco.cn

TypeScript和WebPack中的中文检查器[更新]

嗨，我只是想创建本教程，以使用Typescript创建中文检查器，并使用webpack对其进行编译和最小化。最后生成的单个js文件的结果大小不超过2KB，而我们编写的代码将超过8KB 缩小75％！！该项目尚未完成，但已经上传。演示版源代码 PS：此游戏的灵感来自android的* Chain Reaction * 小步骤：让我们开始吧。您需要满足以下先决条件才能开始本教程。良好的代码编辑器，例如VS Code，括号，Atom等 TypeScript的基本知识（甚至JavaScript都可以！！）您计算机上安装的webpack ，…

Angular2（-cli）恶棍游戏！（第2部分）

使用CLI，Webpack和Github页面。从一开始就使用angular-cli和webpack的Angular2 Villains教程。这是第1部分。如果您有任何输入或改进，请分叉，修复并添加拉取请求：https://github.com/wingsuitist/villains/ 7.组成让我们将其分解为有用的组件。您可以让您的应用保持运行状态，并在每一步后查看其状态。它应该自动重新加载。这部分的最终来源：https://github.com/wingsuitist/villains/tree/v7.4.0 7.1。生成编辑组件创建组件的最简单方法是使用angular-cli（您可能会认识到，我们非常喜欢此工具）： cd src / app /…

雨伞，换能器，活性水流和蘑菇（Pt.1）

自从上一篇文章发表以来，已经有2250多个新提交（不包括合并），数百个测试用例，数十个新软件包，40多个文档化的示例项目（总计几千行，其中许多显示了如何使用各种软件包）。组合），以及各种长格式自述文件中的数十个较小的示例代码片段以及源代码中的文档字符串。粗略概述就这么多了。还有很多事情要做，特别是在文档和测试方面，但是整个项目所涵盖的全部主题现在使我无法在一两篇文章中有意义地介绍。因此，我将运用一些分而治之的方法，旨在发布更具针对性的，更短的帖子，每个帖子都涉及不同软件包必须提供的一些（IMHO）有趣的功能，并说明如何在野外组合这些不同部分。回购中包括一小部分示例项目：除了这些捆绑的示例外，大多数软件包还用于几个私人生产项目中，其中一些已经使用了几年。从这往哪儿走… 从前的生活（15至30年前）担任游戏设计师/编码员以来，我仍然认为该学科在结合多种不同技能和主题方面是相当独特的。因此，即使这里讨论的项目都与游戏开发没有直接关系（即thi.ng/umbrella绝对不是游戏引擎），我还是会以缓慢构建为借口来介绍，讨论并开始将概念和项目编织在一起制作了一款半功能的迷你游戏，只使用了monorepo中的软件包… 欢迎来到Shroomania！下面是预告屏幕截图，显示了我们将在本系列文章的后续部分中构建的内容…

TLDR；泡泡对的幕后花絮

这个主意… 我曾经和我的孩子玩过一个很好的旧记忆游戏。她很小的时候就学会玩这个游戏，我们拥有许多不同的纸牌。有一次，当我们玩这个游戏时，我们引入了一条规则，该规则规定如果您猜错了，对手可以随机选择桌子上的纸牌顺序。游戏开始变得更加有趣，因为除了记住特定卡的位置之外，您还需要注意其移动。与孩子一起编码我真的很喜欢和孩子一起玩，特别是在绘画，绘画，折纸等富有创造力的事情上。突然想到，为什么我们不应该尝试一起做电脑游戏。当然我没注意教她编码。我什至不确定孩子是否能这么早地学习编程学科。相反，我想向她展示制作程序的过程。如何在手机或浏览器上写东西以及查看结果。您可以猜到，我们从白皮书开始，我们首先绘制了细节。下一步是构建第一个版本。我们只需要几个小时。当然那只是MVP，但我们希望尽快看到我们想法的结果。技术我是JAVA的狂热爱好者，并且是使用基于JAVA的框架GWT（例如Google Web…

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

欢迎来到我的Cocos Creator教程的第二部分！在第1部分中，我介绍了创建节点，启用物理学，启用碰撞以及挂钩用户输入的过程。在这一部分中，我将介绍产卵的流星，并用大炮向它们发射子弹。让我们开始吧！创建预制件预制是预制的缩写；顾名思义，它是在游戏运行之前加载的资源。它们非常方便，在本教程中我们将大量使用它们。我们要做的第一件事是为我们的游戏创建子弹预制。在Cocos中做到这一点的方法非常简单：将您的项目符号资源拖到场景编辑器中，使其显示在节点树中将其从节点树拖回文件导航器而已！将预制件拖入文件导航器后，它应如下所示：然后，您可以继续从节点树中删除项目符号。我们还需要子弹与其他物理对撞机相撞。要开始编辑它，只需在文件导航器中双击预制件，使其出现在场景编辑器中，然后我们就可以像其他节点一样开始对其进行编辑。…

在权威服务器上处理玩家动作

我目前正在使用PIXI.js和权威的nodejs / socket.io服务器来开发2D webGL多人RTS / RPG游戏。服务器发送结果，客户端服从。目前，服务器每秒发送玩家位置60次。每个游戏的目标是10名玩家，这是服务器和客户端必须处理的大量事件和数据。这是2个示例类：

将我的画布游戏转换为React Native（第1部分）

或“当我本来可以享受真正的IRL乐趣时，如何在互联网上浪费周末” 你好。我是一个人类。我曾经有过有趣的社交爱好，但是大约6个月后，我开始制作一个名为“是鸡蛋”的游戏，其中一个鸡蛋在屏幕上滚动。这将是我最喜欢的一款游戏《 Jetpack》的完整副本，但我至少足够聪明，以至于意识到这会花很多年，我会放弃并感到无聊。很好我从一个基本的概念证明开始，我可以使用Canvas绘制基于图块的板和事物。最终，经过一番痛苦之后，事情变得相当顺利了。然后我意识到那是一团糟，并且我对学习Typescript感兴趣，因此我将其转换为Typescript，并且经过一番努力之后，效果也不错。尽管一旦我开始添加一些功能，就很难遵循，所以我使用Ramda库将很多代码库转换为更多的FP风格，并且经过不懈的努力，这也很好。我发现了一个模式：我显然喜欢在业余时间里度过一段糟糕的时光。因此，我认为“这个游戏很好，但手机上的浏览器很烂，我希望它能全屏显示，而且很棒，等等–让我们将其转换为可在React Native上使用！”。过去，我已经发布了一些RN应用程序，因此认为这很好，因此决定开始执行此操作，并查看一些库来帮助我执行此操作。事实证明，实际情况要比我希望的要薄一些，所以我急切地选择了基本的React Native Canvas，它创建了一个内部带有画布的WebView组件，并允许对其进行基本操作。…

学习在5分钟内创建HTML5游戏

近年来，使用HTML5和JavaScript构建游戏已变得越来越流行，并且创建了许多游戏引擎/框架（列表）。在本文中，我将向您展示如何使用TypeScript中的免费且功能强大的Game Framework Phaser 3（将编译为纯JavaScript）构建一个蓬松的鸟类克隆。步骤1：先决条件要访问github上的源代码，请从此处下载并安装git。您还需要带有npm的node.js，您可以在此处找到它。步骤2：获取完整的源代码启动您的终端机（Windows，Mac），导航到所需目录并克隆弗拉皮鸟存储库： git clone https://github.com/digitsensitive/phaser3-flappy-bird.git 克隆后：运行npm install来安装node_modules和…

雨伞，换能器，活性水流和蘑菇（第4部分）

不相交集，图分析和有符号距离字段这是正在进行的系列的第4部分，该系列介绍和讨论thi.ng/umbrella monorepo的项目，同时在侧面构建迷你游戏。其他可用零件：第1部分-项目和系列概述第2部分-HOF，传感器，减速器第3部分-卷积，1D / 2D元胞自动机在最后一部分中，我们将一维元胞自动机生成器扩展到了两个维度，在这一部分中，我们将对其进行稍微的重构，并执行几个后处理步骤，以从原始的CA生成的模式/网格中提取实际可用和可播放的地形。 Shroomania粗略指南下图概述了从原始CA输出到后来显示给播放器的版本所需的处理步骤：我们将在下一部分中讨论最后阶段。不过，作为第一步，我们需要注意以下事实，即从最初的随机种子生成中演化CA会需要几代（迭代），以使系统有时间开发结构并收敛到或多或少的稳定状态。请记住，CA产生的全局模式仅是相邻小区之间重复的局部交互作用的结果。您可以在此处看到这种融合的作用-单击“重置网格”可再次观察到该行为… 并非所有的CA规则集都会产生收敛的行为，但是我们的会。另外，作为上一篇文章的补充，在所谓的反应扩散过程中也会发生类似的局部/全局模式出现。…