pjkarlik / Rasterization

The basics of Image Rasterization - Application lets you upload an image or use the webcam to visually process and export with the Canvas element.

Home Page:https://rasterization-demo.surge.sh/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

travis ci build

drawing

current experiment with image rasterization and JavaScript - this is a work in progress and taken from things learned and read online.

version webpack stage-0

Rasterization

Application takes in either a static image or webcam video stream. With JavaScript that image is processed to produce an average luminosity level which is translated into data points and rendered on a visible canvas. You have control of the resolution, intensity and base size of the raster pixels.

You can select the input source in the dat.gui menu as well as export a png file to your downloads from the output.

The entry point to the application is src/index.js ---> cartridge\RasterApp.js which points to our Application js file.

Run the example

Requires Node and Yarn to be installed for build and development.

Open a terminal window and type the following for local webpack dev server...

$ yarn install
$ yarn dev

open http://localhost:2020

About

The basics of Image Rasterization - Application lets you upload an image or use the webcam to visually process and export with the Canvas element.

https://rasterization-demo.surge.sh/

License:MIT License


Languages

Language:JavaScript 97.6%Language:CSS 1.5%Language:HTML 0.9%