Create button in three.js

[Lua_Ga_Chi_n_Th_n]

how to create these two buttons and add them to the game as shown below

[PavelBoytchev]

There are several approaches. Personally, I’d go with <div> tags with transparent background and semitransparent image. The tags should be placed over the canvas. For capturing clicks there is no need for raycasting, as pointer/mouse events will work just fine.

[hofk]

Maybe you can use some of it?
Circular control used for walkable areas control

[dubois]

I would use THREE.Mesh

[Lua_Ga_Chi_n_Th_n]

I’m not very good at css. can you give me an example?

[PavelBoytchev]

Here you go:

https://codepen.io/boytchev/full/OJBKNWW