Jump to content

Flatworld Racers — Free 3D Racing Game Made by a 14-Year-Old (HTML & JS)


Daarshyan 2
 Share

Recommended Posts

Hello, everyone 👋🗿❤️❤️🥹🥹
I'm releasing Flatworld Racers, a spin off game to Roadster Duo GP

About the game 🎮:

Welcome to Flatworld Racers, a 3D arcade racing adventure built around the excitement of racing, the creativity of car tuning, and the thrill of taking your vehicle to the limit!

Hit the accelerator, race through huge circuits, launch off ramps, customise your ride, and create a car that represents your own style. From block-style vehicles and wide racing roads to colourful custom builds and competitive races, Flatworld Racers brings its own personality to the arcade racing experience.

Whether you love modified cars, street-racing culture, high-speed competition, or building your dream vehicle, there is a lot to explore.

Your car. Your style. Your race.


🧬 1. THE STORY BEHIND FLATWORLD RACERS

From Roadster Duo GP to a Bigger Racing World

Every racing game starts with an idea.

Roadster Duo GP is the original 2D racing game behind the Flatworld Racers spin-off. Created with HTML and JavaScript, Roadster Duo GP represents the beginning of this game-development journey.

Flatworld Racers takes that racing inspiration in a new direction: a 3D arcade experience featuring larger circuits, block-style cars, ramps, airborne action, and vehicle customisation.

The two games are connected by their racing spirit, while Flatworld Racers explores a different visual style and a larger driving experience.

What makes Flatworld Racers different?

  • A 3D racing experience: Explore a world designed around three-dimensional cars and tracks.

  • Block-style vehicles: Cars have chunky, angular shapes that give the game its distinctive identity.

  • Large circuits: Race around flowing layouts with roomier roads and sweeping corners.

  • Airborne action: Find ramps and experience jumps during races.

  • Vehicle tuning: Experiment with paint, wheels, lights, spoilers, body kits, and other visual details.

  • Creative customisation: Use the drawing pad and supported PNG importing to personalise your car.

Flatworld Racers is not simply about reaching the finish line. It is about creating a racing experience that combines driving, tuning, and creativity.


🔥 2. INSPIRED BY FAST & FURIOUS

Racing Culture. Modified Cars. Personal Style.

The Fast & Furious film franchise is a major inspiration for the racing and tuning identity of Flatworld Racers.

What makes this inspiration special is not just the speed or the action. It is the car culture: modified vehicles, distinctive paint jobs, custom wheels, performance-inspired styling, competitive racing, and the pride that comes with building a car of your own.

🏁 The thrill of racing

Competitive racing is at the heart of the experience. Overtake opponents, learn each circuit, control your steering, and aim to finish in the highest possible position.

🔧 The creativity of tuning

Car tuning allows drivers to turn an ordinary-looking vehicle into something personal. Different body styles, spoilers, wheels, lights, and body kits can give the same basic car a completely different personality.

🎨 A car that represents you

Some drivers prefer a clean, understated build. Others want bright colours, bold body kits, dramatic spoilers, and racing-inspired details.

Flatworld Racers celebrates that freedom of expression through its customisation options.

🤝 The spirit of competition

Racing is also about learning, improving, and challenging yourself. Whether you are competing against AI opponents or exploring multiplayer options, every race is an opportunity to develop your driving skills.

Fast cars. Custom builds. Competitive racing. That is the spirit that inspires Flatworld Racers.

Flatworld Racers is an independent fan-made project inspired by the racing and tuning culture associated with Fast & Furious. It is not an official Fast & Furious game.


🧱 3. THE SIGNATURE BLOCK-CAR STYLE

Chunky Shapes. Bold Colours. A Distinctive Identity.

One of the defining features of Flatworld Racers is its block-style car design.

Rather than aiming for completely realistic vehicle shapes, the game embraces a stylised appearance with rectangular bodywork, angular surfaces, simple lighting details, and chunky wheels.

This gives the cars a recognisable look and helps establish a consistent visual identity across the racing world.

Why block-style cars?

A unique appearance: The cars stand out from the conventional realistic vehicles seen in many racing games.

A consistent visual style: The same blocky design language can be used across different car colours and body styles.

Room for creativity: Customisation becomes a way to create different-looking vehicles while keeping the game's core appearance consistent.

A recognisable racing world: From the player's vehicle to the rival cars, a shared visual style helps make Flatworld Racers feel like its own game.

The goal is simple: every car should feel like it belongs in Flatworld Racers.


🌆 4. EXPLORE FIVE UNIQUE RACING CIRCUITS

Flatworld Racers features five themed circuits designed to provide variety in the racing experience.

Each track has its own atmosphere, while the overall driving experience focuses on larger layouts, wide roads, flowing bends, and exciting ramp sections.

Track 1 — Green Meadow 🌿

The starting point of your racing journey.

Green Meadow introduces players to the basics of racing. Learn the controls, get comfortable with steering, and begin developing your racing technique.

It is the first step toward exploring the wider Flatworld Racers experience.

Focus: Learning the controls, navigating the circuit, and beginning your progression.

Track 2 — Sunset Sprint 🌅

Keep your speed under control.

Sunset Sprint brings a warm, sunset-inspired atmosphere to the racing experience. Concentrate on steering smoothly, maintaining control, and finding a comfortable racing line.

Focus: Building confidence and improving cornering technique.

Track 3 — Skyline City 🌃

Take your racing into an urban atmosphere.

Skyline City brings a city-inspired setting to the game. Its theme adds variety to the world as you continue racing against your rivals.

Focus: Maintaining control, following checkpoints, and completing the course.

Track 4 — Coastal Rush 🌊

Enjoy a coastal-inspired racing environment.

Coastal Rush adds a different visual atmosphere, giving players another environment to explore as they work through the available circuits.

Focus: Smooth steering, controlled acceleration, and consistent racing.

Track 5 — Neon Grand Prix 🌌

Bring your racing adventure to a dramatic finish.

Neon Grand Prix introduces a night-racing-inspired theme to the five-track lineup. It adds another visual identity to the game and gives players a different atmosphere to enjoy.

Focus: Putting your driving skills together and aiming for a strong finish.

🛣️ Big Tracks and Smooth Corners

A key design goal for Flatworld Racers is making the tracks feel large and comfortable to drive.

The circuits are designed around flowing layouts, longer stretches of road, and wider corners instead of excessively tight turns. This gives drivers more space to steer and helps make the racing experience feel less cramped.

The game also incorporates ramps and trackside features to add variety to the circuits.

The aim is to create tracks that feel exciting without making every corner a struggle.


🚘 5. YOUR CAR, YOUR CHOICE

Discover the Garage

The garage is where you can explore your vehicle's appearance before taking it onto the track.

Flatworld Racers includes a range of visual customisation options, letting you experiment with colours, body styles, wheels, lighting, spoilers, and body kits.

The available options depend on your current unlock progress.

🎨 Paint Colours

Choose a body colour that suits your style.

You can experiment with bright colours, darker tones, contrasting details, or coordinated colour combinations. The goal is to make your car stand out in a way that feels personal to you.

🚗 Body Styles

The game includes sports car, rally, and classic body-style options.

Additional vehicle choices include:

  • Aeroback

  • MPV

  • SUV

These options let you explore different vehicle appearances while retaining the game's signature block-style design.

🏍️ Motorcycle Option

The motorcycle is one of the additional vehicle choices associated with the first-race unlock progression.

Winning the first Green Meadow race in first place unlocks the additional vehicle choices described in the game's progression system.

🛞 Wheel Colours and Rim Styles

Customise the appearance of your wheels by choosing a colour and selecting an available rim style.

The rim styles include:

  • Sport: A sporty visual direction.

  • Disc: A clean, disc-style appearance.

  • Rally: A rally-inspired look.

Wheel choices can help complete the appearance of your car and coordinate with its paint and body kit.

💡 Front and Rear Lights

Choose available front-light and rear-light colours to personalise your vehicle's appearance.

Lighting customisation lets you create contrasting or coordinated colour combinations that suit your overall design.

🏁 Spoilers

Explore different spoiler options to give your vehicle a more distinctive silhouette.

Available spoiler styles include:

  • Race wing

  • Wide GT wing

  • Low ducktail

  • Tall track wing

  • No spoiler

You can also customise the spoiler colour to complement the rest of the vehicle.

🧰 Front Bumpers and Side Skirts

Body kits add another layer of visual customisation.

Available kit sets include:

  • Stock

  • Street Kit

  • Aero Kit

  • Rally Kit

  • GT Kit

  • Neon Kit

These sets let you experiment with different styling directions, from a more standard appearance to a bold, track-inspired look.

Some body-kit options begin locked and become available as you progress through races.

🔄 Inspect Your Vehicle

The garage includes a 360-degree car preview. Drag the preview to rotate the car and inspect it from different angles, or use automatic rotation to view the vehicle continuously.

This helps you examine your design before returning to the track.

Build your look. Check every angle. Take your creation racing.

Visual customisation options change the appearance of the car; performance changes from individual cosmetic parts should not be assumed unless implemented in the game.


🎨 6. DRAW YOUR OWN CAR DESIGN

Bring Your Ideas Into the Game

Flatworld Racers goes beyond preset colours with a drawing pad that lets you experiment with your own artwork.

Use it to create logos, patterns, racing numbers, symbols, or decorative graphics for your vehicle.

Drawing tools

The drawing pad includes tools such as:

  • A selectable pen colour

  • Adjustable pen size

  • An eraser

  • A clear-drawing option

  • PNG image importing

  • An option to apply your finished design to the car

Import PNG artwork

The supported PNG import feature lets you bring an image into the drawing workflow.

For example, you might prepare a racing number, a decorative stripe, or a logo-style graphic and use it as part of your design.

Transparent PNG artwork can be useful when you want a graphic without a solid rectangular background.

Apply your design

Once your design is ready, you can apply it to the car. The current customisation workflow supports displaying the applied design on the hood and both sides.

This gives you a way to create a more personal racing identity.

Draw it. Import it. Customise it. Race with it.


🚀 7. RAMPS, JUMPS, AND AIRBORNE ACTION

Racing Beyond the Road

Flatworld Racers includes ramps that bring an arcade-style stunt element into the racing experience.

As you follow the circuit, look for ramp sections and experience the excitement of taking your car into the air.

Tips for handling ramps

Approach with control. Keep your vehicle steady as you approach a ramp.

Watch your steering. Avoid sudden direction changes just before reaching the ramp.

Prepare for landing. Think ahead about the direction of the road after the jump.

Recover smoothly. Once your car lands, make gradual steering adjustments to get back into a comfortable racing line.

The ramps add another dimension to the racing experience and help distinguish Flatworld Racers from a simple road-only circuit.

The current game includes ramp-related driving and airborne effects. More advanced features, such as a dedicated trick-scoring system, should only be advertised if they are implemented.


🏁 8. HOW TO PLAY

Start Your Engine

Getting started in Flatworld Racers is straightforward.

Step 1 — Choose your track

Select an available circuit and prepare for the race.

Step 2 — Customise your car

Visit the garage to experiment with paint colours, wheels, lights, spoilers, body kits, and supported artwork options.

Step 3 — Select your difficulty

Choose the AI difficulty that suits your experience:

  • Rookie: Easy difficulty.

  • Pro: Normal difficulty.

  • Champion: Hard difficulty.

Step 4 — Start the race

Get ready for the countdown and accelerate when the race begins.

Step 5 — Navigate the circuit

Steer through corners, follow the route, and pass the checkpoints in sequence.

Step 6 — Compete against your rivals

Use your driving skills to maintain control, overtake opponents, and work toward a strong finishing position.

Step 7 — Reach the finish line

Complete the circuit and check your final result.

Step 8 — Continue progressing

Complete races to work toward additional vehicle and body-kit customisation options.

Every race is another opportunity to learn the track, refine your driving, and develop your own racing style.


🏆 9. PROGRESSION AND UNLOCKABLE REWARDS

Earn New Customisation Options

Progression gives players something to work toward beyond simply completing a race.

The game includes unlockable vehicle choices and body-kit options tied to race progression.

First Green Meadow victory

Winning the first Green Meadow race in first place unlocks additional vehicle choices, including:

  • Motorcycle

  • Aeroback

  • MPV

  • SUV

Body-kit progression

Completing races also unlocks additional visual body-kit options.

These include Street, Aero, Rally, GT, and Neon kits, allowing you to expand your customisation choices as you progress.

Local progress

Vehicle and body-kit unlock progress is saved locally in the browser, allowing it to persist on the same device and browser profile.

Local progress may not automatically transfer to a different browser, device, or cleared browser profile.

Race, unlock, customise, and keep building your collection.


⚡ 10. DRIVING CONTROLS

Learn the Controls and Master the Circuit

The controls are designed to let players manage acceleration, braking, steering, boosts, and camera views.

PC Keyboard

Action Control
Accelerate W or Up Arrow
Brake / Reverse S or Down Arrow
Steer left A or Left Arrow
Steer right D or Right Arrow
Nitro boost Shift
Handbrake Space
Drift C
Change camera V
Return to menu Esc

Acceleration

Use W or the Up Arrow to accelerate and build speed along the circuit.

Braking and reversing

Use S or the Down Arrow to slow down or reverse as supported by the vehicle controls.

Steering

Use A or the Left Arrow to steer left. Use D or the Right Arrow to steer right.

Smooth steering is especially useful when navigating sweeping corners.

Nitro boost

Use Shift to activate nitro. Boost can add excitement to the racing experience, so consider when you want to use it.

Handbrake and drifting

Space activates the handbrake, while C is the drift control. Experiment with these controls to learn how the car responds.

Camera switching

Press V to switch camera views and choose a perspective that helps you judge the road ahead.

Mobile Controls

The mobile interface provides on-screen driving controls, including:

  • Left steering

  • Right steering

  • Acceleration

  • Braking and reversing

  • Drift

  • Nitro boost

  • Camera switching

Use the touch controls to steer and accelerate while keeping an eye on the upcoming road.

The game includes mobile-oriented interface styling, but performance and comfort can vary across devices and browsers.


👥 11. RACE AGAINST AI OR PLAY WITH OTHERS

Different Ways to Race

Flatworld Racers includes offline AI racing, local two-player control mappings, and online room options.

🤖 AI Racing

Race against computer-controlled opponents without needing to join an online room.

The standard race setup includes four AI rivals, giving you competitors to challenge as you navigate the circuit.

You can also select from the available Rookie, Pro, and Champion difficulty settings.

 

🌐 Online Multiplayer

The game includes options for hosting or joining an online room using a room code.

The general process is:

  1. Select the online hosting or joining option.

  2. Create or enter the room code.

  3. Share the code with the other player.

  4. Connect using a compatible browser and an internet connection.

Online connectivity relies on the game's multiplayer implementation and the external PeerJS signalling service. Successful connections can depend on service availability, browser compatibility, and network conditions.

Important: The presence of multiplayer options does not guarantee that every online connection will work under every network condition.


📊 12. THE RACE HUD

Keep Track of the Action

The on-screen racing interface helps players follow the race and understand their current progress.

Speed display

Monitor your current speed, shown in kilometres per hour in the current interface.

Race position

Check your current position relative to the other racers.

Race timer

Track elapsed time during your run around the circuit.

Nitro meter

Monitor your available nitro level before activating a boost.

Checkpoint progress

Follow the checkpoint indicator as you move through the course.

Circuit progress

Use the progress display to see how far you have travelled toward completing the lap.

Results

After finishing, review your finishing position and elapsed race time, along with any rewards or unlocks presented by the game.

These displays help you understand the race without taking your attention away from the road for too long.


📱 13. PLAY ON PC

A Browser-Based Racing Experience

Flatworld Racers is built using browser technologies, including HTML and JavaScript, with a 3D game environment.

On PC

Use the keyboard to accelerate, brake, steer, drift, activate nitro, and switch camera views.

A larger display can make it easier to see the upcoming corners and the surrounding track.

Performance tips

For a smoother experience:

  • Close unnecessary browser tabs.

  • Allow the game to finish loading before starting a race.

  • Keep your browser updated.

  • Avoid running too many demanding applications at once.

  • Use a device that can comfortably handle browser-based 3D graphics.

Performance varies with the device, browser, graphics capabilities, and available memory.


💡 14. RACING TIPS FOR BEGINNERS

Improve Your Driving One Race at a Time

1. Look ahead

Pay attention to the upcoming road rather than reacting only when a corner is right in front of you.

2. Steer smoothly

Gradual steering adjustments help you navigate corners without making unnecessary movements.

3. Use the road

Wide circuits provide room to adjust your driving line. Take advantage of that space instead of making abrupt turns.

4. Learn the checkpoints

Follow the checkpoint order and use the progress display to understand where you are on the course.

5. Use nitro thoughtfully

Experiment with when to activate nitro and how your car responds to the extra acceleration.

6. Practice ramps

Approach ramps with controlled steering and prepare for the direction of the road after landing.

7. Try different difficulty settings

Start with Rookie if you are learning the game, then explore Pro and Champion when you want a greater challenge.

8. Experiment in the garage

Try different paint, wheel, spoiler, and body-kit combinations to find a design you enjoy.

9. Keep practising

Learning a circuit takes time. Each attempt can help you become more familiar with its layout and improve your control.


🛠️ 15. FLATWORLD RACERS FEATURE GUIDE

Here is a quick overview of the main features described in the current game.

Category Features
Racing Five themed circuits and AI opponents
Track design Large layouts, flowing corners, ramps, and checkpoints
Difficulty Rookie, Pro, and Champion
Vehicles Multiple body styles and additional unlockable vehicle choices
Wheels Custom colours and Sport, Disc, and Rally rim styles
Bodywork Spoilers, front bumpers, side skirts, and body kits
Lighting Front-light and rear-light colour options
Creativity Drawing pad and PNG image importing
Garage Rotatable 360-degree vehicle preview
Driving Acceleration, braking, steering, nitro, handbrake, and drift controls
Cameras Switchable driving views
Multiplayer options AI racing, local two-player mappings, and online room options
Compatibility Browser-based play with PC keyboard and mobile touch controls
Progression Race-related vehicle and body-kit unlocks

The exact options available to each player depend on their current unlock progress and the mode being played.


🌟 16. THE VISION FOR FLATWORLD RACERS

Flatworld Racers brings together three ideas:

Racing: The challenge of learning circuits, managing speed, and competing against rivals.

Tuning: The satisfaction of creating a vehicle with a distinctive appearance.

Creativity: The freedom to experiment with colours, bodywork, and custom artwork.

Together, these ideas create a racing project with its own visual identity and a clear connection to the car culture that inspired it.

Possible future directions could include additional cars, more customisation options, new circuit themes, improved stunt mechanics, and further refinements to PC and mobile gameplay. These are ideas for future development, not claims that those features already exist.


❓ 17. FREQUENTLY ASKED QUESTIONS

What is Flatworld Racers?

Flatworld Racers is a browser-based 3D arcade racing game and a spin-off of Roadster Duo GP.

What inspired the game?

The game takes inspiration from the racing and tuning culture associated with the Fast & Furious films.

Why are the cars block-shaped?

The chunky, angular vehicles give Flatworld Racers a distinctive visual style that separates it from more realistic-looking racing games.

How many tracks are included?

The current game features five themed racing circuits: Green Meadow, Sunset Sprint, Skyline City, Coastal Rush, and Neon Grand Prix.

Can I customise my car?

Yes. The game includes options for paint, wheel colours, rim styles, lights, spoilers, bodywork, and other visual customisation.

Can I draw my own designs?

The game includes a drawing pad and PNG importing, allowing you to create and apply supported artwork to your car.

Can I play on mobile?

The game includes mobile-oriented touch controls. Performance depends on your device and browser.

Does the game include multiplayer?

The game provides AI racing, local two-player control mappings, and online room options. Online play depends on successful network connections and the availability of the external services it uses.

Is Flatworld Racers an official Fast & Furious game?

No. It is an independent fan-made project inspired by the franchise's racing and tuning culture.


🏁 THE FINISH LINE IS ONLY THE BEGINNING

Flatworld Racers is about more than winning a race.

It is about discovering your favourite circuit, learning how to handle your car, creating a custom build, and enjoying the thrill of arcade racing.

From the original 2D roots of Roadster Duo GP to the larger 3D world of Flatworld Racers, the journey continues through racing, tuning, and creativity.

Choose your car. Customise your style. Master the corners. Take on the ramps. Chase the finish line.

Ifyou guys want to play it, here's the link: https://moonlit-wisp-b49c0f.netlify.app/

DRIVE BIG. RACE FAST. FLY HIGH! 🏎️🔥🏁

 

Edited by Daarshyan 2
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...