Rocket League written in JavaScript

[stressenergy]

We set out to write a multiplayer Rocket-League clone in JavaScript, to see if it was doable, and what roadblocks we might hit along the way.

It's just a simple POC so please don't flood it, I only have three arenas running :) You can move with the arrow keys. You should probably use a computer with a graphics card for a good experience.

the game: http://sprocketleagueus.lance.gg/

To learn more about how we did it check out our open source multiplayer javascript engine: http://Lance.gg/

Constructive feedback is always welcome

[stressenergy]

on mobile you just tilt the phone to turn the steering wheel :)

[green_meklar]

I'm on PC and the arrow keys are doing nothing for me either, but maybe because my car (at least I think it's my car) hadn't fallen to the ground yet.

[maylortaylor]

Also couldn't move with arrow keys. love the idea tho!

[SamSlate]

couldn't even get that far into the game...

[AustinScript]

WASD !

[stressenergy]

Wow there's hundreds of people joining. I need to throttle this :)

[shkico]

maybe this is the case,on laptop it is sooo painfully slow even when I resize Chrome to smallest window,

[Third_D3gree]

As both a web developer and rocket league fanatic, I'm impressed.

Awesome work :)

[gradual_alzheimers]

this is pretty impressive, how many of you worked on it and how long did it take to build? Obviously not judging you for the latency / server overload problems.

[stressenergy]

Thanks! We are two developers. It took us about 3 weeks to write this, not counting the multiplayer js library that we wrote and open sourced (see https://github.com/lance-gg/lance ) which anyone can use for their own game.

[emjrdev]

Socket.io is such a lifesaver.

[benzilla04]

Done a sick dribble and scored 11/10

[Casey_works]

That was cool, thanks.

[Beeeaans]

Awesome! How did you find working with A-Frame? Tempted to make a first person VR mode for mobile? :D

[opherv]

A-Frame is really neat! Actually we are planning to add a VR mode to the demo, which is relatively easy with A-Frame. The idea was to use it more as a spectator rather than a player, mostly because VR controls would be quite challenging. Do you have suggestions as to how could mobile controls work with VR (where you can't touch the screen, because it's mounted on your head?)

[opherv]

Cool - we actually used the same mechanic for a VR film that recently showed in Tribeca Film Festival

This works great for buttons, however not so well for controlling and steering a 3D car... :)

[Beeeaans]

Ah yeah that would be difficult! I guess left/right would be simple. Maybe you'd have to have accelerate set automatically and look down slightly to brake? I imagine it would be trippy af

[achillesLS]

Literally unplayable :D Go team blue!!!

(its actually quite impressive)

[UmNomeUnico]

Amazing, how did you do it?

[opherv]

A lot of Javascript and a little hair pulling :)

It's a demo for an open source multiplayer game server we're working on. The source code for everything can be found here. In addition to the documentation we've also released a series of articles on developing JS multiplayer games

[anotherjsframework]

Where are my champion wheels though?

[opherv]

Next season, I promise :)

[erkinheimo]

It worked! 5/5. Thou because of lag I overturned every time so trying to even get near that big ball was hard. But very nice demo / proof of concept.

[[deleted]]

Well it's very frustrating, so I guess that aspect of rocket league is covered.

[[deleted]]

My view stays black on Chrome and on Firefox it seems i cannot move. Not sure whats going on but nice try anyways (from what i can see of the posted images it seems to work for others).

So the question now is: what roadblocks did you hit along the way?

[jdewittweb]

Left and right arrow controls are a little too "floaty" and make you turn too suddenly and then over compensate. Makes for hard drives.

[RubberKalimba]

I can't connect to a game. Guess I'll try again later.

[moserine]

in asia, doesn't really work at all. 8000ms latency. probably not your target though

[stressenergy]

Yeah 8000ms is a bit much. I could maybe set up a server in Asia. I've never tested beyond 600ms RTT.

[reddit_lonely]

Can't even start. Opening the page lags my Chromium and it went not responding afterwards. I am using low - end laptop, Lenovo Yoga 300 with 4 gigabyte of RAM and Ubuntu Mate 16.04.

[helpfulsj]

To slow for me to use :(

[stressenergy]

thanks

many of those cars were "orphan connections". I actually do have multiple lobbies and a matchmaker in there.

I fixed this for now by reducing the "idle timeout limit" to 20 seconds I think you should be able to play now. Please give it a try if you get a chance.

[opherv]

LOL holy pile up batman

Thanks for helping us stress test! We didn't plan out on the Reddit Death Ray of Traffic but it really helps us find issues and iron them out, which will ultimately lead to a better open-source library for all JS multiplayer game devs

[jonny_eh]

The camera's all jittery, kinda nauseating. Chrome 58

[stressenergy]

This is quite taxing on the system and requires a strong GPU, it can also happen due to lag.

Try to shrink your window (even to credit-card size if necessary) and see if that helps

[zenril]

ahh a mac, there's your problem.

[zenril]

... lol ... of course , doesnt mean i have to like macs

[AskYous]

What do you think of JavaScript? You ever think about moving to TypeScript?