pixel-editor/js/_variables.js

45 lines
1.3 KiB
JavaScript
Raw Normal View History

2019-03-27 02:20:54 +03:00
//init variables
var canvasSize,zoom;
var dragging = false;
var lastPos = [0,0];
var dialogueOpen = false;
var documentCreated = false;
// Checkerboard management
// Checkerboard color 1
var firstCheckerBoardColor = 'rgba(179, 173, 182, 1)';
// Checkerboard color 2
var secondCheckerBoardColor = 'rgba(204, 200, 206, 1)';
// Square size for the checkerboard
var checkerBoardSquareSize = 16;
// Checkerboard canvas
2020-04-04 10:41:56 +03:00
var checkerBoardCanvas = document.getElementById('checkerboard');
2019-03-27 02:20:54 +03:00
//common elements
var brushPreview = document.getElementById("brush-preview");
var eyedropperPreview = document.getElementById("eyedropper-preview");
var canvasView = document.getElementById("canvas-view");
var colors = document.getElementsByClassName("color-button");
var colorsMenu = document.getElementById("colors-menu");
var popUpContainer = document.getElementById("pop-up-container");
2019-03-27 02:20:54 +03:00
// main canvas
2020-04-04 10:41:56 +03:00
var canvas = document.getElementById('pixel-canvas');
var context = canvas.getContext('2d');
var currentGlobalColor;
2019-03-27 02:20:54 +03:00
// Layers
var layers = [];
// Currently selected layer
var currentLayer;
// VFX layer used to draw previews of the selection and things like that
var VFXLayer;
// VFX canvas
2020-04-04 10:41:56 +03:00
var VFXCanvas = document.getElementById('vfx-canvas');
// TMP layer
var TMPLayer;
// TMP canvas
2020-04-04 10:41:56 +03:00
var TMPCanvas = document.getElementById('tmp-canvas');