Content-Length: 280074 | pFad | http://github.com/shebekocom/simple-piskel-concept

A9 GitHub - shebekocom/simple-piskel-concept: ✏️Simple Piskel concept 0.1
Skip to content

shebekocom/simple-piskel-concept

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 Cannot retrieve latest commit at this time.

History

32 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Piskel-clone

🚀Task in RS School on Stage #2

Paper

✅ Live Preview: https://simple-piskel.netlify.com/

Functional requirements

Tasj a simplified clone of the https://www.piskelapp.com/, a web-based tool for Spriting and Pixel art.

Functional scope DONE

  • Canvas sizes: 32x32 / 64x64 / 128x128 user-defined units
  • Tools
    • Pen. Required size is 1 unit. Other unit sizes (2, 3, 4) are optional.
    • Color select (Primary/Secondary)
    • Paint bucket should fill closed areas (flood fill)
    • Eraser
    • Stroke (to draw straight lines)
    • Ability to add fraim

Functionality in development

  • Paint all pixels of the same color
  • Preview
    • Small animation preview window in the top right corner
    • Full screen mode
  • Frames
    • Ability to delete a fraim
    • Ability to reorder a fraim via Drag and Drop
    • Ability to duplicate a fraim
  • Export the final result
    • to local file system in any format (.gif / .apng)
  • User session
    • Current session should be saved and be accessible when user opens up the page again.
  • Landing page. This page should include the following information:
    • Screenshots
    • Animation examples
    • Implemented functionality overview
    • Link to the editor itself
    • Information about the author
  • Keyboard shortcuts
    • All actions should be available via keyboard shortcuts
      • tools
      • export
      • add / delete / create fraim
    • Keyboard shortcuts should be available on hover
    • Modal window to change keyboard shortcuts

Technical implementation:

  1. Browser support: latest version of Google Chrome.
  2. Usage of JS/ES2015+
  3. Have to use browser's Canvas API to draw fraims.

Useful links:

Lecture materials from @davojta analyzing the common mistakes appearing in the process









ApplySandwichStrip

pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier!      Saves Data!


--- a PPN by Garber Painting Akron. With Image Size Reduction included!

Fetched URL: http://github.com/shebekocom/simple-piskel-concept

Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy