Tamás Pál

{design&&development}

Raster-Composer

Raster-Composer - UI View

Raster-Composer - UI View

Raster-Composer - Typeface Example

Raster-Composer - Typeface Example

Raster-Composer - Photo Example

Raster-Composer - Photo Example

Raster-Composer - 3D Render Example

Raster-Composer - 3D Render Example

Raster-Composer - UI View

Raster-Composer

An image processing tool for remixing photos and graphics into new creative compositions.

Raster-Composer is an ongoing passion project that processes images on a pixel by pixel basis to create lofi-ish artwork in a manner that is prevalent throughout history. From mosaics to knitting patterns, pointillism, printmaking or early computer graphics.

It takes a source image and samples all or some of its pixels based on configurable criteria and renders them in custom shapes, colors with different possible patterns and transformations.

The library of operation functions is not extensive so far, but its simplicity still creates a sea of possiblities. Doing multiple passes with the use of layers, the ability to save and load presets gives the user a handy toolset for creating graphic artworks.

Raster-Composer is written in TypeScript and uses the p5 library to produce the images. It sacrifices speed and live operability to be able to handle large images with heaps of pixel data.

The UI is made using React and Vite.

HTML / CSS / JavaScript / TypeScript / Vite / P5

Meta

Year: 2024
Categories: Web Development
Fields: Web Design / Utility Software
Industries: <Dev />