https://github.com/jingshing/pixel_filter_js

A pixel filter made with Javascript.
https://github.com/jingshing/pixel_filter_js

filter html javascript pixel pixel-art pixel-art-maker pixelart

Last synced: 4 months ago
JSON representation

A pixel filter made with Javascript.

• Host: GitHub
• URL: https://github.com/jingshing/pixel_filter_js
• Owner: JingShing
• License: bsd-3-clause
• Created: 2023-04-17T02:56:17.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-04-19T08:50:32.000Z (about 2 years ago)
• Last Synced: 2024-11-16T17:40:54.961Z (6 months ago)
• Topics: filter, html, javascript, pixel, pixel-art, pixel-art-maker, pixelart
• Language: JavaScript
• Homepage: https://jingshing.com/pixel_filter_js/
• Size: 947 KB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
English | [繁體中文](README_TCH.md)

# [Online Tool](https://jingshing.com/pixel_filter_js/)

You can use this tool on [my website](https://jingshing.com/pixel_filter_js/).

# Pixel_Filter_JS

A pixel filter made with Javascript.

This is rewrite from my old repo [Pixel_Art_filter](https://github.com/JingShing/Pixel-Art-Filter-Web).

You can put the content you want to pixelize in content filed.

Then click button it will pixelize the file for you.

# UI

![UI](image/UI.png)

# Example

## Before Pixelize

![B](image/pixel_B.png)

## After 10 pixel size Pixelize

![A](image/pixel_A_10.png)

# Log

## Ver0.1

* Feature:

  * Core part: pixel size

  * file load

  * file drag and drop

  * Now support txt, png and jpg

## Ver0.2

* Feature:

  * Now can see before and after image

## Ver0.3

* Feature:

  * I finally make kmeans in Javascript without using nodeJS and 3rd party modules.

  * Kmeans

  * color control

## Ver0.4

* Feature:

  * color number using 0 or -1 will not apply color number.