3D world engine: droneWorld prototype

website

#1

Hi ! Happy to discover there’s a discourse for threejs ! During the past month in my free time I decided to start hacking around threejs and made the following 3D world: droneWorld.

The idea was to do something fun, learn along the process and I was also looking for new topics for future blog posts.

Current results:


More screenshots of the building process are on my twitter @maxmre.

The code is available at https://github.com/blaze33/droneWorld.

I’d like to thank @mrdoob and all the three js contributors for their awesome work, it has been awesome to build such in a thing in so little time! Happy holidays!


#2

I guess I could update my first post about how these 3D mountains turned out a month and a half later. I started adding drones with the idea to pilot them:

In the end the project oriented itself to a shoot’em up game ala drone dogfight, drones have guns and missiles and can shoot at each other:

This is far from being finished, the multiplayer mode is notably yet to do, but I’m quite pleased with the current results so far :slight_smile:
Gameplay preview: https://youtu.be/6HU47x3GaBc
Live version still at: http://lab.openbloc.fr/droneWorld


#3

It has the spirit of the game “Echelon”! I played tens of hours in “Echelon” and “Echelon: Wind Warriors”. In Russia, they were “Шторм” and “Шторм: Солдаты Неба”.

Awesome work!


#4

Thanks for the kind words ! I didn’t knew “Echelon”, thanks for the reference. I played a lot to “Starlancer” in 2000 for what it’s worth :slight_smile:


#5

I’ve written a blog post, sort of summarizing the 3 months (part-time) it took me to build this game prototype. As I haven’t done any progress on this in the past two months, I guess it was time to publish something anyway, so, here you go:

GameDev with three.js on the modern web :rocket::fireworks: :slight_smile:


#6

Nice write up :smile:

Trying out the actual demo though I’m only getting around 5fps, on my laptop with a gtx 980m.


#7

20fps on GTX 950m :smiley:


#8

I made a more detailed post about how I kept my main render loop small but yet flexible using PubSubJS, it simplifies working with interactive animations:

Three.js & 3D interactive animations: a tutorial.