bng

KO | EN

gitlite — search

#javascript #ai #typescript #llm #golang #go #android #docker #nodejs #awesome #kubernetes #vue #awesome-list #open-source

(★ 12)

BNG Image Format Implementation

bng Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Extending Native Browser Capabilities with WebAssembly

## Quick Start

```console
$ make -B
$ python -m SimpleHTTPServer 8080
$ iexplorer.exe http://localhost:8080/bng.html
```

## Research Notes

- [x] Premise: Performance of WASM is probably comparable to native code
  - [x] Let's check it by implementing a Prime Number Crunching as a "Benchmark":
    - [x] https://github.com/tsoding/prime-benchmark
- [ ] Idea: Let's imagine we invented a new image format that didn't exist before
  - [ ] If we implement the image support in WASM can we make it feel like a native browser support
    - [x] [Implement png2bng](./png2bng.c)
    - [x] [Implement bngviewer](./bngviewer.c)
    - [x] Implement bng support in WASM
      - [x] fetch("tsodinw.bng"):
        ```js
          fetch("./tsodinw.bng").then((x) => console.log(x.arrayBuffer()))
        ```
      - [x] Put the fetched file into WASM memory
        ```js
          let bngFile = await fetch("tsodinw.bng");
          let fileData = await bngFile.arrayBuffer();
          let memory = new WebAssembly.Memory({initial: 10, maximum: 10});
          new Uint8Array(memory.buffer).set(new Uint8Array(fileData));
        ```
      - [x] Call a WASM function that turns the file into Image Data
      - [x] Take out the Image Data from WASM memory and display it
    - [x] Add more interesting features to bng to test the support
      - [x] Different pixel formats
      - [x] Different compressions
    - [ ] Reusable BNG library that works both natively and being compiled to WASM
      - [ ] Check out this article: https://surma.dev/things/c-to-webassembly/
    - [ ] img tag integration
      - [ ] Check out object URLs: https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL

bng

bng Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

bng

bng Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README