Game frame "engine"

An interval observable with say 30fps, so

const framesGenerator = Observable.interval(1000/30) 

Ray:

For each ray, we need to have:

• Velocity: Upon creation, maps the framesGenerator to a set of velocities over time (can be constant of changing if we use gravity)
• Position: Integrates the velocity observable, so each point will be an operation over the velocity observable. Ideally takes a starting position which would be linked to the cannon position (right now it's always (0,0)
• RayCollision: Another observable that will take the Position observable and check against all the other rays (we probably need to use zip to create a list of all positions and then check if the pair we want collides with any of the other pairs
  • Should emit the pair of elements that collided so we could create another ray from it if we wanted
• DrawableRay: This will be derived from the position until a ray collision occurrs. This is what we listen to to draw the state.

Rays:

• Each new ray position is pushed in an array of rays, which we need to use to detect collisions.

from reactive-sandbox.

Ray Colleciton Observable

1. Using ofArrayChanges observable we can create an observable that will emit whatever ray is pushed to the array.
2. Using a derived scan observable we can always have another observable that holds all current rays.
3. Using a flatmap operation we can get the list of all coordinates/id from these observables, which we will use to detect collisions with each of the rays.

from reactive-sandbox.