Code an homage to Excitebike | Wireframe #66

Make your own side-scrolling racer in the vein of the NES classic Excitebike. Mark Vanstone has the code, straight from this month’s brand new edition of Wireframe magazine, out now.

Nintendo's original Excitebike - the basis for this month's Source Code.
Nintendo’s original hit is still wheely, wheely fun today (sorry)

Most early games started out as coin-ops, but in 1984, Nintendo first released Excitebike on the NES. Later that year, Nintendo ported Excitebike to arcades as it became one of its best-selling console games. The smooth, side-scrolling motorcycle racer laid the technical foundations for the way Super Mario later moved around his world.

Excitebike allows a player to race against three computer-controlled opponents along a track that has ramps to jump and debris to avoid. The player must try to keep the momentum of their bike going to get the best time. In this example, we’ll replicate the scrolling track, which moves faster as the player speeds up. We’ll add ramps to jump and bits of debris to avoid.

Using Pygame Zero and the time module for keeping track of our lap times, we need to set up our bike Actor that will stay in the same X coordinate position. The bike’s Y coordinate will change as the bike moves from lane to lane or jumps over ramps. We can set up our track data with a list of integers that will represent track blocks. To keep it simple, we’ll have 0 representing a plain track block, 1 for a jump block, and 2 for the start/finish line. We also have another list to show where the bits of debris need to be; the numbers represent the track lanes 1 to 4, with 0 being no debris.

An image of our motocross racing homage to Excitebike.
Our motocross racing homage to Excitebike

The draw() function is straightforward and just draws a background, then calls the drawTrack() function, draws the bike Actor, and then writes text to show us the lap timer and the last lap completion time. In the update() function, we need to capture the left and right keys to slow down and speed up the bike, and then calculate the track position based on the bike’s current speed. We can keep the track looping round by detecting when we’ve reached the end of the data, and then set the trackPos variable back to 0 and reset our lap time counter. We want to snap the bike to the four lanes of the track, but we also need to allow the player to move the bike from lane to lane, which we do by capturing the up and down keys in the on_key_down() function.

We can set the bike.direction to -1 or 1, and the update() function will move the bike up or down one lane. We can also make the bike look like it’s vibrating a little by alternating between two frames, depending on how fast the bike is going.

The drawTrack() function looks at our track list, starting from the block determined by the trackPos variable. Each block is 100 pixels wide, and we get the smooth scrolling effect by drawing the blocks at an offset based on the trackOffset variable that cycles between 99 and 0. This is the remainder when we divide the trackPos variable by 100. We then draw nine blocks across the screen, depending on our track and debris data.

The Python/Pygame Zero code behind our arcade racer.
Here’s Mark’s code for an Excitebike-style racing game. To get it running on your system, you’ll first need to install Pygame Zero. You’ll find full instructions here. The full code listing can be found at our Github

We also need to check if the bike has hit a ramp, and if so, the angle of the bike needs to start turning upwards, and the Y coordinate needs to follow the line of the ramp. Then, when the bike is at the top of the ramp, it needs to fall back onto the track. We tilt the angle of the bike forwards as it falls, and if the angle is too great when it hits the ground, the bike slows down and loses momentum. By judging the speed going into each ramp, the player can get better times on the lap. We also have the debris to test for – if the bike runs over a patch, we slow the bike down.

There it is, our very own Excitebike homage. The original game had AI rivals and different-sized ramps, but we’ll leave you to add those in.

Get your copy of Wireframe #66

You can read more features like this one in Wireframe issue 66, available directly from Raspberry Pi Press – we deliver worldwide.

The cover of Wireframe magazine issue #66, available now.
The brand new, arcade racer-themed edition of Wireframe, available now

And if you prefer your magazines in digital form, you can also download Wireframe issue 66 as a free PDF!

Print Friendly, PDF & Email

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Server Status

Aradippou Chat 1 Chat 2 Larnaca Limassol Nicosia

Chat Links

Official Links.

1. Chat 1.
2. Chat 2.

Alternative Mirror Links.

1. KiwiIRC 1.
2. KiwiIRC 2.

Other Web Clients.

1. IrcCloud.

Recent Posts

Related Posts:

Advertisement

Archives

Super Club Radio

Mighty Deals

CyIRC

CyIRC Tweets

Scroll Up
Fatal error: Uncaught WMAC\JSMin_UnterminatedStringException: WMAC\JSMin: Unterminated String at byte 1181: "+o.accessToken}}).then(e=>{if(!e.ok)throw e;return e});return a.catch(e=>{console.error(`Failed to logout chatrix session. deviceId: ${o.deviceId}`)}),a}})(); in /home/bszucbfe/public_html/wp-content/plugins/clearfy/components/minify-and-combine/includes/classes/ext/php/jsmin.php:215 Stack trace: #0 /home/bszucbfe/public_html/wp-content/plugins/clearfy/components/minify-and-combine/includes/classes/ext/php/jsmin.php(157): WMAC\JSMin->action(2) #1 /home/bszucbfe/public_html/wp-content/plugins/clearfy/components/minify-and-combine/includes/classes/ext/php/jsmin.php(96): WMAC\JSMin->min() #2 /home/bszucbfe/public_html/wp-content/plugins/clearfy/components/minify-and-combine/includes/classes/class-main.php(375): WMAC\JSMin::minify('(function(){"us...') #3 /home/bszucbfe/public_html/wp-includes/class-wp-hook.php(324): WMAC_PluginMain->jsSnippetcacher('(function(){"us...', '/home/bszucbfe/...') #4 /home/bszucbfe/public_h in /home/bszucbfe/public_html/wp-content/plugins/clearfy/components/minify-and-combine/includes/classes/ext/php/jsmin.php on line 215