Henry
Skupniewicz

Svg Solar Flare

Inspiration

I was inspired by Jacob Joaquin’s Solar Flare sketch on OpenProcessing which uses p5.js.

I wanted to create a similar effect but in an .svg format so that I could plot it with a pen plotter.


Now, let’s make it with two.js into an SVG.

This one will re-generate when the window refreshes.


Now, let’s make it interactive so that a user can tweak values without re-generating the entire drawing.

seed
start
step
noise offset


Since these svgs will be used on a pen plotter, the code should vary the radial location of the start/end of each of the paths. This will prevent a visible line formed from the artifacts from the pen-up / pen-down point.

Let us put everything together.

seed
start
step
noise offset
view start / end points