During a meeting with the Haags Pop Centrum about their new ‘SuBmarine’ alternative popmusic website, they mentioned it would be fun if there was a simple, submarine themed shoot-em-up included in the site. The game should have a bizarre, surreal and submarine atmosphere, and you should be able to, you know, shoot things.

After we created the full-screen background animation for the main website with babylon.js, we used elements from that animation to create that game. We learned that babylon.js has fantastic, simple to implement collision detection, and a great positional audio API.

When we had the basic game engine going, the most fun part was adding the over-the-top sounds. We really like the sounds of the torpedoes and explosions, which are actually close-mic’d avalanche rockets

That, and the particles, of course. We like particles.

The scary fish were cut from photo’s from Baltic deep sea fisher Roman Fedortsov’s amazing Instagram account.

Tijdens een bijeenkomst met het Haags Pop Centrum over hun nieuwe alternatieve popmuziekwebsite ‘SuBmarine’ zeiden ze dat het leuk zou zijn als er een eenvoudige shoot-em-up met duikbootthema op de site zou staan. De game moet een bizarre, surrealistische en onderzeese sfeer hebben, en je moet dingen kunnen schieten.

Nadat we met babylon.js de achtergrondanimatie op volledig scherm voor de hoofdwebsite hadden gemaakt, hebben we elementen uit die animatie gebruikt om die game te maken. We wisten dat babylon.js een fantastische, eenvoudig te implementeren botsingsdetectie en een geweldige positionele audio-API heeft.

Toen we de basisgame-engine hadden draaien, was het leukste deel het toevoegen van de over-the-top geluiden. We houden echt van de geluiden van de torpedo’s en explosies, die eigenlijk lawineraketten met een nauwe microfoon zijn

Dat, en de deeltjes natuurlijk. Wij houden van deeltjes.

De enge vissen zijn afkomstig uit foto’s van het geweldige Instagram-account van de diepzeevisser Roman Fedortsov uit de Oostzee.

HTML, css, Javascript, Greensock GSAP en babylon.js.