由于phaser的官方文档并没有中文，准备开始更新一系列Phaser的教程，每篇文章都会涉及一个大的知识点，本篇主要是介绍了phaser的图形学

最近简单的「羊了个羊」小游戏火到出圈，据说狂赚几百几千万。这么弱智的玩意，即便是前端，我上我也行！!

在本文中，我将从零开发一个 H5 游戏，主要使用 phaser3 来制作的游戏。结合当下疫情的严峻形式，我也将一些元素融入到这款游戏中，同时希望疫情早日结束，早点摘下口罩，可以看到彼此脸上洋溢的笑容

Phaser 是一款快速、免费以及开源 HTML5 游戏框架，它支持 WebGL 和 Canvas 两种渲染模式，可以在任何 Web 浏览器环境下运行，允许使用 JavaScript 和 TypeScript 进行开发. 因为将自己定位为游戏框架，所以Phaser在游戏功能方面…

最近有一款“合成大西瓜”的小游戏有点火，试玩了一下，玩法比较简单，实现难度也不大，所以参照游戏原型自己实现了一下，游戏开发主要使用了 Phaser 游戏框架，本文主要分享游戏功能的具体实现，对框架使用的 API 不会做过多介绍。 游戏的玩法在于合理控制下落的点避免空间的浪费，在…

本文作者：淘系前端团队-Eva.js作者-明非：在非游戏环境中将游戏的思维和游戏的机制进行整合运用，以引导用户互动和使用

PS:为了简单也可以用视频，但除非动画的播放场景固定，不然移动端视频在不同app、不同机型、不同系统的播放显示都不太一样，容易踩不少坑。 不管采用什么方式来制作动画，最终呈现到前端页面的无非三种形式：canvas、div、SVG。 一般情况下，随着屏幕大小的增大，canvas将…

首先回顾一下上期文章 从表情包来学canvas, 初步认识了canvas的基本用法，并且通过案例来实现了常见的2D图形类的写法。 本期进步深入canvas，认识canvas的绘图库，并且制作一款简易的lol走位小游戏(点击试玩)。如果你觉得碰撞单位有点丑，其实我是故意的，学会他…

在base目录下创建BaseView.ts文件，BaseView类继承自egret.DisplayObjectContainer，可以当成是一个view容器，主要是实现一些view（弹窗、页面等）里面经常需要用到的方法。 在base目录下创建BaseScene.ts文件，Bas…