Skip to content

Frontend Manual

Jean-Baptiste Le Coz edited this page Nov 3, 2023 · 4 revisions

Action screen

  • OPTIONS :

    • Playlist ? [x] ImagePainting will render the playlist
    • Trigger ? [x] After rendering an element of the playlist, you need to hit Play/Pause to render the next element.
  • Light : Set the LED Strip to End Color to use it as a flashlight or for special effect. Stop your running animation. If Playlist? is true if will take the parameter of its first element, else it would take the current parameter from the Parameter screen.

  • Burn : Set the LED Strip to the first column of the Bitmap for special effect. Stop your running animation. If Playlist? is true if will take the parameter of its first element, else it would take the current parameter from the Parameter screen

  • Play/Pause : Play or pause your running animation. If Playlist? is true if will render it, else it would render the current parameter from the Parameter screen

  • Stop : Turn off your LED Strip and Stop your running animation in any case.

Playlist screen

  • PLAYLIST : Select a saved playlist on the ESP8266 flash memory.

    • Restore : Restore the saved playlist from the ESP8266 flash memory.
    • Delete : Delete the saved playlist on the ESP8266 flash memory.
  • PARAMETER LIST : The parameter with render duration in the current playlist. Give the render duration of the playlist.

  • BOTTOM MENU :

    • Save : Save playlist on the ESP8266 flash memory.
    • Default : Blank the playlist.
    • Fill : Quick link to parameter screen to add a new element in the playlist.

Parameter screen

  • PARAMETER : Select a saved parameter on the ESP8266 flash memory.

    • Restore : Restore the saved parameter from the ESP8266 flash memory.
    • Delete : Delete the saved parameter on the ESP8266 flash memory.
  • BITMAP : Select a Bitmap on the ESP8266 flash memory. Give the render duration of the parameter.

    • Warning : In reality the Bitmap is turn +90° and render from top to bottom.
    • Start : Select the beginning of your animation
    • Stop : Select the end of your animation
  • BASIC :

    • Delay : Time between two frames in ms.
    • Brightness : Brightness of the LED Strip. Value possible 0 (black) to 255 (full).
    • Invert ? [x] The animation start with the end of the Bitmap
  • END :

    • End Color : Color use by Endcolor ? and the Light button.
    • Endoff ? [x] Turn off the LED Strip when the animation is wait, pause/stop or end. Useful when the Bitmap doesn't end with a black line.
    • Endcolor ? [x] Set the LED Strip to Color when the animation is wait, pause/stop or end. Useful for special effect.
  • CUT :

    • Cut Color : Color of the cut.
    • Vertical Cut : Number of column between two vertical cut during the animation (0 = disable).
    • Horizontal Cut : Number of line between two horizontal cut during the animation (0 = disable).
    • Alternate ? [x] Alternate horizontal cut according to vertical cut (mosaic effect)
  • REPEAT :

    • Repeat : Number of times the animation is render again (0 = disable).
    • Wait : Wait in pixels between repeat.
    • Bounce ? [x] Activate bounce (normal-invert-normal...etc).
  • BOTTOM MENU :

    • Save : Save current parameters on the ESP8266 flash memory.
    • Default : Blank the parameter.
    • Add : Add current parameter to the Playlist and link to playlist screen.

Convert screen

  • FILE : Select a file on your smartphone. Preview is for image only.

    • Warning : This is normal that the default angle is +90°. ImagePainting will render it from top to bottom.
  • OPTIONS :

    • Gamma : Apply Gamma to the Bitmap which will appear darker on the smartphone than on the LED strip.
    • Orientation : Change the orientation of the Bitmap. Useful for vertical Bitmap.
    • Pixels : Change the number of pixels. The Bitmap is put in the center of the LED strip.
  • BOTTOM MENU :

    • Upload : Convert and Upload selected image file to the ESP8266 flash memory.
    • Download : Convert and Download selected image file to your smartphone.

Generate screen

  • EFFECT : Select an effect to generate.

    • Warning : This is normal that the default angle is +90°. ImagePainting will render it from top to bottom.
  • OPTIONS :

    • Gamma : Apply Gamma to the Bitmap which will appear darker on the smartphone than on the LED strip.
    • Orientation : Change the orientation of the Bitmap. Useful for vertical Bitmap.
    • Pixels : Change the number of pixels. The Bitmap is put in the center of the LED strip.
  • BOTTOM MENU :

    • Upload : Convert and Upload selected effect to the ESP8266 flash memory.
    • Download : Convert and Download selected effect to your smartphone.
    • Refresh : Refresh the effect.

System screen

  • ESP8266 UPLOAD : Select a file on your smartphone.

    • Upload : Upload the selected file to the ESP8266 flash memory.
  • ESP8266 PIXELS :

    • Pixels : Number of pixels attach on the ESP8266.
  • ESP8266 FILELIST : Select a file on the ESP8266 flash memory.

    • Size : Size in byte of the selected file on the ESP8266 flash memory.
    • Download : Download the selected file to your smartphone.
    • Delete : Delete the selected file from the ESP8266 flash memory..
  • ESP8266 FILESYSTEM : Memory use on the ESP8266 flash memory.