responsiveness question
On the call we discussed a method of making the work responsive where I would generate a square canvas and then crop around the centre for different ratios.
In my project, things vary depending on canvas location so I’m thinking it might be better to render the output based on the canvas size but I wanted to check it’s okay to do it this way. I’ve made some images to explain.
For example, the colours are laid out across the canvas. Thinking just about the x-axis, let’s say the shapes fade from blue on the left to green on the right.
Here’s an abstraction of how that would look on the full square canvas.
If that is cropped it looks like this and we’d never fully reach the brightest blues or greens.
Instead if I render it to the canvas size then it would look like this:
Similarly with the way the paths are drawn, the settings for Perlin noise can be different across the canvas.
So there could one like this, with the left third of the canvas different to the right two thirds.
Then cropped it would look like this, and most of the setting on the left hand side is lost.
However if I render it to the right size then it looks like this:
With the latter, the individual shapes turn out slightly different, but we still have the right general layout of the canvas.
I would much rather do it the second way, where the overall layout is maintained, but if it’s necessary to do it the first way I can!