diff --git a/README.md b/README.md index 101b97e..0c5090b 100644 --- a/README.md +++ b/README.md @@ -15,4 +15,4 @@ You can find a simple Arduino example sketch [over here](https://github.com/javl I wrote the code with my 128x64 pixel monochrome OLED display in mind, but it should work with most similar displays. You might need to change some export settings; those are explained in the tool. ### Credit ### -Initial code by [javl](https://github.com/javl), with aditional code by [wiredolphine](https://github.com/wiredolphin). The example sketch was made by Adafruit. \ No newline at end of file +Initial code by [javl](https://github.com/javl), with aditional code by [wiredolphin](https://github.com/wiredolphin). The example sketch was made by Adafruit. \ No newline at end of file diff --git a/img/error.jpg b/img/error.jpg deleted file mode 100644 index 9109b25..0000000 Binary files a/img/error.jpg and /dev/null differ diff --git a/index.html b/index.html index df006a1..333ec51 100644 --- a/index.html +++ b/index.html @@ -1,158 +1,358 @@ + image2cpp +
-

image2cpp

-

- Click here to visit the Github repo for this tool. -

-

- - - - - -
-

1. Select image

-
- no image selected - - 		or -

1. Paste byte array

-
+
+

image2cpp

+

Click here to visit the Github repo for this tool.

+
+
+
+
+

1. Select image

+
+
+
+

or

+
+
+

1. Paste byte array

+
-
-

-
- -

+

+ + +

2. Image Settings

- * pixels
- - -
- 0 - 255; pixels with brightness above become white, below become black.
- -
- -
-
- Centering the image only works when using a canvas larger than the selected image.
- -

- -
- -

+

+
+
+
+
+
    +
    Only images file type are allowed
    +
    No files selected
    + +
    +
    +
    +
    +
    + + + + +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    + +
    0 - 255; pixels with brightness above become white, below become black.
    +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    + + + + +
    +
    +
    +
    + NOTE: Centering the image only works when using a canvas larger than the selected image. +
    +
    +
    +

    3. Preview

    - -

    - -
    - -

    +

    +
    +
    +
    +

    4. Output

    -
    - Adds some extra Arduino code around the output for easy copy-paste into this example.
    -

    - - -

    -
    - - -
    - If your image looks all messed up on your display, like the image below, try the other mode.
    -
    -

    -

    - -

    +
    +
    +
    +
    +
    + +
    +
    + Adds some extra Arduino code around the output for easy copy-paste into + this example. + If multiple images are loaded, generates a byte array for each and appends a counter to the identifier. +
    +
    + Adds some extra Arduino code around the output for easy copy-paste. + If multiple images are loaded, generates a single byte array. +
    +
    + Creates a GFXbitmapFont formatted ouput. Used by a modified version of the Adafruit GFX library. + GitHub project and example here. +
    + First ASCII character value is used only if a glyph identifier of length equal to 1 is not provided for each image. The value itself will be incremented by 1 for each glyph. +
    +
    +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    + +
    +
    +
    +
    +
    +
    +
    +
    +
    + + + + +
    +
    +
    +
    + If your image looks all messed up on your display, like the image below, try the other mode. +
    + +
    +
    + + +
    +
    + +