Devlog #2: PixiJS Migration, GUI Framework, and Minimap Progress

Big update this week, major under-the-hood improvements and some exciting new UI features!

Full Migration to PixiJS Rendering

The game now runs fully on PixiJS, bringing a massive performance boost thanks to GPU-accelerated rendering.

• Rendering is now way more efficient, especially on lower-end machines.

• Only the visible portion of the map is drawn, which saves tons of resources.

• This sets us up to support larger maps, more players, and richer environments without frame drops.

GUI Window System (WIP)

A new in-game GUI window system is in the works!

• Windows can now be dragged, collapsed, and support multiple sizes.

• This will serve as the base for many future UI panels (inventory, player stats, quest log, etc).

Observable Properties

Under the hood, I've built an Observable system:

• React UI components can now subscribe to changes and automatically re-render.

• Super helpful for keeping the GUI in sync with live game data like health or experience.

Minimap: First Steps!

A minimap has been started!

• Fully integrated into the new GUI system.

• Renders a scaled-down version of the current map, including your viewport window.

• Supports scrolling for large maps.

 Next Up:

• More polish and features for the GUI system

• Minimap enhancements

• First version of the Player Details panel (name, health, level, XP)

• Begin implementing the player sprite system

• Mob spawning infrastructure

Thanks for following along! More updates coming soon as the world of Pixel Odyssey continues to grow!