Client prediction

[Ulydev]

Right now, movement looks a bit choppy due to server lag. I would like to implement client-side prediction, but I'm struggling to fully understand the structure of this project. Do you have any advice on how to get started with this feature?

[Ulydev]

Also, this means the server and the client would need to have common files (e.g. collision manager). How would one implement that? Thanks in advance!

[endel]

Hi @Ulydev, thanks for your interested.

You'll basically need to have a look at these files:

• https://github.com/endel/LD35/blob/master/client/src/behaviours/SmoothMovement.js

• LD35/client/src/scenes/TitleScene.js

  Lines 109 to 135 in fde52a6

  	} else if ( patch.op === "replace" && this.entities[ entityId ] ) {
  	// update existing entity
  	let [ _, attr1, __, attr2 ] = patch.path.match(/\/entities\/[a-zA-Z0-9_-]+\/([a-zA-Z]+)(\/([a-zA-Z]+))?/)
  	if ( ! this.entities[ entityId ].incoming ) {
  	this.entities[ entityId ].incoming = {}
  	}
  	// create deep nested object
  	if ( attr2 && ! this.entities[ entityId ].incoming[ attr1 ] ) {
  	this.entities[ entityId ].incoming[ attr1 ] = {}
  	}
  	// TODO: improve me, this is the ugliest code I've ever seen
  	if ( attr2 ) {
  	this.entities[ entityId ].incoming[ attr1 ][ attr2 ] = patch.value
  	} else {
  	this.entities[ entityId ][ attr1 ] = patch.value
  	// this.entities[ entityId ].incoming[ attr1 ] = patch.value
  	}
  	} else if ( patch.op === "remove" && this.entities[ entityId ] && patch.path.match(/\/entities\/([a-zA-Z0-9_-]+)$/) ) {

As server and client are written in JavaScript, you can have a separated folder for shared code in the root, for example, and require it on both sides as necessary.

I'm curious the approach you want to pursue. I actually wanted to do the same using "Timelines", but it doesn't seem to be performant nor reliable. (didn't spent much time on it though)

Cheers!