DOTRA is an innovative web-based image dithering and pixelation tool that transforms ordinary photographs into stunning pixelated artwork. Built with React and HTML5 Canvas, it provides an intuitive interface for creating unique visual effects through customizable shapes, colors, and transformations.
Why DOTRA?
This project empowers artists, designers, and creative enthusiasts to experiment with image processing and create pixelated art effortlessly. The core features include:
- 🎨 Advanced Image Processing: Upload any image and transform it into pixelated patterns with real-time preview, enabling instant visual feedback.
- 🔷 Multiple Shape Options: Choose from various shapes including squares, circles, triangles, diamonds, hexagons, stars, and hearts to create unique artistic effects.
- 🎛️ Rich Customization Controls: Fine-tune pixel size, spacing, zoom, rotation, opacity, brightness, and color vibration to achieve the perfect aesthetic.
- 🌍 Multi-Language Support: Available in English and Slovenian, making the tool accessible to a wider audience.
- 🌓 Theme Customization: Switch between dark and light themes for comfortable editing in any environment.
- 💾 Export Functionality: Download your creations as PNG images to share with the world.
- ⚡ Smart Dot Size Modes: Normal, random, or brightness-based scaling for dynamic and creative pixelation effects.
This project requires the following dependencies:
- Programming Language: JavaScript
- Package Manager: npm
Build DOTRA from the source and install dependencies:
-
Clone the repository:
❯ git clone https://github.com/YOUR_USERNAME/dotra -
Navigate to the project directory:
❯ cd dotra -
Install the dependencies:
Using npm:
❯ npm install
Run the project with:
Using npm:
npm start