Choosing which canvas to use with the `wasm-experimental` feature about nannou

[paolobettelini]

Yes, for now I'm also embedding them in an iframe but it isn't really a clean solution and I would like to directly interact with multiple nannou objects on the same page (like: don't render if not visible, send a signal of some kind). Those are features I can''t quite get yet. Thank you that repository I will check it out

[merlindru]

Quick question, how did you get Nannou to add a canvas to the end of a page? Just by compiling it to WASM and then loading it from JS?

[paolobettelini]

Yes, I reckon I used this template template.

[merlindru]

@paolobettelini JulianCataldo/astro-nannou-starter solves this by embedding the nannou app in an iframe, like this:

<iframe src="./nannou-embed" />

nannou-embed:

<script>
	await import("../../crates/my-app/pkg/nannou_web_test.js").then(
		async ({ default: nannou }) => {
			await nannou().then((s: any) => {
				s.main_web();
			});
		}
	);
</script>