https://github.com/tsaikoga/flappy_bird_demo
Use jquery and css3 to create flappy bird game
https://github.com/tsaikoga/flappy_bird_demo
css3 jquery
Last synced: 6 days ago
JSON representation
Use jquery and css3 to create flappy bird game
- Host: GitHub
- URL: https://github.com/tsaikoga/flappy_bird_demo
- Owner: TsaiKoga
- Created: 2016-10-16T02:58:00.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2016-10-16T03:42:57.000Z (over 8 years ago)
- Last Synced: 2024-12-23T23:30:02.646Z (about 2 months ago)
- Topics: css3, jquery
- Language: JavaScript
- Homepage: https://tsaikoga.github.io/flappy_bird_demo/
- Size: 49.8 KB
- Stars: 1
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Flappy Bird Demo
Use jquery and css3 to create flappy bird game
--------------------
### Principle：
The bird is flapping in the same position on horizontal line, flapping up and down on vertical line.
And Each time interval the game will generate new pipe and move it from right to left, and then remove the first pipe.
The bird flaps up and check if it hit the pipe when you click.
If the bird hit the pipe or fall down to the ground, game over...
### essential
#### css3
Use keyframs to define the bird's animation.
#### jquery
Use step([n, end]).animate(styles, speed, linear, callback) to make the bird and pipe move.
------------
Click Here to [Play this game](https://tsaikoga.github.io/flappy_bird_demo/)