How can I speed up rendering on canvas?

Question

JavaScript

I am learning ray marching technology and writing a small web project. When it comes to rendering a full hd image, the page freezes for about 20 seconds, which is a lot. How can you increase the rendering speed, and do it, as in other 3D engines for the web, where fractions of a second take 1 frame?

If you need code, then it is on github

Answer 1

Because you draw on the CPU, so everything is slow. You need to draw on the GPU using WebGL shaders.