Real-Time 3D Graphics with WebGL 2 - Second Edition

Have a Go: Decoupling WebGL Components

Although we can implement Controls and Picker by decoupling them with a more scalable architecture, we opted for a simpler implementation for educational purposes.

That being said, how would you rebuild the examples in this chapter with the goal of decoupling classes from one another to minimize component interdependence?

Hint One approach would be to leverage the pub/sub pattern discussed earlier for our Clock. That is, each component can extend the EventEmitter class – similar to Clock – to publish events that other components may subscribe to.