Chrome
Try it outThis drawing is the product of a number of different techniques and consists of the following:
- A single line spiraling outwards. The spiral actually only has three vertices per 360° (in most of the drawings) but looks pretty round because of path smoothing.
- These path vertices have a variable amount of smoothing applied to them, depending on the distance from the circle's origin.
- There is an angle offset on these vertices depending on their distance from the circle's origin. This makes the corners look like they are spiraling outward, espacially those with a smaller smoothing factor.
- The coordinates of these vertices are then offset using OpenSimplexNoise. Causing more bumps and waves to appear.
- This whole graphic is dan duplicated and its coordinates offset a small amount to get the moiré patterns.
This video shows the drawing of the first spiral:
The drawing of the second spiral, together with the moiré patterns, can be seen on the video in this post:
One of the first versions of this sketch consisted of a number of seperate circles or polygons. The pen touches and leaves the paper to draw each individual circle and caused a dark line to appear:
I didn't really know how to solve this one for a while without losing the variable amount of path smoothing. After reading through paperjs' documentation I found out its possible to change the path smoothing of individual path segments and thus enabling me to draw a single path while keeping the variable amount of smoothing.