Projects

public / 2019/20

Danger Mouse: Tech-cellent Adventure

Legacy PixiJS side-scrolling puzzle game expansions.

A 2D side-scrolling puzzle game extension built on an existing legacy PixiJS codebase, adding the Wipeout and Tech-cellent Adventure expansions.

Showcase

Danger Mouse Gameplay

Danger Mouse: Tech-cellent Adventure is a 2D side-scrolling puzzle game developed by Goodboy Digital for CBBC. The game uses pre-defined levels made in Adobe Animate and runs on an older PixiJS-based browser game codebase.

For this development cycle, I worked as the lead developer on two new expansions: Wipeout and Tech-cellent Adventure. The project involved extending an existing game that already had multiple expansions, so new mechanics and content needed to fit cleanly into the structure that was already there.

The work included adding new game mechanics, enemies and bosses while maintaining the overall gameplay style. Because the game was built on legacy PixiJS code, a lot of the development involved understanding existing assumptions and working within the constraints of the older engine.

I was responsible for overseeing the technical side of the project, keeping the code structured correctly, and making sure the new features worked together while remaining compatible with past and future expansion content.

I was the only developer on the team, working alongside an artist and a producer during development.

This project uses old legacy browser-game code, so it may not work reliably in every modern browser. Chrome has historically been the most reliable option.

I only worked on the Wipeout and Tech-cellent Adventure expansions.

Technical Overview

Adobe Animate Levels

The levels for Danger Mouse: Tech-cellent Adventure were created using Adobe Animate, allowing pre-defined level content to be authored visually.

As lead developer, I integrated those levels into the game engine and made sure they worked with both existing systems and the new expansion features. This helped keep the level-design workflow practical while still allowing the game to be delivered within the project timeline.

Legacy PixiJS

Working with legacy code can be difficult, especially when adding new features to a game that already has several expansions and established gameplay rules.

The project used legacy PixiJS code to maintain compatibility with the existing game engine. I had to develop the new expansions within those constraints, adding mechanics, enemies and bosses without destabilising the older systems.

The work required a strong understanding of the existing codebase, careful integration of new features, and a pragmatic approach to keeping the game maintainable enough for both previous and future expansion content.

Technical Aspects

  • Legacy PixiJS expansion development
  • Adobe Animate-authored levels
  • Side-scrolling puzzle gameplay
  • New mechanics, enemies and bosses
  • Existing codebase compatibility
  • Reusable expansion systems

Challenges

  • Adding two new expansions on top of multiple existing expansions without breaking the established game structure.
  • Working inside a legacy PixiJS codebase with older engine assumptions and browser compatibility constraints.
  • Introducing new mechanics, enemies and bosses while preserving the original gameplay style.
  • Making new features reusable enough to support past and future expansion content.
  • Integrating pre-defined Adobe Animate levels into the existing game engine.

Contributions

  • Led development of the Wipeout and Tech-cellent Adventure expansions.
  • Implemented new gameplay mechanics, enemies and bosses within the constraints of the existing legacy codebase.
  • Integrated Adobe Animate-authored level content into the game engine.
  • Structured expansion code so new features could work cleanly with previous and future content.
  • Worked as the only developer on the project alongside an artist and producer.

Explore

View the project