Giter Site home page Giter Site logo

livramatheus / thunder-fox-arena Goto Github PK

View Code? Open in Web Editor NEW
4.0 4.0 0.0 28.75 MB

Thunder Fox Arena is a 1 vs 1 reimagination made in JavaScript of the original 1991 game released for Sega Mega Drive.

Home Page: https://livramatheus.github.io/thunder-fox-arena

JavaScript 93.07% HTML 2.59% CSS 4.34%
game javascript

thunder-fox-arena's Introduction

banner

Hello there, I'm Matheus do Livramento

โš ๏ธ Away from studies since October 2023, I had to shift focus. I'll be back soon.
  • ๐Ÿฆ Expert in back-end software engineering

  • ๐ŸŒฑ Iโ€™m currently improving my Node.js skills and learning TypeScript

  • ๐Ÿ‘จโ€๐Ÿ’ป You can find more info about me and my projects on www.livramento.dev

  • โœ‰๏ธ You can contact me through Email and LinkedIn



Languages and Tools:

livramatheus

thunder-fox-arena's People

Contributors

livramatheus avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

thunder-fox-arena's Issues

Fix knockback issue on attack

On attack function, under Fighter.js, when using Attack.knockBack as a parameter for Victim.knockBack, there is a unexpected behaviour.

Standardize Scenes class functions

Function Description
animate Function constantly called by index.js class. Should contain instructions that need to be executed before it is painted.
manageKeys Adds event listeners to keys
removeKeys Removes event listeners from keys
shutDown A function that contains code that needs to be executed when current scene should stop being rendered and the next scene should be loaded

Create game's "First Screen"

  • First Screen containing a "Click to Play" button.
  • After clicking, a animation with background music start playing, just like the original game.
  • At the end of the animation, a "Press Space" should continuously flash.
  • When "Space" is pressed, the user will be redirected to the game's main screen.

Major Fight/Fighter code overhaul

Currently, information regarding damage, attack and other Fighter functions are being inplemented on Fight class. This should be implemented on Fighter class, since every fighter will have its own individual attributes.
Reminders:

  • When creating a new fighter, its attacks need to be registered individually as its own object, containing "knockback", "damage", "attack box" and so on.

Develop all stage's music and thumbnails

Push into the game all stages, stage's music and thumbnails:

Stage Name Character Music File
Barriers Thunder music_03.mp3
Hangar Gyro-Man music_04.mp3
Carrier Gonza music_05.mp3
Mining Site Fox music_06.mp3
Cold Fields Eider music_07.mp3
Control Room Grasan music_09.mp3
Ginarza's HQ Ginarza music_10.mp3

Prevent that both players select the same character

Since I will not develop alternative color palettes, block the selection of the same character if the first player already selected it.
Also, currently, if both players select the same character, there is an unexpected behavior in the game.

Load Fighters and Stage assets during scene transitions

In order to decrease the first loading time, load only necessary data there, then, when both characters get selected on Fighter Select Scene, start to load their assets. Then, before the fight starts, load assets related to the stage.

Attackbox Overhaul

  • Remove references to the old Attackbox code
  • Remove old Attackbox painting on Debug Mode
  • Create Attackbox painting on Attack class, showing each box as a different color (Debug Mode only)
  • Refactor damage detection by using the new Attackbox

Create "Character Select Scene"

A list of character's names are shown in the middle vertically, and an arrow from each side marks wich caracter each player is selecting. More to the horizontal edges of the screen, idle animation of the character is shown while selecting. Also, every time that a cursor changes line, a sound should be played, and, another sound should be played when a fighter is selected. Character/Stage select music should be played during the entire time.

Push into the game all stage's music and thumbnails

Push into the game all stage's music and thumbnails:

Stage Name Character Music File
- - -
- - -
- - -
- - -
Barriers - Thunder's Stage
Hangar - Gyro-Man Stage
Carrier - Gonza's Stage
Mining Site - Fox's Stage
Control Room - Grasan's Stage
Ginarza's HQ - Ginarza's Stage
Eider's Hut - Eider's Stage

Create main menu scene

  • This scene is reached after leaving "Press Start" scene
  • This scene contains three options:
  1. Arcade (Currently Locked)
  2. Local Versus
  3. Online Versus (Currently Locked)
  4. How To Play (Leads to scene to be developed on #69)

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.