Releases: foxnne/pixi
Pixi 0.1.0
Pixi 0.1.0
![Screenshot 2023-08-09 at 1 15 03 AM](https://private-user-images.githubusercontent.com/49629865/261677029-533890e8-04e7-4e80-a97f-c2951cbd72fa.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwOTI5OTEsIm5iZiI6MTcyNDA5MjY5MSwicGF0aCI6Ii80OTYyOTg2NS8yNjE2NzcwMjktNTMzODkwZTgtMDRlNy00ZTgwLWE5N2YtYzI5NTFjYmQ3MmZhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDE4MzgxMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWZmNmUzYzhhYzY5YmViNzAxN2EzNmRmNGI4YWY2ZDFjNDQwZDM1ZDk2MTIyZDYzMTM5ZWRjN2QyOTE0Y2Y4N2ImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.BZQY0mBYJfOEpIJcwjQUdcFKseJ4QRuMNOuOk58YbRA)
This is a really early release with minimal tools and functionality to get something out for people to test if they wish.
Currently the attached builds are all I can produce until I learn more about setting up CI. I do not have access currently to a Linux machine, but hopefully someone can try building and let me know if there are any issues. The Linux build depends on GTK for a native file dialog, but this can be changed in the future if that is undesirable.
Note: If you wish to give this a try and successfully get it running, feel free to clone aftersun --recursive
and open the assets
folder in Pixi if you want to have some pre-made art files to try/test out the packer.
I plan on creating documentation to let everyone know what the currently available tools and functionality are in detail but for now I will try to list everything available here:
Features
-
Simple drawing tools, such as pencil, eraser and color picker. Currently hotkeys are setup, but not configurable. Pencil is (d), Eraser is (e), right-click is color picker.
-
Trackpad or mouse mode: Currently in the Settings sidebar option, you can select the input scheme. If you choose Mouse, scrolling will zoom in and out, while middle mouse press will pan. If you choose Trackpad, then holding (ctrl/cmd) will enable zooming, but scrolling will by default pan around the image.
-
File system viewer. When opening Pixi, there is a "Select Folder" button under the logo, as well as a dropdown under File to select the project folder. Once selected, the files inside will be populated in the explorer. Right clicking a folder or the main root folder will offer you an option to create a new file, and specify the size. After a .pixi file is created, you can open them just by selecting them in the explorer.
Pixi will also remember what folders you opened previously and will show them in the explorer as recents when you close the project folder.
Pixi can also slice existing .png sprite sheets. If you have some .png's inside of your project folder, you can right click them and import, which will ask you some information about how to slice the image.
-
Exports: Pixi can export several ways. You can choose to export the currently selected sprite alone, the currently selected animation, all the layers, and a full image of the current document. The hotkey for exporting is (cmd/ctrl + p). Contextually you can also choose an export scale, if you prefer to scale up your sprite for posting online etc.
-
Palettes: Pixi comes with several palettes from LoSpec (.hex). If you just select the dropdown for palettes in the Tools window, Pixi will load and display the palette. Pixi comes with an "assets" folder, which you can drop additional .hex files into the palettes subfolder to have them available for selection as well.
-
Sprites: There is a sprite origin editor built into Pixi. If you select the Sprites sidebar item or press the hotkey (s), you can see a list of all sprites in the file. (ctrl/cmd) or (shift) selection will work in this mode, and you can select multiple sprites to edit. The origin sliders will show you where your origin is placed. This is helpful for selecting the point at which you wish to draw your sprites in your final framework, for instance, setting the origin to a characters feet so they sort correctly when drawing later.
-
Animations: Pixi comes with an animation editor. There is a sidebar selection for Animations or you can press the hotkey (a) to switch to the animation window and animation tool. Holding down (cmd/ctrl) and click-dragging will create a new animation, while just clicking and dragging without holding down (cmd/ctrl) will select a new set of sprites for the currently selected animation.
-
Layers: There is a Layers sidebar option allowing you to create and reorder layers by clicking the + icon and dragging the new layer above or below existing layers.
-
Packer: There is a sprite packer built into Pixi to help ease the workflow of getting your projects artwork into a framework for drawing efficiently. You have the choice in the Packer sidebar option to pack the entire project, the currently open file, or all open files. When you press Pack, the relevant files will be loaded and all sprites will be packed individually (layers will not be flattened, each layer will be packed individually). When you select Export which will appear after successfully packing, you can choose a location and name to export your sprite sheet and data. Do not include a file extension for this, just a name, as multiple files will be output. The .atlas file that is exported as well is just a JSON output of the sprite's origins and location on the sprite sheet.
-
History: Each action that modifies a file's state will trigger a history item. Drawing, changing animation FPS, changing sprite origins, renaming, etc will all be undoable and redoable. Currently the hotkeys for undo and redo are (ctrl/cmd + z) and (ctrl/cmd + shift + z).
-
Colors: Above the palettes, which you can select to change the primary and secondary colors, are the primary and secondary color buttons. Pressing either of them with the left mouse button will swap the two colors, while right clicking will show a color picker for the given color.
-
Themes: In the Settings pane, at the very bottom you can find a Style dropdown, which offers two themes by default, dark and light. With either selected, you can right click the colors shown to change them with a color picker. If you wish, you can also click Save As... when done editing and a window should open at the themes folder allowing you to save your new theme for use or sharing. Currently the user's settings are not saved... but this is something I'm looking to do soon.
![Screenshot 2023-08-09 at 1 12 48 AM](https://private-user-images.githubusercontent.com/49629865/261677143-003a307b-fa05-44de-b703-1c358e3fb8ce.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQwOTI5OTEsIm5iZiI6MTcyNDA5MjY5MSwicGF0aCI6Ii80OTYyOTg2NS8yNjE2NzcxNDMtMDAzYTMwN2ItZmEwNS00NGRlLWI3MDMtMWMzNThlM2ZiOGNlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE5VDE4MzgxMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWEwNWM0ZjgwYmFiMDllYjEzNjg3ZWVhZDk1YmY1ZTkzNmUwNzk1MmQ5NWU1ZjcyMzJjODVmNzIzY2I0YjRhMDQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.o6_JApo6BsruyFmJhyeuoZ33LMGn9TtCn0f6yRbiSJU)
I'm sure I missed some things but I just wanted to try to give anyone interested a chance to check out Pixi and offer any feedback as I will be looking at adding new tools and features now that some of the groundwork is laid.