Generating shapes like this..
Built using https://konvajs.org/
Converting from polar to cartesian coordinates: wikipedia
x = cx + r * cos(a)
y = cy + r * sin(a)
Where r is the radius, cx,cy the origin, and a the angle.
The angle has to be in radians for Math. To convert from degrees to radians wikipedia
- theory: https://en.wikipedia.org/wiki/Overlapping_circles_grid
- walkthrough: https://medium.com/@lavrton/using-react-with-html5-canvas-871d07d8d753
- native JS code
- for graphics walkthrough: https://alligator.io/js/drawing-shapes-canvas-api/
- https://codeburst.io/creating-and-drawing-on-an-html5-canvas-using-javascript-93da75f001c1
- a smiley face: https://www.w3resource.com/javascript-exercises/javascript-drawing-exercise-5.php
- details on the canvas: https://eloquentjavascript.net/17_canvas.html
React with three.js directly (with hooks) - https://codepen.io/WebSeed/pen/ZmXxKz react-three-fibre - https://github.com/react-spring/react-three-fiber to create 360 and VR experiences - https://facebook.github.io/react-360/