Skip to content

Releases: DDMAL/Pixel.js

v1.0.0

15 Aug 15:05
@PotassiumK PotassiumK
1.0.0
5feab35
Compare
Choose a tag to compare
v1.0.0 Latest
Latest

This is the first full release of Pixel.js; in this version, the following points have been implemented:

New Functionalities

  • Added Import images onto layers through image URL (and added images for testing)
  • Added Select tool that allows to copy/cut and paste rectangular
regions of pixels from a layer to another
  • Added user-side Create/Delete layer functionality
  • Added catching of Exceptions for illegal actions
  • Added Brush/Erase size change on right click and mouse drag
  • Added Rectangle Erase on right click

Enhancements

  • Added cursor shapes to tools
  • Improved the UI of different elements such as the toolbox and buttons
  • Implemented more hotkeys (for muting/hiding layers, copying/cutting
and pasting selections, etc.)
  • Hotkey number display on layer div hover
  • Fixed layer renaming errors
  • Minor bug fixes
Assets 4
Loading

v0.1.0 beta

28 Jun 20:19
@zeyadhazem zeyadhazem
0.1.0
4f7e66d
Compare
Choose a tag to compare
v0.1.0 beta Pre-release
Pre-release

Hello, World

This is a preliminary release of Pixel.js. This version allows a user to draw on top of a manuscript page in Diva.js v.6.0, thus assigning a class to each pixel of the page. The user can then export his changes in the form of a CSV file, highlights PNG or image data PNG.

Features:

Layers:

  • Opacity control for individual layers as well as background
  • Activation/deactivation
  • Reordering (by dragging and dropping)
  • Support fo creating/destroying/duplicating layers as well as layer colour change.
  • Drawing on canvas, canvas resized to zoomLevel.

Shapes, paths:

  • Drawing rectangles and paths in different coords systems (viewport, page)
  • Specifying blend mode (add/subtract).
  • Support for circle and line drawing.
  • Getting all pixels spanned by a shape at a certain zoom level.

Exporting:

  • As csv (with the dimensions of the page at the current zoom level. Each entry of the csv represents a pixel of the page)
  • As highlights png (exports layers as an image by filling the pixels spanned by the layer by the layer colour)
  • As image data png (exports layers as an image by filling the pixels spanned by the layer by the the actual pixel colour from the manuscript).
  • Download links after exporting has finished processing

Tools:

  • brush (with brush size control)
  • eraser (with brush size control)
  • Straight line drawing when holding Shift key in brush and eraser modes
  • rectangle
  • square drawing when holding Shift key in rectangle mode
  • grab

Others:

  • Undo/Redo paths and shape drawing/erasing
  • Script: Installs dependencies, builds and runs Diva.js with Pixel.js on top
  • Tutorial page: Indicates the start of Pixel.js, currently displays the list of hotkeys
Assets 4
Loading