https://github.com/Joao620/mosaic-Inator

A blazing fast Photo mosaic tool written in javascript using gpu acceleration
https://github.com/Joao620/mosaic-Inator

Last synced: about 2 months ago
JSON representation

A blazing fast Photo mosaic tool written in javascript using gpu acceleration

• Host: GitHub
• URL: https://github.com/Joao620/mosaic-Inator
• Owner: Joao620
• License: other
• Created: 2021-10-02T21:56:13.000Z (almost 3 years ago)
• Default Branch: master
• Last Pushed: 2022-06-26T20:23:00.000Z (about 2 years ago)
• Last Synced: 2024-06-09T00:32:17.545Z (4 months ago)
• Language: TypeScript
• Size: 3.69 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-blazingly-fast - mosaic-Inator - A blazing fast Photo mosaic tool written in javascript using gpu acceleration (TypeScript)

README

        
# GPU Image Mosaic

> A GPU accelerated Image Mosaic generator for the web

![Example of generated image](example.png)

## Internal working

It uses [GPU.js](gpu.rocks) to do the heavy lift of calculate and compare images, and Canvas API to encode and decode the images, so all the technologies are browser compatible, and JavaScript only moves data around 

## How fast

It doesn't have benchmarks, but it is obvious that in a browser environment, that only support JS ( maybe WASM too ) programming, the faster way to do it is putting the GPU to work. Now, running a program in your computer, with no limitations to JS, i am not sure how fast it compared to the alternatives, maybe with some optimization is faster, but how knows

## Use

> In NodeJS:

first install

``npm i gpu-image-mosaic``

then, you will need a "Piximage dir", this is a directory that has a image atlas, containing all the images that can be used, and a configuration file, that has the color approximation of the images inside the atlas

to generate this, use the command

`TODO`

this will create a Piximage directory

Now, for the create of the proper image mosaic, you will do the following

`TODO`

## Work To Do

- [ ] stop using gpu.js, this is hell in earth

##  Meta

João Carlos – [@João Carlos](https://www.linkedin.com/in/joão-carlos-a569a51b2) – [email protected]