Skip to content

a 2d game using html and vanilla js i was following a tutorial dont judge

License

Notifications You must be signed in to change notification settings

Ali-Cheikh/Fight-ME-Monk

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Fighting Game with JavaScript and HTML Canvas

Fighting game using JavaScript and HTML canvas! In this project, Most basic fighting game mechanics along with incorporating professional sprite sheets and graphics.

Description

Creating a fighting game is an exciting endeavor that allows you to unleash your creativity and programming skills. By leveraging the power of JavaScript and HTML canvas, you'll be able to bring your game to life in the browser, making it accessible to a wide audience.

Features

  • Basic Fighting Mechanics: Implement basic fighting game mechanics such as player movement, attacks, and collisions.
  • HTML Canvas: Utilize HTML canvas to render the game graphics and animations.
  • Sprite Sheets: Incorporate professional sprite sheets to animate characters and actions.
  • Player Controls: Implement player controls for movement, blocking, and attacking.
  • Scoring System: Implement a scoring system to track player performance and progress.

Technologies Used

HTML5 JavaScript itch.io Assets

Getting Started

To get started with creating your fighting game, follow these steps:

  1. Set up your development environment with a text editor and web browser.
  2. Create the HTML file to structure your game layout and canvas element.
  3. Write JavaScript code to implement game mechanics, player controls, and interactions.
  4. Incorporate sprite sheets and graphics to enhance the visual appeal of your game.
  5. Test your game thoroughly to ensure smooth gameplay and functionality.
  6. Fine-tune and iterate on your game to improve performance and user experience.

Resources

2d browser fight game by unexpected14

  • Game exe: The Application/game made after the Web-game download

  • Sprite Sheets: Find professional sprite sheets online or create your own using graphic design software.

  • Game Development Libraries: Explore game development libraries and frameworks such as Phaser.js or PixiJS for additional features and capabilities.

image resources

Examples

Check out these inspiring examples of fighting games created with JavaScript and HTML canvas for inspiration:

Let the battle begin!


© 2024 [Ali Cheikh]. All rights reserved.

About

a 2d game using html and vanilla js i was following a tutorial dont judge

Resources

License

Stars

Watchers

Forks

Packages

No packages published