这里我们直接把canvas的上下文ctx存在data里面，方便在各个方法里面读取。

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

第一次开发小游戏，用的是Hilo框架。由于项目开发时间比较紧张，对游戏和CANVAS都没有了解过。代码虽然写的很烂，但是还是记录下踩过的坑吧！本文为碎碎念模式，并不深入，写错的地方希望多多指点。 游戏是微信内的一款横屏游戏。如果强制横屏，提示用户去控制横竖屏开关并不友好。 解决…

阿里自主研发的互动游戏引擎 Hilo 开源啦

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

PixiJs-它是一个非常快的`2D sprite渲染引擎`。渲染引擎就说明它负责关于渲染的一切功能，可以帮助我们显示、动画和管理交互图形，一起来探索它的魅力吧。

PixiJS是一个轻量级的2D渲染引擎，它能自动侦测使用WebGL还是Canvas来创建图形。这个库经常被用来制作HTML5游戏以及有复杂交互的H5活动页。 页面上就出现了一个300*300的蓝色矩形，矩形是由pixi.js创建的canvas渲染的。 Application是p…

偶然接触到CSS的3D属性, 就萌生了一种做3D游戏的想法. 今天我就来带大家玩一个从未有过的全新3D体验. CSS的3D属性很少,即使只有沙盒, 也有「我的世界」这种神作...