Jelly Jumper: A High Fidelity Platformer

🐦 Inspiration

Jelly Jumper was inspired by classic platformers like Super Mario Bros., Sonic the Hedgehog, and Rayman, aiming to capture the fun and challenge of these iconic games. We wanted to create a visually appealing and engaging experience that demonstrates how to build high-fidelity 2D platformers with smooth animations, responsive controls, and intricate level design. The "jelly" aesthetic was chosen for its inherent bounciness and visual appeal, lending itself well to the platforming genre.

🦃What it does

Jelly Jumper is a playable 2D platformer demo. It demonstrates core platformer mechanics such as:

• Running and jumping
• Collision detection with platforms and other objects
• Animated character sprites
• Scrolling camera
• Basic level design with varying platform layouts
• Collectibles (potentially)

It serves as a practical example for developers looking to learn how to build similar games.

🐔How we built it

Jelly Jumper was built using modern web technologies (JavaScript/TypeScript, HTML5 Canvas). We utilized:

• Custom physics implementation for collision detection and movement.
• Spritesheets and animations for character and environment visuals.
• Custom scene management for organizing game levels.
• TypeScript (or JavaScript) for game logic and scripting.
• A tilemap editor (like Tiled) could have been used for level design, although for a simple demo, levels may be coded directly.

🐓Challenges we ran into

Some potential challenges we encountered during development include:

• Fine-tuning physics to achieve the desired "feel" for jumping and movement.
• Optimizing performance for smooth animations and complex levels, especially for browser environments.
• Implementing smooth camera scrolling that keeps the player centered but also reveals the level ahead.
• Creating engaging level design that provides a good balance of challenge and fun.
• Managing sprite animations and ensuring they are synchronized with game actions.

🐧Accomplishments that we're proud of

We are proud of:

• Creating a polished and playable demo that effectively demonstrates 2D platformer development techniques.
• Achieving smooth and responsive controls within a browser environment.
• Developing visually appealing animations and level design.
• Successfully showcasing Jelly Jumper on Dev.to and Reddit, generating positive feedback and discussions within the developer community. We were particularly pleased with the engagement and insights shared by other developers on these platforms.

🐤What we learned

During the development of Jelly Jumper, we learned:

• Best practices for game physics, animation, and level design in web-based games.
• Effective techniques for optimizing game performance for the browser.
• The importance of iterative development and playtesting.
• The incredible value of sharing our work and engaging with the developer community on platforms like Dev.to and Reddit. The feedback and discussions we had there were invaluable for improving the project and learning from others' experiences.

🦆 What's next for Jelly Jumper: A High Fidelity Platformer

Future development for Jelly Jumper could include:

• Adding more levels with increasing difficulty.
• Implementing enemy AI and combat mechanics.
• Introducing power-ups and other gameplay features.
• Improving the visual polish with more detailed graphics and effects.
• Adding sound effects and music.
• Creating a more structured tutorial or documentation based on the project.
• Porting the game to other platforms (e.g., mobile).
• Continuing to engage with the Dev.to and Reddit communities to gather feedback and explore new ideas.

Built With

• devvit
• excalibur-js
• javascript
• reddit
• typescript