{"id":19021941,"url":"https://github.com/chleba/pixelartor","last_synced_at":"2025-10-23T17:02:29.708Z","repository":{"id":141486457,"uuid":"200493361","full_name":"Chleba/PIXELARTOR","owner":"Chleba","description":"Animation Tool for converting 3D models with animations into 2D sprite frames.","archived":false,"fork":false,"pushed_at":"2023-03-06T08:20:25.000Z","size":6230,"stargazers_count":18,"open_issues_count":14,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-23T07:55:49.931Z","etag":null,"topics":["2d","3d","animation","editor","electron","js","pixelart"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Chleba.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.txt","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-08-04T13:01:12.000Z","updated_at":"2025-04-14T08:04:06.000Z","dependencies_parsed_at":null,"dependency_job_id":"e037cd09-6188-410a-885f-882e0c570b8e","html_url":"https://github.com/Chleba/PIXELARTOR","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chleba%2FPIXELARTOR","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chleba%2FPIXELARTOR/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chleba%2FPIXELARTOR/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Chleba%2FPIXELARTOR/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Chleba","download_url":"https://codeload.github.com/Chleba/PIXELARTOR/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250395208,"owners_count":21423377,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["2d","3d","animation","editor","electron","js","pixelart"],"created_at":"2024-11-08T20:24:19.984Z","updated_at":"2025-10-23T17:02:29.649Z","avatar_url":"https://github.com/Chleba.png","language":"JavaScript","funding_links":["https://www.patreon.com/chleba","https://paypal.me/chleba"],"categories":[],"sub_categories":[],"readme":"# PIXELARTOR\n\nPIXELARTOR is animation tool to create 2D frame images from 3D scenes/models with or without animations. Generated animation frames can be exported into gif image or ZIP file with sprites.\u003cbr /\u003e\nPIXELATOR support only glTF \u0026 FBX files at the moment, but more formats will be added soon.\u003cbr /\u003e\nThis Tool is heavily inspired Dead Cell pipeline article on [Gamasutra website](https://www.gamasutra.com/view/news/313026/Art_Design_Deep_Dive_Using_a_3D_pipeline_for_2D_animation_in_Dead_Cells.php) and with my passion at scripting and pixelart.\n\n**NOTE**: I'll try to make monthly distributions with new features and fixes from TO-DO list below.\n\n\u003cp align=\"center\"\u003e\n\t\u003cimg src=\"./screenshots/img1.gif\"/\u003e\n\u003c/p\u003e\n\n## Usage\n- Open glTF or FBX file to load 3D scene, if there's animations within the scene PIXELARTOR will load them and they can be played.\n- set camera and other features (as lights or outline) as you need\n- click generate button to create spriteframe(s) of scene\n- export to sprites or gif (others format soon)\n\n## Features\n\u003cdiv align=\"center\"\u003e\n  \u003ca href=\"https://www.youtube.com/watch?v=Rq_gJ30AU2w\"\u003e\u003cimg width=\"400\" src=\"./screenshots/youtube.png\" alt=\"PIXELARTOR features\"\u003e\u003c/a\u003e\n\u003c/div\u003e\n\n### Orthogonal \u0026amp; Projective Camera\nNormal Orthogonal camera with position and rotation settings \u0026amp; Projection camera with free look controls using mouse and keyboard.\n\u003cp align=\"center\"\u003e\n\t\u003cimg src=\"./screenshots/img2.gif\"\u003e\n\u003c/p\u003e\n\n### Outline\nOutline settings with width and color attribute for exported frames of the scene.\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"./screenshots/img3.png\"\u003e\n\u003c/p\u003e\n\n### Export\nExport generated animation or scene into sprite frames or gif image.\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"./screenshots/img4.png\"\u003e\n\u003c/p\u003e\n\n### Hemisphere, Direct and Point Lights\nAdd lights into a scene. Direct and Point lights can produce shadows at the added ground mesh or other meshes within a scene.\n\n### Ground\nAdd plane mesh serving as a ground for a lights with shadow.\n\n**NOTE:** this will remove outlines oround loaded mesh (work in progress)\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"./screenshots/img5.png\"\u003e\n\u003c/p\u003e\n\n### Size\nControls of the size 3D view with loaded scene and 2D view for generated frames.\n\u003cp align=\"center\"\u003e\n    \u003cimg src=\"./screenshots/img6.png\"\u003e\n\u003c/p\u003e\n\n## Support\nSupport the development of this project on Patreon: [\u003cimg width=\"120\" src=\"https://c5.patreon.com/external/logo/become_a_patron_button@2x.png\"\u003e](https://www.patreon.com/chleba)\n\nYou can support the development of this project via **PayPal**: [PayPal link](https://paypal.me/chleba) \n\nThis is my e-mail address for businesses or if you just want to contact me:\n**chlebalukas at gmail dot com**\n\nAlso feel free to contact me and suggest some missing feature you would like me to implement.\n\n## TODO\nThere are some features that I am looking to implement:\n - [x] fix cameras position controls\n - [x] add more supported 3D formats\n - [ ] add colors filters\n - [ ] generating normal map textures\n - [ ] loading videos\n - [ ] selecting range of generated frames\n - [ ] fixing lights and shadow\n - [ ] add transparent ground mesh for functional outlines and shadows\n - [ ] add timeline for camera move animation\n - [ ] export into a spritesheet with customize grid\n - [ ] export into a video file\n - [ ] better UI\n - [ ] mesh inspector with simple color shaders\n - [ ] ** rewrite into native C++ application with custom animation control **\n\n## Binaries\nTo get started you can visit [Release](https://github.com/Chleba/PIXELARTOR/releases) page and download\nlatest stable binary release (v0.1.0).\n\nIf you want to compile the program yourself, install [yarn](https://yarnpkg.com/en/docs/install)\nThen run following command in app directory: ```yarn install``` and then ```yarn start``` for developing or ```yarn dist``` for binary.\n\n## Credits\nThanks to [**NORBERTO-3D**](https://sketchfab.com/norberto3d) for Phoenix bird model for testing purposes.\nThanks to Electron, yarn, THREEJS teams and all others developers for their hard work on amazing libraries and frameworks that i've been able to use easily to create this tool. (see [package.json](./package.json) for every package I used and it's developers)\n\n## LICENSE\nPIXELARTOR is licensed under MIT license. See [LICENSE](./LICENSE) for more details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchleba%2Fpixelartor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchleba%2Fpixelartor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchleba%2Fpixelartor/lists"}