摘要： (2). 通过方向键控制移动，按下空格射出子弹。 首先需要有一个全局函数，能够监听用户的按键值，其实就是onmousedown啦。 // 全局监听按键触发对应操作 document.onkeydown = (e) => { const target = Number(e.which) switch 阅读全文

摘要： 我们通过canvasRole.getContext('2d')得到了个啥？官方说法是一个canvas上下文，实际看成一个canvas对象就行，拥有着众多属性，当然这不是一个普通对像。。。 在前文中，我们借助requestAnimationFrame函数，实现了众多圆球随机跳动的效果。其中所涉及到的知 阅读全文

摘要： 下面，我们一步步的来实现上述的七点需求。 (1): 游戏的开始，我们需要一个函数initCanvas 来初始化游戏世界。具体包括，获取画布，创建并显示人物。代码如下： // 初始化游戏世界 const initCanvas = () => { const canvasRole: any = docu 阅读全文

摘要： 以前一直没太关注过浏览器的渲染机制，因为在日常开发中，你完成功能就行了，管什么浏览器渲染呢？但是吧，对于那些想要进阶自己、知晓前端一切的新时代农民工而言，这东西还是有必要了解一下的。 之前的理解很简单，浏览器怎么渲染的？前端获取到后端返回的资源，根据html代码生成dom数，根据css代码生成样式数 阅读全文