Galactic Slice

Galactic Slice is a dynamic 2D browser game in a space setting, developed by the Arionis team based on HTML5 and the Phaser game engine. The project was created as a demonstration of the capabilities of modern front-end technologies for interactive browser games: fast loading, adaptability to different devices, and impressive visuals.

The idea and concept of the game

Galactic Slice was conceived as a dynamic browser game about space. The player has to defend the universe by controlling a space sword and maintaining balance in a chaotic stream of planets and asteroids. The atmosphere of the "space slicer" makes the game bright, fast and exciting, and its simple mechanics are accessible to a wide audience - from casual players to fans of arcade challenges.

The main target audience is desktop and mobile browser users who want to quickly immerse themselves in the game and test their reactions without installing additional applications.

Basic game mechanics

The player controls a space sword and must slice planets before they are sucked into a black hole. If a planet disappears into the black hole, the player loses points and may go into the "minus". For each successfully sliced planet, points are awarded, which form the overall result.

Asteroids fly in the background of the planets, adding an extra level of complexity. If the player accidentally hits an asteroid, he loses a life. At the same time, the asteroid itself flies off in a sharp trajectory and can hit other objects, creating the effect of unpredictability and chain reactions.

Points and progression system

• Points : awarded for planets cut open, reduced for planets "lost" in a black hole.
• Life : Decreases when colliding with asteroids.
• Bonuses : Series of successful cuts increase the score and can unlock new visual effects.

Progression : The further the player progresses, the more objects appear on the screen, increasing the dynamics and complexity.

Galactic Slice Game Modes

To give players a variety of playthrough scenarios, Galactic Slice is implemented in two modes. This approach ensures that this browser-based online game remains interesting for users with different preferences, from marathon sessions to quick time trials.

Classic Mode – endless game

In classic mode, the player's task is to survive as long as possible. The flow of planets and asteroids becomes more intense, and their speed gradually increases. The main goal is to score the maximum number of points while staying alive.

This format provides high replayability: each new playthrough features random generation of objects and allows the player to test their reaction and concentration skills again.

Arcade Mode – timed game

Arcade mode is designed for quick play sessions. The player has a limited timer to earn as many points as possible. The difficulty gradually increases, forcing them to act as accurately and quickly as possible.

The time limit creates additional dynamics and tension: every second and every action counts. This mode is great for short "races" when you want to quickly test your reaction and beat the previous record.

HTML5 game interface and design

When creating Galactic Slice, we paid special attention to the interface: it should be intuitive and at the same time maintain the atmosphere of space. Thanks to HTML5 and Phaser, we were able to implement dynamic elements, animations and a responsive design that is equally convenient on both mobile devices and desktops.

Main menu and animations

The main menu is designed in the style of "living space" - background animations of stars and planets create the effect of depth and movement. The buttons are smoothly highlighted when hovering or touching, and the transitions between screens are accompanied by soft animations. This not only adds aesthetics, but also helps the player to immediately immerse themselves in the atmosphere of the game.

Game screen and controls

The game interface is designed with an emphasis on minimalism: the focus remains on the process itself. The screen displays:

• player account,
• timer (in Arcade Mode),
• the number of lives remaining.

Technological implementation: Phaser and HTML5 Canvas

Galactic Slice was created as a showcase project to showcase the capabilities of a modern front-end stack and browser gaming technologies. We focused on performance, stability, and visuals while maintaining the ease and accessibility of the game on any device.

Frontend stack (HTML, CSS, JS, TypeScript)

The project is based on classic web technologies – HTML, CSS, and JavaScript, supplemented by TypeScript for strong typing and maintaining a clean architecture. This approach provides:

• cross-browser compatibility – the game works stably in Chrome, Firefox, Safari and mobile browsers;
• performance optimization – asynchronous processes and optimized rendering;
• Code scalability – it is easy to maintain and refine the project.

HTML5 Canvas for 2D graphics

The visual part of the game is implemented through HTML5 Canvas. This tool allowed to process dozens of objects on the screen at once, providing smooth animation of planets, asteroids and sword cut effects. Canvas became the basis for:

• rendering of space backgrounds and star field animations;
• reproduction of dynamic collision and cut effects;
• implementation of light visual post-effects (for example, flashes upon impact).

Phaser – a game engine for browser games

We chose Phaser as the engine, one of the most popular solutions for 2D games. Its capabilities allowed us to quickly implement key mechanics:

• scene system – clear organization of menus, gameplay and results screens;
• physical engine – processing collisions of planets and asteroids, dynamics of their motion;
• animation control – smooth cut effects, object movement, and visual transitions.

Phaser has proven itself to be a convenient and flexible tool, ideal for rapid prototyping and further development of HTML5 game projects.

Optimization and adaptability for mobile devices

One of the key tasks of the project was to adapt Galactic Slice to mobile devices. We aimed to make the game equally well-received on desktops, smartphones, or tablets.

• Touch control : sword control is implemented through swipe gestures and touch input, which ensures accuracy and naturalness of movements.
• Responsive design : the interface automatically adjusts to the screen size – buttons, score, and timer always remain easy to read and accessible.
• Performance optimization : We've reduced CPU and graphics load through adaptive rendering, optimized textures, and efficient collision handling.

As a result, the game runs smoothly and without lags even on devices with limited resources, making it convenient for a wide audience of mobile players.

Galactic Slice development results

The Galactic Slice project is a 2D game that has become a successful example of implementing a dynamic arcade using HTML5 and Phaser. During development, we solved several key tasks:

• tested the performance of HTML5 Canvas and the Phaser game engine in highly dynamic conditions;
• implemented convenient management for both desktops and touch devices;
• created an adaptive interface that is equally comfortable for mobile and desktop users;
• developed unique arcade mechanics with elements of randomness (asteroids, chain reactions), which distinguishes Galactic Slice from typical browser games.

What sets Galactic Slice apart from other browser games is its attention to detail: smooth animations, a space-like atmosphere, a well-thought-out progression system, and two game modes. This makes Galactic Slice not just a “demo game,” but a full-fledged product with high replayability.

For our team, the project became a case study demonstrating expertise in developing HTML5 games and gaming solutions for business. Similar technologies can be used not only for entertainment, but also for:

• training simulators;
• presentation interactives;
• gamified marketing campaigns.

Galactic Slice demonstrates that modern web technologies allow you to create projects with rich visualization and exciting gameplay that do not require installation and are available directly in the browser.

More games and solutions in our portfolio