Add timestamp query example

[eliemichel]

Add an example that issues a single draw call of a cube (taken from the texturedCube example) and measures its duration thanks to timestamp queries.

[eliemichel]

Thanks for the feedback! 🙏

[kainino0x]

Split LGTM, just one comment!

[kainino0x]

Thank you!

[beaufortfrancois]

As you can see in https://developer.chrome.com/blog/new-in-webgpu-121#timestamp_queries_in_compute_and_render_passes and https://webgpu.github.io/webgpu-samples/?sample=computeBoids, there was already a sample featuring timestamp-query.

Note that since we moved to a white background iframe, the text on large desktop didn't show up properly. I'm fixing it with #477

[greggman]

Note that since we moved to a white background iframe,

We did not move to a white background iframe. It's was a bug in Chrome. It's not fixed still but there's a workaround #478

It's possible #477 is not need with #478 added?

[eliemichel]

As you can see in https://developer.chrome.com/blog/new-in-webgpu-121#timestamp_queries_in_compute_and_render_passes and https://webgpu.github.io/webgpu-samples/?sample=computeBoids, there was already a sample featuring timestamp-query.

The journey I followed is (a) "oh I need to quickly test a thing with timestamp queries" (b) "mmh I remember there is this nice sample repo where I can find examples, let's look for one about timestamps" (c) "arf, don't find an example whose name says "timestamp"... maybe in benchmark section? nope" (d) "okey then, let's write it then and share it back where I expected to find it". :)

[beaufortfrancois]

As you can see in https://developer.chrome.com/blog/new-in-webgpu-121#timestamp_queries_in_compute_and_render_passes and https://webgpu.github.io/webgpu-samples/?sample=computeBoids, there was already a sample featuring timestamp-query.

The journey I followed is (a) "oh I need to quickly test a thing with timestamp queries" (b) "mmh I remember there is this nice sample repo where I can find examples, let's look for one about timestamps" (c) "arf, don't find an example whose name says "timestamp"... maybe in benchmark section? nope" (d) "okey then, let's write it then and share it back where I expected to find it". :)

I apologize if my previous message came across as harsh. That was not my intention. I realize that I could have been clearer in the title by specifying that it involved timestamp queries. I take full responsibility for this oversight.

[eliemichel]

I apologize if my previous message came across as harsh. That was not my intention. I realize that I could have been clearer in the title by specifying that it involved timestamp queries. I take full responsibility for this oversight.

No worry, really :)

[kainino0x]

We have a little (HDR) on the particles demo that it also demonstrates HDR. I have been thinking we should formalize this and start listing all of the extra things that each sample demonstrates in the sidebar. I forgot we had another one that was undiscoverable here.