Default: Animated or Still?

Should the default mode be animated (i.e. 60 FPS requestAnimationFrame loop) or still (i.e. render once and then again on resize)?

Although most of my work lately is still (prints/penplotter/etc) I still think the majority of users would expect animated to be default, so they can use { time } without any additional settings…

[mattdesl]

I’m going to close this as I think non-animated is a good default. Thanks for the input!

[mattdesl]

Thanks for the input!

@kellymilligan I think what you’re looking for should already be possible. You can use { scaleToView: true } if you want to preview a high-res output in your browser, see here in the docs.

If you have an artwork sized in cm/inches you can use this:

const settings = {
  animation: true, // enable frame loop
  dimensions: [ 15, 20 ], // 15 x 20 inches
  units: 'in', // working in inches
  pixelsPerInch: 300, // the output resolution
  scaleToView: true // scale to browser size for better performance
};

And/or, you can use { exportPixelRatio }, which multiplies the dimensions before exporting.

const settings = {
  animation: true, // enable frame loop
  dimensions: [ 1280, 720 ], // some size in pixels, or omit to use full-screen window size
  exportPixelRatio: 2, // tweak this to your liking
  scaleToView: true // scale the canvas down so it fits within browser size
};