JS Playground

colorpal

Dies sind vier kleine und unabhängige Implementierungen von Paletten und Pixel-Handling in Javascript. Sie benötigen kein Canvas Element, sondern konstruieren für den Viewer einen base64 encodierten string für bitmaps. Das ist sehr performant und minimalistisch durch Bit Banging realisierbar. (RGB zu BGR bei festem Header). Auch der Editor ist minimalistisch realisiert, unter Nutzung des iin HTML5 verfügbaren Elements "input type=color". Den Quellcode findest du im jeweiligen Dokument. Schau rein.

Die Palette wurde dabei auf 32 RGB Farben reduziert und als Zeichenfolge aus 0-9a-f gespeichert. Diese ist im Anchor (also hinter #) übergeben und wird für input aber auch für output verwendet. Wenn du also die geänderte Palette oder geänderte 8x8 Pixels "exportieren" willst, musst du nur die geänderte URL kopieren oder sichern. Wenn kein Wert übergeben wurde, wähle ich im code eine Beispielpalette oder Pixelfolge.

Hier nun View für den reinen Viewer der bmp ausgibt und im Browser darstellt und Edit für den Editor.