Browse Source

Update README.md

Krzysztof Krysiński 1 week ago
parent
commit
05c903b645
1 changed files with 34 additions and 103 deletions
  1. 34 103
      README.md

+ 34 - 103
README.md

@@ -1,8 +1,4 @@
-<img src="https://github.com/user-attachments/assets/bd08c8bd-f610-449d-b1e2-6a990e562518">
-
-
-**PixiEditor** is a universal 2D editor that aims to provide you with tools and features for all your 2D needs. Create beautiful sprites for your games, animations, edit images, create logos. All packed in an eye-friendly dark theme.     
-
+<div align="center">
 
 [![Release](https://img.shields.io/github/v/release/flabbet/PixiEditor)](https://github.com/flabbet/PixiEditor/releases) 
 [![Downloads](https://img.shields.io/github/downloads/PixiEditor/PixiEditor/total)](https://github.com/flabbet/PixiEditor/releases)
@@ -10,130 +6,65 @@
 [![Subreddit subscribers](https://img.shields.io/reddit/subreddit-subscribers/PixiEditor?label=%20r%2FPixiEditor&logoColor=%23e3002d)](https://reddit.com/r/PixiEditor)
 [![Forum](https://img.shields.io/badge/PixiEditor-Forum-red?link=https%3A%2F%2Fforum.pixieditor.net%2F)](https://forum.pixieditor.net/)
 
-### Check out our website [pixieditor.net](https://pixieditor.net) and [PixiEditor Forum](https://forum.pixieditor.net/)
-
-## About PixiEditor
+<img width="50%" align="center" src="https://github.com/user-attachments/assets/bd08c8bd-f610-449d-b1e2-6a990e562518">
 
-PixiEditor aims to be all-in-one solution for 2D image editing, we want to achieve this by building a solid foundation with built-in tools for editing raster and vector graphics, procedural artworks, animations and more. To fully customize PixiEditor for all of your 2D needs, we built advanced Node Graph rendering, that allows for creating basically anything. From tiled texturing workspace, procedural animations that wouldn't be possible to make by hand, to even rendering 3D shapes.
+## The only 2D Graphics Editor you'll ever need
 
-The project started as a pixel-art editor, but quickly evolved into something much more complex. Version 1.0 was downloaded over 100 000 times on all platforms and received 93% positive rating on Steam.
+**PixiEditor** is a universal 2D editor that was made to provide you with tools and features for all your 2D needs. Create beautiful sprites for your games, animations, edit images, create logos. All packed up in an intuitive and familiar interface.
 
-### Familiar interface
+<a href="https://pixieditor.net/download"><img src="https://github.com/nnakocaj/supreme-train/blob/main/download1.png" width="250" alt="Download"/></a>
 
-Have you ever used Photoshop or Gimp? Reinventing the wheel is unnecessary, we wanted users to get familiar with the tool quickly and with ease. 
+</div>
 
-![](https://opencollective-production.s3.us-west-1.amazonaws.com/account-long-description/d2e269a7-8ded-4e0a-a723-c014730dba1c/PixiEditor_6OoxS5PGVD.png)
+![](https://github.com/nnakocaj/supreme-train/blob/main/interface.png)
 
 ### Toolsets for any scenario
 
-PixiEditor 2.0 comes by default with multiple toolsets: 
-- Pixel art - it contains tool suited for pixel-perfect scenarios
-- Painting - Basic painting tools, soft brushes, anti aliased shapes
-- Vector - Shapes and paths for creating vectors
+PixiEditor 2.0 comes by default with 3 toolsets: 
+- **Pixel art** - it contains tool suited for pixel-perfect scenarios
+- **Painting** - basic painting tools, soft brushes, anti aliased shapes
+- **Vector** - shapes and paths for creating vectors
 
-All toolsets can be used on one canvas, mix vector with raster. Export to png, jpg, svg, gif, mp4 and more!
+All **toolsets can be used on one canvas**. Mix vector with raster. Export to png, jpg, svg, gif, mp4 and more!
 
-![](https://github.com/user-attachments/assets/605c901a-24aa-4c91-9ef9-0fa44878b614)
+<p align="center">
+  <img src="https://github.com/nnakocaj/supreme-train/blob/main/toolsets.gif?raw=true" width="70%" />
+</p>
 
 ### Animations
 
-Version 2.0 comes with Timeline and animation capabilities. You can create frame by frame animations or use nodes to animate your custom shaders.
-Key frame animations with vectors are planned.
+Version 2.0 comes with a timeline and animation capabilities. You can create frame by frame animations or use nodes to animate your custom shaders.
+Key frame animations with vectors are on our roadmap.
 
-![PixiEditor_YdWFRnYxfb](https://github.com/user-attachments/assets/8fba0c6c-35c8-4ccb-9d69-d6beaff5d97f)
+![](https://github.com/nnakocaj/supreme-train/blob/main/timeline1.png)
 
 ### Nodes
 
-Node render system is what powers such extensive capabilities. All layers, effects, layer structure are nodes or a result of node connections. PixiEditor exposes node graph for every document, so you are free to customize your image however you want and create procedural art/animations!
-
-Here are some examples of what you can do with custom nodes https://pixieditor.net/blog/2024/08/16/devlog7#madeinpixieditor20
-
-## Installation - PixiEditor 2.0
-
-Currently version 2.0 is in open beta, follow this guide to install it https://pixieditor.net/docs/open-beta
-
-## Installation PixiEditor 1.0 - Pixel Art Editor
-
-<a href='//www.microsoft.com/store/apps/9NDDRHS8PBRN?cid=storebadge&ocid=badge'><img src='https://developer.microsoft.com/store/badges/images/English_get-it-from-MS.png' alt='Microsoft Store badge' width="184"/></a>
-
-Get it on Steam now!
-
-[![Get PixiEditor on Steam](https://user-images.githubusercontent.com/121322/228988640-32fe5bd3-9dd0-4f3b-a8f2-f744bd9b50b5.png)](https://store.steampowered.com/app/2218560/PixiEditor__Pixel_Art_Editor?utm_source=GitHub)
-
-**Or**
-
-Follow these instructions to get PixiEditor working on your machine.
-
-1. Download the zipped installer from our [official website](https://pixieditor.net/download)
-2. Extract the installer from the archive
-3. Launch it
-4. Follow the steps in the installer to finish the installation
-
-## Featured content
-
-### PixiEditor 1.0 Trailer
-
-[![Trailer](https://img.youtube.com/vi/UK8HnrAQhCo/0.jpg)](https://www.youtube.com/watch?v=UK8HnrAQhCo)
-
-### Pixel Art Timelapse - "Bog Landscape" | PixiEditor
-
-[![Landscape timelapse](https://img.youtube.com/vi/bzC-wy6HCB8/0.jpg)](https://www.youtube.com/watch?v=bzC-wy6HCB8)
-
-### Gallery
-
-Check out some pixel arts made with PixiEditor [here](https://github.com/PixiEditor/PixiEditor/wiki/Gallery).
-
-
-## Support
-
-Struggling with something? You can find support in a few places:
-
-* Check out [documentation](https://pixieditor.net/docs)
-
-* Ask on [Discord](https://discord.gg/qSRMYmq)
-* Check out [Forum](https://forum.pixieditor.net)
-* Open new [Issue](https://github.com/flabbet/PixiEditor/issues)
-* [Get help](https://pixieditor.net/help)
+Node render system is what powers such extensive capabilities. All layers, effects and the layer structure are nodes or a result of its connections. PixiEditor exposes node graph for every document, so you are free to customize your image however you want and create procedural art/animations!
 
+![](https://github.com/nnakocaj/supreme-train/blob/main/node.png)
 
 ## Building from source
 
-### Software Requirements
-
-* .NET 8 SDK
-* [wasi-sdk](https://github.com/WebAssembly/wasi-sdk) - PixiEditor uses WASI modules for extensions
-
-### Instructions
-
-1. Clone Repository with nested submodules
-
-`git clone --recurse-submodules -j8 https://github.com/PixiEditor/PixiEditor.git`
-
-or if cloned already, init submodules with
+<p>Check out our <a href="https://pixieditor.net/docs/contribution/compileguide/">Compile Guide</a></p>
 
-```
-cd PixiEditor
-```
-```
-git submodule update --init --recursive
-```
+## Contributing
 
-2. Download [Wasi-sdk](https://github.com/WebAssembly/wasi-sdk/releases) release for your system
-3. Extract downloaded sdk 
-4. Set `WASI_SDK_PATH` enviroment variable to extracted directory
-5. Run 
-```
-dotnet workload install wasi-experimental
-```
+<p>For a seamless collaboration <a href="https://pixieditor.net/docs/contribution/starthere//">Start Here</a></p>
 
-7. Open PixiEditor/src/PixiEditor.sln in Visual Studio or other IDE of your choice
+## Help
 
-8. Build solution and run PixiEditor.Desktop project
+<p>Got stuck? We are here to <a href="https://pixieditor.net/help">Help</a></p>
 
-## Contributing 
 
-Start with [Contributing Guide](https://github.com/PixiEditor/PixiEditor/blob/master/CONTRIBUTING.md)
+</br></br>
 
-## License
 
-This project is licensed under the LGPLv3 License - see the [LICENSE.md](https://github.com/flabbet/PixiEditor/blob/master/LICENSE) - file for details
+<div align="center">
+    <a href="https://discord.gg/DwaXAuXVzv" target="_blank"><img src="https://newsletter.pixieditor.net/uploads/discord.png" alt="discord" width=50/></a>&nbsp;&nbsp;&nbsp;
+    <a href="https://store.steampowered.com/app/2218560/PixiEditor__Pixel_Art_Editor/" target="_blank"><img src="https://newsletter.pixieditor.net/uploads/steam.png" alt="steam" width=50/></a>&nbsp;&nbsp;&nbsp;
+    <a href="https://www.youtube.com/@PixiEditor" target="_blank"><img src="https://newsletter.pixieditor.net/uploads/youtube.png" alt="youtube" width=50/></a>&nbsp;&nbsp;&nbsp;
+    <a href="https://twitter.com/PixiEditor" target="_blank"><img src="https://newsletter.pixieditor.net/uploads/twitter.png" alt="twitter" width=50/></a>&nbsp;&nbsp;&nbsp;
+    <a href="https://www.reddit.com/r/PixiEditor" target="_blank"><img src="https://newsletter.pixieditor.net/uploads/reddit.png" alt="reddit" width=50/></a>&nbsp;&nbsp;&nbsp;
+    <a href="https://www.linkedin.com/company/pixieditor" target="_blank"><img src="https://newsletter.pixieditor.net/uploads/linkedin.png" alt="linkedin" width=50/></a>
+</div>