Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lunapaint/vscode-luna-paint

A raster image editor extension for VS Code
https://github.com/lunapaint/vscode-luna-paint

image image-editor paint photo pixel pixel-art vscode vscode-extension

Last synced: about 2 months ago
JSON representation

A raster image editor extension for VS Code

Awesome Lists containing this project

README 

        
_Luna Paint_ is a VS Code extension that lets you edit raster images from within the editor, just open an image from the explorer and start editing like any other file.



> ⚠ This is a preview release:

> - Some features you expect from an image editor may be missing or limited.

> - Hot exit state may break when the extension updates as the data format gets refined.

> - If you hit any problems or want to request a feature, please [create an issue on the repo](https://github.com/lunapaint/vscode-luna-paint).





    




## Features



- **VS Code native**: Luna Paint was built from the ground up for VS Code.

- **Performance**: The editor is built on WebGL to achieve a smooth editing experience.

- **Layers and blend modes**: Compose an image using multiple layers, combining them with blend modes.

- **Powerful tools**: A growing range of tools are available to modify images.

- **Formats supported**: .bmp, .ico, .jpg, .png, .tga, .webp.

- **Import from clipboard**: Quickly edit the image in the clipboard via ctrl/cmd+'.

- **Hot exit**: Support for [hot exit](https://code.visualstudio.com/docs/editor/codebasics#_hot-exit) is available for small images, just like in text files.

- **Remote support**: Edit images remotely in a [GitHub Codespace](https://github.com/features/codespaces) or via the [Remote WSL](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-wsl), [SSH](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-ssh) and [Containers](https://marketplace.visualstudio.com/items?itemName=ms-vscode-remote.remote-containers) extensions.

- **Web support**: The extension works in [vscode.dev](http://vscode.dev/) and [github](http://github.dev/).

- **Developer oriented**: Includes features for inspecting image files and gives warnings for potentially broken files.



## Getting started



Luna Paint features a walkthrough experience to learn how to use the extension. Access it via VS Code's Get Started page or the `Luna > Help: Open Documentation` command.





    




## Tools



There are a growing range of tools available in Luna paint which can be accessed in the Tools window in the top left of the image editor.





    




## Image and layer commands



Luna Paint contributes many commands that are accessible via the command palette or the Menu button in the top left corner of the editor. Try searching the command palette for `luna image` or `luna layer`.





    




This is also a great way to learn the default keybindings.



## Resources



- [Customization](https://github.com/lunapaint/vscode-luna-paint/wiki/Customization)

- [Limitations](https://github.com/lunapaint/vscode-luna-paint/wiki/Limitations)



## Open source licenses



The following third party open source libraries are shipped as part of Luna Paint:



| Project | License | Reason

|---------|---------|--------

| [pako](https://www.npmjs.com/package/pako) | [MIT](https://github.com/nodeca/pako/blob/master/LICENSE) and [Zlib](https://github.com/nodeca/pako/blob/master/lib/zlib/README) | Used to decompress png datastreams

| [@lunapaint/png-codec](https://www.npmjs.com/package/@lunapaint/png-codec) | [MIT](https://github.com/lunapaint/png-codec/blob/main/LICENSE) | Used to decode/encode png and ico files

| [@lunapaint/tga-codec](https://www.npmjs.com/package/@lunapaint/tga-codec) | [MIT](https://github.com/lunapaint/tga-codec/blob/main/LICENSE) | Used to decode tga files