本文会讲解如何使用框架实现一个，一镜到底动画。 使用 "pixi.js": "^5.3.7"、"gsap": "^3.6.0"、"alloytouch": "^0.3.0" 这三个框架。 Pixi 是一个超快的2D渲染引擎。 我们这里主要使用它来管理，动画中要在界面上展示的图片…

本篇为飞机大战的结尾，包含内容：敌机发射子弹、飞机、敌机爆炸效果、积分、结束后重新开始场景、添加奖牌机制、添加音效。 敌机发射子弹的逻辑和我方飞机发射子弹的逻辑基本相同，我们首先还是要创建一个敌机的子弹组，在敌机需要子弹的时候在组里取。 这个场景基本和开始场景一致，多一个展示积…

本篇包含游戏场景的部分逻辑，包括使用对象池重新处理子弹生成逻辑，敌机生成逻辑，敌机与子弹的碰撞检测逻辑。 在上篇中，我们每过500ms都重新生成一个子弹，并且没有对已超出画布的子弹进行清空处理，短时间内看不出来什么问题，但运行久了，子弹较多的时候，会产生明显的卡顿。 我们把th…

本篇包含游戏场景的部分逻辑，包括飞机拖拽，边界检测，发射子弹，敌机碰撞检测。 3.添加飞机及背景，设置背景循环滚动，视觉上产生飞机向前飞行的感觉。 现在飞机在顶部飞行，我们需要在游戏开始后让它自动飞行到底部。 我们发现上面虽然可以拖拽了，但是飞机会拖拽出我们的画面，这里我们处理…