GithubHelp home page GithubHelp logo

fc-bee's Introduction

FC 小蜜蜂 临摹

使用 Phaserjs3 + TS 重构 FC 小蜜蜂

参考 - H5 游戏开发:FC 小蜜蜂

启动

npm start

截图

开发步骤

先列出大纲,详细文章正在整理中...,择日更新

初始化画布

初始化四个场景

建立四个场景: 开始、游戏、失败、成功

开始场景

图片与文本定位的差别

背景滚动

资源加载

进度条

点击事件

转转到游戏场景

游戏场景

初始化小蜜蜂

分三组

蜜蜂飞舞动画 整体移动动画

初始化飞机

飞机移动

子弹发射逻辑处理

碰撞逻辑处理

爆炸动画

加分与生命值

成功与失败转场

失败、成功场景

成功场景显示所得分数

场景之前传参

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.