Skip to content

Demo project, with guide. Module that generated functional 2d grid, according to 2d array object x, y, width, height. Add ability to create canvases filled with objects, images and use with third app connections.

Notifications You must be signed in to change notification settings

inplayo-com/inplayo-demo-js-canvas-parts

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Canvas Parts

Module for visualize and customize 2d matrix according to objects. Each generated 2d part can be cuztomized with image, using several rendering image modes.

Usage cases

  • generate customizable 3d object material textures
  • generate complex images, with mesh of image parts
  • visual editor of images, cropping

Description

Part configuration

Part - single area of on plot. Part should describe each item of 2d mesh that should be drawn, using params:

  • x - top coordinate of part
  • y - left coordinate of part
  • width - width of part
  • height - height of part

Sizes: dimensions are calculating in points, a point is natural number greater or equals to 0

Format: element data should be described in json format

Example of part

let element = { x: 0, y: 0, width: 2, height: 2 }; //json: {"top":0,"left":0,"width":2,"height":2}

Demo

Example of usage

Badges

Deployed with FTP Deploy Action

About

Demo project, with guide. Module that generated functional 2d grid, according to 2d array object x, y, width, height. Add ability to create canvases filled with objects, images and use with third app connections.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published