Space Invaders in your browser with 3D WebGL. Built with BabylonJS.

Overview

Space Invaders

A fun re-imagining of the 1978 classic by Tomohiro Nishikado and Taito.

Play it here: https://spaceinvaders.viperfish.com.au

Space Invaders Screenshot

Play in the traditional 2D mode - much faster and smoother than the original - or in 3D. The 3D mode is the same game from a different perspective.

There is also a third mode which attempts to emulate a CRT television straight from the 80s. This mode uses an orthographic camera, limits rotations to the Z axis for a purely 2D experience, adds a glow layer and a layer of scanlines.

This project was built over a few weeks in Javascript using the BabylonJS framework. ViteJS is used as a build tool.

The repository includes all code, blender models and images. Have fun and use them as you like.

Sound effects are from "The Essential Retro Video Game Sound Effects Collection (512 sounds)" by Juhani Junkala. Released under creative commons license. Downloaded from: https://opengameart.org/content/512-sound-effects-8-bit-style

Juhani's website: https://juhanijunkala.com/

BabylonJS: https://www.babylonjs.com/

ViteJS: https://vitejs.dev/

Some more screenshots

Space Invaders Screenshot

Space Invaders Screenshot

You might also like...

This a web application for a company that provides commercial and scientific space travel services. The application will allow users to book rockets, dragons and join selected space missions.

Space Travelers' Hub In this project, we have worked with the real live data from the SpaceX API. Our task was to build a web application for a compan

Oct 31, 2022

This web application provides commercial and scientific space travel services. The application allows users to book rockets and join selected space missions.

This web application provides commercial and scientific space travel services. The application allows users to book rockets and join selected space missions.

Space Traveler's Hub This web application provides commercial and scientific space travel services. The application allows users to book rockets and j

Oct 4, 2022

[WIP] WebGL API implementation for Deno, built on GLFW using FFI.

Note I'm no longer working on this project because I have just realized macOS does not support OpenGL ES API, and adding Desktop GL backend to this mo

Jun 11, 2022

With monitors getting wider and websites more compact, maximizing the browser is a waste of space.

With monitors getting wider and websites more compact, maximizing the browser is a waste of space.

With monitors getting wider and websites more compact, maximizing the browser is a waste of space. Widefox utilizes all available vertical real estate while adding extra features to your browsing experience!

Dec 18, 2022

curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.

curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.

What is it ? Shaders are the new front-end web developpment big thing, with the ability to create very powerful 3D interactions and animations. A lot

Jan 1, 2023

WebGL and GLSL projects 2022 🌬

Getting Started Node version used : 16.13.1 First install dependencies with: npm install # or yarn install Then, run the development server: npm run d

Dec 23, 2022

This project is an attempt at recreating the WebGL animation featured in the 2021 Linear release page.

Linear Vaporwave Three.js scene This project is an attempt at recreating the WebGL animation featured in the 2021 Linear release page. Demo Head over

Dec 28, 2022

All-in-one package for maptalks webgl layers

@maptalks/gl-layers maptalks webgl 图层的汇总包,包含了@maptalks命名空间下webgl基础设施和所有webgl图层插件。 使用时无需再单独安装和引入其他webgl插件,而可以统一从此包中安装引用。 包含的插件 @maptalks/gl @maptalks/v

Dec 23, 2022
Owner
John Pitchers
John Pitchers
That's a remake of the classic game Space Invaders, originally released in 1978.

Space Invaders Preview: Project: This is a remake of the classic game Space Invaders, originally release in 1978 to Arcade and later released to other

Marlon James 5 Nov 17, 2022
In this project we built a web application that consumes an SpaceX API. It provides commercial and scientific space travel services that allows users to book rockets and join selected space missions.

Space Travelers' Hub In this project we built a web application that consumes an SpaceX API. It provides commercial and scientific space travel servic

Diego Yon 7 Sep 30, 2022
Network physical synchronization model room based on babylonjs + ammojs

Network physical synchronization model room based on babylonjs + ammojs The red mesh calculates the physical effects locally of the current user, and

蔬菜土豆泥 8 Nov 19, 2022
Hashmat Noorani 4 Mar 21, 2023
Space Travelers' Hub - a web application that facilitates booking rockets and join selected space missions

This is a web application that facilitates booking rockets and join selected space missions. It is built for a company that offers both commercial and scientific space travel services. The application also works with real live data from the SpaceX API.

Mong'are 6 Mar 29, 2022
"Space-Travelers-Hub" is a website that allows users to book rockets and join selected space missions by using data from the SpaceX API.

Space-Travelers-Hub This project was bootstrapped with Create React App. Description "Space-Travelers-Hub" is a website that allows users to book rock

Tresor Sawasawa 4 Mar 13, 2022
A web application for a company that provides commercial and scientific space travel services. The application will allow users to book rockets and join selected space missions.

Space Travelers A web application for a company that provides commercial and scientific space travel services. The application will allow users to boo

Hector Torres 2 Apr 6, 2022
Welcome to Space Traveler's HUB, this web app allows the user to take a fictional tour across the space.

Welcome to Space Traveler's HUB, this web app allows the user to take a fictional tour across the space. The user can choose a rocket from our catalog interface, and reserve it. Also, the user can see recent special missions and join them. Finally, the user will be able to keep track of all your rockets and mission they are subscribed to. Build with React, Redux, React-router, and Railwindcss.

Mihreteab Misganaw 3 Jan 27, 2022
This web application provides commercial and scientific space travel services. The application allows users to book rockets and join selected space missions.

space-hub About Project "Space Traveler's Hub" is A web application that provides commercial and scientific space travelling services, We are working

Nicholas Emmanuel 7 Nov 2, 2022