Skip to content

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

License

Notifications You must be signed in to change notification settings

pjkarlik/Rasterization

Repository files navigation

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.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published