Skip to content

F4tal1t/Poxil

Repository files navigation

Poxil Dibby (6)

React TypeScript Vite Tailwind CSS Node.js Express.js Prisma PostgreSQL Socket.io

Poxil is a web-based pixel art editor designed for desktop workflows. It combines a robust set of drawing tools with real-time collaboration features, allowing multiple users to edit the same canvas simultaneously.

Features

Core Editing

  • Drawing Tools: Includes pencil, eraser, bucket fill, line, rectangle, circle, and text placement.
  • Selection: Select, move, and manipulate specific areas of the canvas.
  • Color Management: Primary and secondary color selection with a pipette tool for sampling.
  • Advanced Modes: Symmetry drawing (X and Y axis mirroring), tile mode for seamless pattern creation, and configurable brush sizes.

Animation & Layers

  • Layer System: Create, reorder, lock, hide, and adjust opacity for multiple layers.
  • Animation Support: Frame-based animation timeline with add, duplicate, and delete capabilities.
  • Onion Skinning: Visualize previous frames to guide animation fluidity.
  • Playback: Built-in player to preview animations directly on the canvas.

Workspace & Navigation

  • Navigation: Infinite canvas panning, zoom controls, and fit-to-screen functionality.
  • History: Reliable undo and redo stack to manage changes.
  • Shortcuts: Extensive keyboard shortcuts for efficient workflow (e.g., Ctrl+Z, Ctrl+Y, tool hotkeys).

Collaboration & Storage

  • Real-Time Collaboration: Edit projects simultaneously with other users via WebSockets.
  • Guest Mode: Start creating immediately with local browser storage persistence.
  • User Accounts: Authenticated sessions for permanent cloud storage of projects.
  • Export: Options to save work as PNG images, animated GIFs, or SVG files.

About

Web-based Tool for pixel graphics and sprite animations

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors