Giter Site home page Giter Site logo

flappy-bird's Introduction

Hi there 👋

  • 💻 I'm a frontend developer, trying to use typescript build everything
  • 🔭 I’m currently seeking a job
  • 🌱 I’m currently learning to build 3D app

flappy-bird's People

Contributors

kaygnas avatar

Watchers

 avatar

flappy-bird's Issues

项目规划

规划

程序设计

  1. 类图设计
    • 相关的类
    • 类之间的关系
  2. 实现设计
    • 实现方式
      - canvas渲染
    • 关键实现
      - 浏览器 API requestAnimationFrame()

项目初始化

vite + ts

设计验证

  1. 简单实现各模块
    • 忽略图形,用简单的正方形代替
  2. 单独验证每个模块能否正常工作
    • 用键盘进行交互控制
  3. 组合各个模块

设计实施

设计验证通过后进一步打磨,包括:

  1. 将正方形替换为对应的图片
  2. 添加启动界面
  3. 添加分数统计
  4. 性能优化
  5. PC 和 Mobile 端的适应

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.