JVDesignStudio , JavaScript Workshop

Build a
Sci-Fi
Runner Live

📦

Workshop reference pack: download an offline copy of every step in this workshop: ⬇ sci-fi-runner-builder-reference.zip. Every code block also has a Copy button.

Fill in the numbers, make the decisions and watch your endless runner update live on the right. You control speed, spawning, shields, hazards and more.

JavaScript Live Canvas Game 10 Steps Ages 11+ 🆓 Free

▶️ Start Building

What you control

Scroll speedYOU decide

Player size & lanesYOU decide

Obstacle spawn rateYOU decide

Lives & shieldsYOU decide

Difficulty curveYOU decide

Live Runner Fill in Step 1 and press Run!

Tap to
move

? ? Arrow keys to move | Dodge obstacles | Collect stars

Progress

Keep Building

?⭐JavaScript , 10 StepsJS Platformer BuilderTry it ? ⭐Python , 10 StepsPython Game BuilderTry it ? ⭐C++ , 20 StepsC++ Tower DefenceTry it ? ⭐All ResourcesThe WorkshopVisit ?

?🆓 Free In-House Dev Tools

Make It Yours

Use these free browser tools alongside this workshop to create custom sprites, sounds, levels and colour schemes for your game. No installs. Free forever.

⭐

Pixel Studio

Draw sprites & animations

Create custom sound effects

⭐

Colour Palette

Build a game-ready colour scheme

⭐

Game Logo Maker

Design your title screen logo

📂 See All 20 Free Tools ?

Build aSci-FiRunner Live

Make It Yours

Build a
Sci-Fi
Runner Live