How to properly combine html and сanvas

Questions
1

Hello. Is it correct to make such a card on canvas + html? Or would be better to draw a circle in Blender and combine with the model?

8046dd13877b58022595570b39fb47d5_ce_1362x908x64x0_cropped_650x433
8046dd13877b58022595570b39fb47d5_ce_1362x908x64x0_cropped_650x433650×433 15.4 KB

<canvas class="canvas"></canvas>

    <div class="circle">

        <div class="circle__item"></div>

        <div class="circle__item"></div>

        <div class="circle__item"></div>

        <div class="circle__item"></div>

    </div>
2

It’s quite normal in my opinion. Here I was making an “atmosphere” for the planet in this way. And here I made HTML tooltips tied to certain points of the 3D object. This is where I get the coordinates of the points relative to the container and set the transforms for the corresponding blocks.

2 Likes
3

Thank you for the answer. Great examples. And how to adapt such solutions? Separately html and separately canvas? Are there any difficulties?