Ignite the Magic!

Hi, I’m Julibe, and I Craft Digital Experiences!

Whatsapp Facebook Twitter Dribbble Instagram Envelope

Haunt Me!

Contact Me!

Sidescrolling the Mountain 🏔️ Those Dreamy Pixelscapes

Sidescrolling the Mountain – 001
Revisit the golden age of 8-bit wonder! 🏔️ in this mountain Scale endless pixel peaks, collect glowing bits, and outrun the fading dream in this procedural platformer.
An endless, procedurally generated platformer designed with a heavy emphasis on pure 90s nostalgia.
julibe #julibe #SidescrollingTheMountain #PixelArt #RetroGaming #90sAesthetic #IndieGame #WebGame #CanvasAPI #EndlessRunner #NostalgiaCore #BrowserGame #foryou
👻🏔️ 👾 🎮 📺 🌅 🏃 📻 🕯️ 🛸 💾👻
Step back into the 90s with this pure nostalgia hit! Jump into the retro scanlines and see how far you can scale the pixelated mountain today. Hit start

Sidescrolling the Mountain

v. 1.0.0

Play Now

Those Dreamy Pixelscapes...

In a nutshell...

The "Too Long; Or too scary??? Anyway don't Wanna Read" version... 🔮

Sidescrolling the Mountain is an infinite platformer that looks and feels like a 90s video game. You jump between platforms, collect floating “bits,” and try to travel as far as possible without falling into the spikes.

It features a “retro” filter with scanlines to make it look like an old TV. It’s built with simple code that generates the mountain as you go, so it’s never the same game twice. You can even use a controller to play!

Those Dreamy Pixelscapes

Get ready to jump right back into the golden era of arcade cabinets and chunky home consoles! 🎮 This project is a loving tribute to the days of glowing phosphor screens and unforgiving digital challenges. It is time to blow the dust out of the cartridge and hit start on a truly nostalgic adventure! 🚀

A Journey Back in Time

Sidescrolling the Mountain is an endless, procedurally generated platformer designed with a heavy emphasis on 90s nostalgia. It captures the dreamy feeling of late afternoons spent glued to a glowing television set, bringing the joy of classic arcade runners to the modern web.

Reliving the Magic

Step into a wave of pure Nostalgia where the world moved slower. Revisit the childhood memories of hours spent on your couch, controller in hand, facing the warm glow of the screen. The custom JavaScript engine seamlessly powers a retro experience that feels alive, blending classic 8-bit mechanics with modern web performance, authentic Gamepad support, and beautiful CRT scanlines.

About

Thinking about building something similar?

These estimates will give you a clear picture of the technical scope, development timeline, and investment required to turn the idea into an awesome reality. 

Big results start with clear information and smart decisions.

Difficulty: medium
Value: ~ $170 to $1.200 USD
Details
Minimum
Value: $170
Maximum
Value: $1.200

Duration: ~ 1 Day
Details
Hours: 40
Days: 5
Weeks: 1
Value: ~ $20 to $120 USD
Details
Minimum
Value: $20
Maximum
Value: $120

Duration: ~ 0 to 1 Day
Details
Minimum
Hours: 1
Maximum
Hours: 5
Value: ~ $50 to $370 USD
Details
Minimum
Value: $50
Maximum
Value: $370

Duration: ~ 0 to 1 Day
Details
Minimum
Hours: 2
Maximum
Hours: 10
Days: 1
Value: ~ $50 to $370 USD
Details
Minimum
Value: $50
Maximum
Value: $370

Duration: ~ 0 to 1 Day
Details
Minimum
Hours: 2
Maximum
Hours: 10
Days: 1
Value: ~ $20 to $150 USD
Details
Minimum
Value: $20
Maximum
Value: $150

Duration: ~ 0 to 1 Day
Details
Minimum
Hours: 1
Maximum
Hours: 6
Value: ~ $20 to $120 USD
Details
Minimum
Value: $20
Maximum
Value: $120

Duration: ~ 0 to 1 Day
Details
Minimum
Hours: 1
Maximum
Hours: 5

Don’t let the numbers scare you, let’s talk!

The Juicy Details!

All treats, no tricks, just the sweet facts! 🍭

<p>Get ready to jump right back into the golden era of arcade cabinets and chunky home consoles! 🎮 This project is a loving tribute to the days of glowing phosphor screens and unforgiving digital challenges. It is time to blow the dust out of the cartridge and hit start on a truly nostalgic adventure! 🚀</p>

Use the Arrow Keys or A/D to move left and right. Press Spacebar or the Up Arrow to jump! 🦘 Avoid the glowing red spikes, collect the floating bits to increase your score, and travel as far as you possibly can. Plug in a Gamepad for the ultimate retro arcade experience! 🕹️

The deep, rich purples and bright orange highlights draw direct inspiration from classic sunset palettes found in retro racing and running games. We looked closely at how 8-bit computing systems handled color limitations to create striking, high-contrast environments that pop off the screen. 🌅

We were also heavily inspired by the momentum-based mechanics of early platformers. The satisfying arc of a jump, the feeling of friction on the digital ground, and the thrill of clearing a massive gap are universally understood languages in game design. Classic platform games laid the perfect groundwork for this project.

“A delayed game is eventually good, but a bad game is bad forever.” – Shigeru Miyamoto

“All the best games are easy to learn and difficult to master.” – Nolan Bushnell

“The magic of a great game is that it can transport you to another world.” – Ralph Baer

Have you ever wanted to just escape into a vintage CRT monitor? Sidescrolling the Mountain brings that raw, unfiltered 90s arcade energy directly into your modern browser. It is a procedural journey across endless, shifting platforms, wrapped up in a gorgeous retro aesthetic that feels incredibly satisfying to play. 👾

This is not just another standard browser game. It is a deep dive into what made classic games feel so magical: simple mechanics, precise controls, and an endless drive to beat your own high score. It captures the essence of childhood afternoons spent trying to beat just one more level.

The spark for this came from missing the tactile, immediate joy of turning on an old console and instantly being transported to a neon-lit, pixelated world. It is all about recapturing that lightning in a bottle of classic arcade design! ⚡

The history of side-scrolling games is fundamentally the history of pushing hardware limits. Back in the early days of gaming, smooth horizontal movement was considered a massive technical marvel. The technique known as parallax scrolling gave early 2D graphics a stunning illusion of depth, and we have fully revived that exact magic here in the browser. 📺

We also cannot talk about the 90s without mentioning the visual texture of the era. The heavy glow, the slight color bleed, and the iconic CRT scanlines were not just display limitations; they were a fundamental part of the pixel art canvas. Artists relied on these screens to blend colors naturally!

The philosophy behind this game is pure, distilled gamification. It is all about achieving a “flow state.” By leveraging procedural generation, the terrain is never the same twice. This means players must rely entirely on their raw reflexes and instincts rather than basic rote memorization, keeping the experience fresh every single run. 🏃‍♂️

The Game-Plan!

Plotting a safe course through the scary maze! 🧭

  • Keeping the game loop consistent across different monitor refresh rates to ensure fair physics.
  • Generating fun, beatable terrain procedurally without creating impossible jump gaps.
  • Implementing tight, responsive physics using only vanilla JavaScript math.
  • Applying visual CRT filters without tanking browser performance.
  • Used requestAnimationFrame with precise delta time calculations to ensure the physics engine runs predictably.
  • Built a chunk-based generation algorithm that places platforms within calculated maximum jump distances.
  • Tuned gravity, acceleration, and friction constants over hours of playtesting to achieve that perfect arc.
  • Kept the CSS scanlines lightweight using linear-gradient overlays instead of heavy, performance-draining shaders.

This project serves as a fantastic benchmark for what can be achieved with pure vanilla web technologies. It proves that you do not need massive, heavy engines to deliver a genuinely fun, polished, and highly engaging digital experience right in the browser. 🌟

The game includes a fully functional physics engine, procedural infinite terrain generation, score tracking, dynamic difficulty, and a polished retro UI. It intentionally avoids complex 3D textures or heavy external libraries, keeping the entire footprint incredibly lightweight and focused purely on fun gameplay. 🕹️

The Nerd Stuff!

I think we are going to need a bigger boat... ahem, I meant cauldron! ✨

JavaScript, HTML5, CSS, Gamepad API

The core of this experience is built purely on the HTML5 Canvas API. The game loop runs constantly, clearing the screen, updating object positions based on physics vectors, and redrawing the frame. The procedural terrain generation constantly monitors the player’s X position and seamlessly spawns new platform chunks just out of view. 💻

  • Adding distinct visual biomes or weather themes as the player travels further.
  • Implementing a global leaderboard using a simple backend to track high scores.
  • Introducing subtle particle effects for jumping, landing, and collecting bits.
  • Very rarely, overlapping inputs on some keyboards can cause a missed jump command due to hardware ghosting.
  • Resizing the window drastically during active gameplay might cause the camera to snap awkwardly for a frame.
Play Now
Sidescrolling the Mountain - 001
Sidescrolling the Mountain - 002
Sidescrolling the Mountain - 003
Sidescrolling the Mountain - 004

* Pricing, timelines, content, and designs are subject to change without prior notice.
Certain projects or aspects displayed are presented for demonstration purposes only and may include partial or placeholder content, conceptual work and/or early-stage ideas, and may not reflect the final delivered product.

* All values provided are preliminary estimates based on the scope that similar projects may present.
These are intended for general reference only and should not be considered final or binding figures.

More spooktastic codes ready to ignite your curiosity!

Censify - 001

Censify 🙈 Smart Text Filtering

The internet is far too spicy for your delicate eyes! Censify is a gentle text filter app that wraps offensive words in beautiful, harmless little dots.
View More!
Movieverse - 008

Movieverse 🎬 In a World… One Site, One Page, Comes Alive…

Step into Movieverse, the ultimate Movie theater experience! Watch posters react to your gaze as the UI comes alive. Grab your tickets and dive in now! 🎬
View More!
Luxe - 000

Luxe 🏨 Discover the Best Hotels Around You

Pack your bags! Explore 60+ ultra-luxury hotels worldwide with our interactive Luxe Hotels Map. Filter, discover, and book your dream getaway today!
View More!
Keep Up to Date? Sure, it's cool! No thanks, I'm afraid