Add interaction events

[asherccohen]

Would be nice to add click/hover events so that the globe can be used interactively.

A use case:

• hover on a location and the name shows up with info
• click on a location and trigger an action (for example navigate to a different page)

Thanks.
Ps. Awesome lib!

[Semmu]

i would also include the ability to rotate the globe, seems even more important if location-based interaction stuff is added.

[shuding]

I added some examples regarding this:

• https://cobe.vercel.app/docs/showcases/draggable
• https://cobe.vercel.app/docs/showcases/rotate-to-location

I think these example can help a lot here. And since this lib is a little bit low-level by its design, I’d like to keep it small but customizable with more examples added to the docs.

[tivsha]

Can't figure out how to make it draggable with Vanilla js

[Nithur-M]

@shuding hey, awesome work with Cobe. Thanks for this. Also, do you have any plan to add hoverable markers? or can you point me the right direction to implement it?

[shuding]

@Nithur-M It's gonna be a bit tricky as currently everything is written in shader code, it's tricky to connect the globe coordinates to screen coordinates and mouse positions... I'll think about how we can implement that.

[shuding]

Some pointers for people who want to contribute:

• https://webglfundamentals.org/webgl/lessons/webgl-picking.html
• https://codepen.io/cvaneenige/pen/LmXWeM

Markers need to be implemented as objects with their own shader (use a loop to add them after creating the Phenomenon object), instead of being rendered in the main globe shader. And then, implement some global event callbacks (pointer over, click, etc.).

This will probably fix the #19 issue too!