某不知名的前端小学生

近两年，网络平台掀起了一股互动游戏热潮。三大电商平台都不约而同地推出来一些互动小游戏（种树、养宠物、大富翁等），其目的在于通过趣味游戏提高APP日活，增强用户粘性，进而转化成订单。在这种趋势下，前端中的细分领域——WebGL成了新的技术热点。淘系技术部推出了互动引擎EVAJS，…

网页游戏以其便携性通常内嵌在各大app中，通过提供沉浸式的游戏体验拉近用户与app之间的距离，最终将用户流量转换为具体的物质价值。 本文将带你从零使用Pixi.js打造一款专业级别的网页游戏--消消乐

这几天闲着没事想搞点2D图形，前段时间接触了Pixi.js想用捕鱼的这种模式来测试一下它的API，肝了了好几天把基本的鱼游泳动画，随机游泳、炮台、射击撒网基本的逻辑写完了

你如何创造火，烟，魔法和爆炸等效果？你制作了许多小精灵，几十，几百，甚至上千个精灵。然后对这些精灵应用一些物理效果，使它们的行为类似于你尝试模拟的元素。你还必须给他们一些关于它们应该如何出现和消失以及应该形成什么样的模式的规则。这些微小的精灵被称为粒子。你可以使用它们为游戏制作…

此篇文章源于前段时间商业有个项目需求，要实现一个比较复杂的H5交互动画。那说到动画常用的技术方案无非是下面几种： gif图和css3动画属性显然只能实现展示型动画，而通过原生代码实现交互动画又是很复杂的，同时还得考虑动画的兼容性和性能问题。WebGL因为可提供硬件加速渲染，其渲…

本文，我们主要探讨页面开发遵循的思路、游戏中的音频管理与游戏页的开发包括基本玩法的实现原理与算法等等。 在此之前，我们先对上篇进行一下简单的回顾。

Pixi是一个非常快的2D sprite渲染引擎，帮助显示、动画和管理交互式图形，可以轻松地使用JavaScript和其他HTML5技术制作游戏和应用程序。

今年一月份的时候我写了一个Vue+Koa的全栈应用，以及相应的配套教程，得到了很多的好评。同时我也在和读者交流的过程中不断认识到不足和缺点，于是也对此进行了不断的更新和完善。本次带来的完善是加入和完整的前后端测试。相信对于很多学习前端的朋友来说，测试这个东西似乎是个熟悉的陌生人…

1. 为什么要做前端测试 比起写注释，单元测试可能是更好的选择，通过运行测试代码，观察输入和输出，有时会比注释更能让别人理解你的代码（当然，重要的注释还是要写的。。。） 编写测试代码的过程，往往可以让我们深入思考业务流程，让我们的代码写的更完善和规范。 2. 什么是TDD和BD…