• To swing the bat, click the left mouse button.
• Ideally, you want to swing under the ball a bit to get a higher launch angle.
• Making connection with the sweet spot of the bat, which is the center of the bat aimer, will yield the most power.
• The further away contact is made horizontally from the sweet spot, the less power the hit will have behind it.
• The timing of your swing determines hit direction.

Clicking the right mouse button while the ball is in play will fast forward to the next pitch. This can speed up a round dramatically. If you fast forward before the ball has been counted as a HR, it's counted as an out. Balls are counted as home runs as soon as they contact something over the wall.

The person playing is 100% responsible for the resulting hit. Nothing is predetermined. Hits are completely based on user input. If a 450+ ft. monster HR is hit, you will feel like you hit it because your hand–eye coordination and reflexes made it happen!

• realistic physics (based on air density, elevation..)
• detailed hit metrics (based on actual scaled values)
• day to night transition
• online leaderboard
• leveling system
• live big screen
• HR flight paths displayed after each round

The leaderboard refreshes automatically when needed. It's programmed to detect when the information on your screen is different from the information in the database and updates it. All HR distances are projected distances ( not impact distances ). Stats are recorded and processed after each round.

Round stats are at the lower right part of the screen. Detailed hit metrics are on the lower left part of the screen. These are self explanatory.

The game is still a WIP.

HRD is a physics driven home run derby game created with PhysiJS, ThreeJS, PHP, HTML and Javascript.

I focused on emulating the real physics of baseball. The Magnus effect is a big part of that. The Magnus effect is the commonly observed effect in which a spinning ball (or cylinder) curves away from its principal flight path. You will see that clearly in the hit trajectories. Balls will tail in a realistic manner based on factors like swing power, bat angle at point of impact, and the arc of the hit.

PhysiJS by itself was not robust enough to create the level of physics in HRD. How the ball tails in the air and how it rolls on grass and other surfaces are routines programmed by myself using JavaScript.

All JavaScript, PHP, GLSL, and HTML by MFZ

ThreeJS originally developed by Ricardo Cabello AKA Mr. Doob

PhysiJS developed by chandlerprall

HowlerJS developed by James Simpson AKA goldfire

Fireworks developed by Lallassu

Pool water in centerfield ported by me using this ThreeJS example.