first commit

js/_newPixel.js

@@ -0,0 +1,79 @@
+
+function newPixel (width, height, palette) {
+  
+	canvasSize = [width,height];
+
+	var maxHorizontalZoom = Math.floor(window.innerWidth/canvasSize[0]*0.75);
+	var maxVerticalZoom = Math.floor(window.innerHeight/canvasSize[1]*0.75);
+
+	zoom = Math.min(maxHorizontalZoom,maxVerticalZoom);
+	if (zoom < 1) zoom = 1;
+	
+	//resize canvas
+	canvas.width = canvasSize[0];
+	canvas.height = canvasSize[1];
+	canvas.style.width = (canvas.width*zoom)+'px';
+	canvas.style.height = (canvas.height*zoom)+'px';
+	
+	//unhide canvas
+	canvas.style.display = 'block';
+	
+	//center canvas in window
+	canvas.style.left = 64+canvasView.clientWidth/2-(canvasSize[0]*zoom/2)+'px';
+	canvas.style.top = 48+canvasView.clientHeight/2-(canvasSize[1]*zoom/2)+'px';
+
+	//remove current palette
+	colors = document.getElementsByClassName('color-button');
+	while (colors.length > 0) {
+		colors[0].parentElement.remove();
+	}
+	
+	//add colors from selected palette
+	var selectedPalette = getText('palette-button');
+	if (selectedPalette != 'Choose a palette...') {
+		
+		//if this palette isnt the one specified in the url, then reset the url
+		if (!palettes[selectedPalette].specified)
+		  history.pushState(null, null, '/pixel-editor/app');
+		
+		//fill the palette with specified palette
+		createColorPalette(palettes[selectedPalette].colors,true);
+	}
+	else {
+	  //this wasn't a specified palette, so reset the url
+	  history.pushState(null, null, '/pixel-editor/app');
+	  
+	  //generate default colors
+	  var fg = hslToRgb(Math.floor(Math.random()*255), 230,70);
+	  var bg = hslToRgb(Math.floor(Math.random()*255), 230,170);
+	  
+	  //convert colors to hex
+	  var defaultForegroundColor = rgbToHex(fg.r,fg.g,fg.b);
+	  var defaultBackgroundColor = rgbToHex(bg.r,bg.g,bg.b);
+	  
+	  //add colors to paletee
+	  addColor(defaultForegroundColor).classList.add('selected');
+	  addColor(defaultBackgroundColor);
+    
+    //fill background of canvas with bg color
+		context.fillStyle = '#'+defaultBackgroundColor;
+		context.fillRect(0, 0, canvasSize[0], canvasSize[1]);
+		
+		console.log('#'+defaultBackgroundColor)
+		
+		//set current drawing color as foreground color
+		context.fillStyle = '#'+defaultForegroundColor;
+		selectedPalette = 'none';
+	}
+		
+	//reset undo and redo states
+	undoStates = [];
+	redoStates = [];
+		
+	closeDialogue();
+	updateCursor();
+	
+	document.getElementById('save-as-button').classList.remove('disabled');
+	documentCreated = true;
+	
+}