🎨 OLED Display Studio V2.4

🌐 English Version

🚀 Overview

OLED Display Studio is a professional, web-based toolkit designed for creating bitmaps and icons specifically for 128x32 monochrome OLED displays (SSD1306). It streamlines the workflow for developers by converting pixel art into ready-to-use code arrays for Arduino, ESP32, and other microcontrollers.

🔗 Try it Live

No installation required! Access the tool directly in your browser: 👉 https://dtechniker.github.io/OLED-Display-Studio/

✨ Key Features

Pixel-to-Hex: Generates compact C-arrays (e.g., 0xFF) compatible with libraries like Adafruit GFX or U8g2.

Pixel-to-Binary: Provides a visual bit representation (e.g., 0b10101010) for low-level debugging.

Workshop Power-Tools: Mirror, rotate (90° steps), and shift (pixel-by-pixel) your designs with ease.

Universal Import: Restore graphics by pasting existing HEX or Binary code back into the editor.

Smart Localization: Automatically detects system language (EN/DE).

Offline Ready: All assets are locally integrated, allowing the tool to run without an internet connection.

📂 Project Structure

index.html – Main application entry point.

data/ – Core assets including script.js, style.css, and language modules.

LICENSE – Distributed under the MIT License.

🌐 Deutsche Version

🚀 Übersicht

OLED Display Studio ist ein professionelles, webbasiertes Toolkit zur Erstellung von Bitmaps und Icons speziell für 128x32 Monochrom-OLED-Displays (SSD1306). Es optimiert den Workflow für Entwickler, indem es Zeichnungen blitzschnell in fertige Code-Arrays für Arduino, ESP32 und andere Mikrocontroller verwandelt.

🔗 Live-Version nutzen

Keine Installation nötig! Öffne das Tool direkt im Browser: 👉 https://dtechniker.github.io/OLED-Display-Studio/

✨ Highlights & Funktionen

Pixel-to-Hex: Erstellt kompakte C-Arrays (z. B. 0xFF), ideal für Bibliotheken wie Adafruit GFX oder U8g2.

Pixel-to-Binary: Generiert eine visuelle Bit-Darstellung (z. B. 0b10101010) für die hardwarenahe Fehlersuche.

Workshop Power-Tools: Spiegeln, Rotieren (90°-Schritte) und Verschieben (pixelgenau) deiner Icons.

Universal Import: Bestehende Hex- oder Binärcodes einfach zurück in den Editor kopieren und bearbeiten.

Smart & Lokal: Automatische Sprachwahl (DE/EN) und vollständige Offline-Fähigkeit durch lokal integrierte Assets.

📂 Projektstruktur

index.html – Haupteinstiegspunkt der App.

data/ – Beinhaltet die Logik (script.js), das Design (style.css) und die Sprachpakete.

LICENSE – Lizenziert unter der MIT-Lizenz.

⚙️ Technical Details / Technik

Stack: HTML5, CSS3 (Grid/Flexbox), Vanilla JavaScript (ES6+).

Compatibility: Optimized for all modern desktop and mobile browsers.

License: MIT - Free for private and commercial use.

👨‍💻 Developer / Entwickler

Developed by DTech (REC-Snowmen24).

If this tool helps you, feel free to give the repository a ⭐! Note: Specifically optimized for 128x32 pixel resolutions.