How to create websites on canvas?

Question

Canvas

Good time of the day gentlemen.
Recently I found some very beautiful sites, and I noticed that all the elements on the site are rendered using canvas ( webgl ), using the pixi.js js library. So all these sites are well adapted for mobile devices.
Here are these 2 sites:
curvy.dk/beagle/site
and
https://vintage.com.ua
Maybe someone knows where you can find tutorials on this topic ( creating sites on pure canvas ( webgl ) ), I am also interested in adaptive text layout in canvas.

Answer 1

WebGL is computer graphics. For starters, I would recommend reading the basics on it.
There is a great tutorial here: https://webglfundamentals.org/webgl/lessons/en/
Then you can look at frameworks that make it easier to work with graphics. This is actually pixijs for 2D graphics, threejs for 3D graphics. For them, just look at their documentation. You can also look at https://threejsfundamentals.org/
There is a more list of different frameworks, for example, here .
And I haven't seen something completely ready for creating such sites right away, and not working with graphics in general. There is no completely semi-finished constructor / library. A library for working with graphics is taken (pixi, three), and a website is created)