Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

A new project added (Bomber Tank Game) #31

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
ReadMe file updated
  • Loading branch information
farshad-vgr committed Jul 12, 2023
commit 7a8ab0bd952bf09a8625df64b3b6c0d58f7e7bf3
2 changes: 1 addition & 1 deletion 13.bomber-tank-game/scripts/index.js
Original file line number Diff line number Diff line change
@@ -39,7 +39,7 @@ class Sound {
// Build objects from the Sound class with a proper sound source for different parts of the game
const backgroundSound = new Sound("static/sounds/bgSound.mp3", true);
const startSound = new Sound("static/sounds/start.mp3");
const enemiesSound = new Sound("static/sounds/invadersMove.mp3");
const enemiesSound = new Sound("static/sounds/enemyMove.mp3");
const shootSound = new Sound("static/sounds/shoot.mp3");
const explodeSound = new Sound("static/sounds/explode.mp3");
const winSound = new Sound("static/sounds/win.mp3");
18 changes: 16 additions & 2 deletions readme.md
Original file line number Diff line number Diff line change
@@ -18,7 +18,7 @@ We hope you find these practical front-end projects helpful and enjoyable as you

### Projects

There are 10 developed projects that you can review now.
There are 13 developed projects that you can review now.
- [Custom Video Player](#custom-video-player)
- [Lovely Movies](#lovely-movies)
- [Note App](#note-app)
@@ -30,6 +30,7 @@ There are 10 developed projects that you can review now.
- [Split Screen](#split-screen)
- [Escape Loading Animation](#escape-loading-animation---css)
- [Image Slider 3D](#image-slider-3d)
- [Bomber Tank Game](#bomber-tank-game)

### Custom Video Player

@@ -172,7 +173,20 @@ It is an image slider with 3D animation that changes slides automatically based
- CSS
- Keyframe animation with 3D effect
- Making dynamic animation keyframe
- Handling dynamic animation timing
- Handling dynamic animation timing

### Bomber Tank Game

It is a 2D game with animations and sound effects. Users can select a level to start the game.

**[Online Demo](https://behnamazimi.github.io/simple-web-projects/bomber-tank-game/)**

**Special topics covered:**

- Working with array methods and the spread operator
- DOM manipulation to show animations effect
- Playing a sound effect when a button was pressed
- Responsive gameboard by the mediaqueries

## Running Locally