Efficient splat3/4 rendering

[kui]

At A18 (or later A17?), splat3.png is completely transparent image. So we require to drop the alpha values of splat3.png on web browsers.

But the processing takes match time because the image is parsed with pure javascript.

We need to know about browser API (around File API? ImageBitmap? or Canvas?).

[kui]

• createImageBitmap(file); then drowImage(bitmap, 0, 0) for a canvas drows all pixels which are rgba=(0, 0, 0, 0), So it drops rgb values.
• Using getContext("2d", { alpha: false }) is the same result.

Web browsers might drop rgb values of pixels which the alpha value is 0.

[kui]

Or WebAssembly SIMD in Beta Chrome 84?

[kui]

Splat convert is now fast enough by 026258d. It takes vast time that slice creates new array instance.

[kui]

This issue should treat about pngjs.pack() into Blob. It takes about 14 secs in my env yet.

[kui]

Avoid to use pngjs.pack() in bcfcf17.

• Before: about 14s
• After: about 5s

[kui]

I will try wasm for PNG parsing.

[kui]

Rust png with wasm parses faster than pngjs.

Benchmark: https://github.com/kui/png-parse-benchmark

Result:

Note: It is slower than pngjs when devtool is opened.

But I'll not use this rust wasm. Code maintenance with wasm is harder than the current code. I think this benchmark result is not worth it.

[kui]

Same PC but the latest Chrome (126)

[kui]

https://github.com/jamsinclair/jSquash/tree/main/packages/oxipng

[kui]

op111.net - oxipng and friends: A comparison of PNG optimization tools