Upit | Learn about creating the game BLACK PAINT with gen AI

/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); var storage = LK.import("@upit/storage.v1"); /**** * Classes ****/ var BrushStroke = Container.expand(function (x, y, color, size) { var self = Container.call(this); var stroke = self.attachAsset('brushStroke', { anchorX: 0.5, anchorY: 0.5, tint: color, scaleX: size / 20, scaleY: size / 20 }); self.x = x; self.y = y; self.originalColor = color; self.corruptionLevel = 0; self.corrupt = function () { self.corruptionLevel += 0.1; if (self.corruptionLevel > 1) self.corruptionLevel = 1; var red = Math.floor(color >> 16 & 0xFF); var green = Math.floor(color >> 8 & 0xFF); var blue = Math.floor(color & 0xFF); red = Math.floor(red * (1 - self.corruptionLevel * 0.5)); green = Math.floor(green * (1 - self.corruptionLevel * 0.7)); blue = Math.floor(blue * (1 - self.corruptionLevel * 0.3)); var corruptedColor = red << 16 | green << 8 | blue; stroke.tint = corruptedColor; if (Math.random() < self.corruptionLevel * 0.1) { self.x += (Math.random() - 0.5) * 20; self.y += (Math.random() - 0.5) * 20; } }; return self; }); var ColorSwatch = Container.expand(function (color, x, y) { var self = Container.call(this); self.color = color; var swatch = self.attachAsset('colorSwatch', { anchorX: 0.5, anchorY: 0.5, tint: color }); self.x = x; self.y = y; self.down = function (x, y, obj) { currentColor = self.color; updateColorSelection(); }; return self; }); var DrawingTool = Container.expand(function (toolType, x, y) { var self = Container.call(this); self.toolType = toolType; self.isActive = false; var buttonBg = self.attachAsset('toolButton', { anchorX: 0.5, anchorY: 0.5 }); var toolLabel = new Text2(toolType, { size: 18, fill: 0xFFFFFF }); toolLabel.anchor.set(0.5, 0.5); self.addChild(toolLabel); self.x = x; self.y = y; self.setActive = function (active) { self.isActive = active; if (active) { buttonBg.tint = 0x666666; } else { buttonBg.tint = 0x333333; } }; self.down = function (x, y, obj) { currentTool = self.toolType; updateToolSelection(); }; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x222222 }); /**** * Game Code ****/ // Drawing canvas var drawingCanvas = game.addChild(LK.getAsset('canvas', { anchorX: 0.5, anchorY: 0.5, x: 1024, y: 900 })); // Tool palette var tools = ['Lápiz', 'Borrador', 'Cubeta', 'Línea', 'Rectángulo', 'Círculo', 'Deshacer', 'Rehacer']; var toolButtons = []; var currentTool = 'Lápiz'; for (var i = 0; i < tools.length; i++) { var toolButton = new DrawingTool(tools[i], 150 + i * 90, 320); game.addChild(toolButton); toolButtons.push(toolButton); } // Color palette - Celeste, Rosa, Marrón, Blanco, Negro, Rojo, Azul, Amarillo, Verde, Naranja, Violeta var colors = [0x87CEEB, 0xFFB6C1, 0x8B4513, 0xFFFFFF, 0x000000, 0xFF0000, 0x0000FF, 0xFFFF00, 0x00FF00, 0xFF8000, 0x8A2BE2]; var colorSwatches = []; var currentColor = 0x000000; for (var j = 0; j < colors.length; j++) { var colorSwatch = new ColorSwatch(colors[j], 150 + j * 80, 450); game.addChild(colorSwatch); colorSwatches.push(colorSwatch); } // Drawing variables var isDrawing = false; var lastDrawX = 0; var lastDrawY = 0; var brushSize = 20; var strokes = []; var horrorTimer = 0; var corruptionTimer = 0; var shapeStartX = 0; var shapeStartY = 0; var isDrawingShape = false; // Drawing history for undo/redo var strokeHistory = []; var historyIndex = -1; var maxHistory = 50; function saveState() { historyIndex++; if (historyIndex < strokeHistory.length) { strokeHistory.splice(historyIndex); } var currentState = []; for (var i = 0; i < strokes.length; i++) { currentState.push({ x: strokes[i].x, y: strokes[i].y, color: strokes[i].originalColor, size: strokes[i].children[0].scaleX * 20 }); } strokeHistory.push(currentState); if (strokeHistory.length > maxHistory) { strokeHistory.shift(); historyIndex--; } } function undoAction() { if (historyIndex > 0) { historyIndex--; restoreState(strokeHistory[historyIndex]); } } function redoAction() { if (historyIndex < strokeHistory.length - 1) { historyIndex++; restoreState(strokeHistory[historyIndex]); } } function restoreState(state) { // Clear current strokes for (var i = 0; i < strokes.length; i++) { strokes[i].destroy(); } strokes = []; // Restore strokes from state for (var j = 0; j < state.length; j++) { var strokeData = state[j]; var stroke = new BrushStroke(strokeData.x, strokeData.y, strokeData.color, strokeData.size); game.addChild(stroke); strokes.push(stroke); } } // Initialize with empty state saveState(); // Functions function updateToolSelection() { for (var i = 0; i < toolButtons.length; i++) { toolButtons[i].setActive(toolButtons[i].toolType === currentTool); } } function updateColorSelection() { // Visual feedback for color selection could be added here } function isPointInCanvas(x, y) { var canvasLeft = drawingCanvas.x - drawingCanvas.width * 0.5; var canvasRight = drawingCanvas.x + drawingCanvas.width * 0.5; var canvasTop = drawingCanvas.y - drawingCanvas.height * 0.5; var canvasBottom = drawingCanvas.y + drawingCanvas.height * 0.5; return x >= canvasLeft && x <= canvasRight && y >= canvasTop && y <= canvasBottom; } function isPointInButton(x, y) { // Check tool buttons for (var i = 0; i < toolButtons.length; i++) { var button = toolButtons[i]; var buttonLeft = button.x - 40; var buttonRight = button.x + 40; var buttonTop = button.y - 40; var buttonBottom = button.y + 40; if (x >= buttonLeft && x <= buttonRight && y >= buttonTop && y <= buttonBottom) { return true; } } // Check color swatches for (var j = 0; j < colorSwatches.length; j++) { var swatch = colorSwatches[j]; var swatchLeft = swatch.x - 40; var swatchRight = swatch.x + 40; var swatchTop = swatch.y - 40; var swatchBottom = swatch.y + 40; if (x >= swatchLeft && x <= swatchRight && y >= swatchTop && y <= swatchBottom) { return true; } } return false; } function addBrushStroke(x, y) { if (isPointInCanvas(x, y)) { var stroke = new BrushStroke(x, y, currentColor, brushSize); game.addChild(stroke); strokes.push(stroke); if (Math.random() < 0.3) { LK.getSound('drawSound').play(); } } } function floodFill(startX, startY, fillColor) { // Simple flood fill - fill area around click point var fillRadius = 100; var fillSteps = 20; for (var i = 0; i < fillSteps; i++) { var angle = i / fillSteps * 2 * Math.PI; for (var r = 10; r < fillRadius; r += 15) { var fillX = startX + Math.cos(angle) * r; var fillY = startY + Math.sin(angle) * r; if (isPointInCanvas(fillX, fillY)) { var fillStroke = new BrushStroke(fillX, fillY, fillColor, brushSize * 0.8); game.addChild(fillStroke); strokes.push(fillStroke); } } } } function corruptDrawing() { for (var i = 0; i < strokes.length; i++) { if (Math.random() < 0.1) { strokes[i].corrupt(); } } } function triggerHorrorEvent() { if (Math.random() < 0.5) { LK.getSound('horrorAmbient').play(); } // Randomly corrupt some strokes corruptDrawing(); // Change canvas tint slightly if (Math.random() < 0.3) { var tintAmount = 0.05; var currentTint = drawingCanvas.tint || 0xffffff; var red = Math.floor((currentTint >> 16 & 0xFF) * (1 - tintAmount)); var green = Math.floor((currentTint >> 8 & 0xFF) * (1 - tintAmount * 0.5)); var blue = Math.floor((currentTint & 0xFF) * (1 - tintAmount * 0.3)); drawingCanvas.tint = red << 16 | green << 8 | blue; } } // Initialize tool selection updateToolSelection(); // Event handlers game.down = function (x, y, obj) { if (isPointInButton(x, y)) { return; } if (currentTool === 'Deshacer') { undoAction(); return; } else if (currentTool === 'Rehacer') { redoAction(); return; } if (isPointInCanvas(x, y)) { if (currentTool === 'Línea' || currentTool === 'Rectángulo' || currentTool === 'Círculo') { isDrawingShape = true; shapeStartX = x; shapeStartY = y; } else { isDrawing = true; } lastDrawX = x; lastDrawY = y; if (currentTool === 'Lápiz') { saveState(); addBrushStroke(x, y); } else if (currentTool === 'Borrador') { saveState(); // Find and remove nearby strokes for (var i = strokes.length - 1; i >= 0; i--) { var stroke = strokes[i]; var distance = Math.sqrt((stroke.x - x) * (stroke.x - x) + (stroke.y - y) * (stroke.y - y)); if (distance < brushSize) { stroke.destroy(); strokes.splice(i, 1); } } } else if (currentTool === 'Cubeta') { saveState(); floodFill(x, y, currentColor); } } }; game.move = function (x, y, obj) { if (isDrawing && isPointInCanvas(x, y)) { if (currentTool === 'Lápiz') { // Draw line between last position and current position var distance = Math.sqrt((x - lastDrawX) * (x - lastDrawX) + (y - lastDrawY) * (y - lastDrawY)); var steps = Math.floor(distance / 10); for (var i = 0; i <= steps; i++) { var interpolatedX = lastDrawX + (x - lastDrawX) * (i / steps); var interpolatedY = lastDrawY + (y - lastDrawY) * (i / steps); addBrushStroke(interpolatedX, interpolatedY); } } else if (currentTool === 'Borrador') { // Continue erasing for (var j = strokes.length - 1; j >= 0; j--) { var stroke = strokes[j]; var distance = Math.sqrt((stroke.x - x) * (stroke.x - x) + (stroke.y - y) * (stroke.y - y)); if (distance < brushSize) { stroke.destroy(); strokes.splice(j, 1); } } } lastDrawX = x; lastDrawY = y; } }; game.up = function (x, y, obj) { if (isDrawingShape && isPointInCanvas(x, y)) { saveState(); if (currentTool === 'Línea') { // Draw line from start to end var distance = Math.sqrt((x - shapeStartX) * (x - shapeStartX) + (y - shapeStartY) * (y - shapeStartY)); var steps = Math.floor(distance / 5); for (var i = 0; i <= steps; i++) { var lineX = shapeStartX + (x - shapeStartX) * (i / steps); var lineY = shapeStartY + (y - shapeStartY) * (i / steps); var lineStroke = new BrushStroke(lineX, lineY, currentColor, brushSize); game.addChild(lineStroke); strokes.push(lineStroke); } } else if (currentTool === 'Rectángulo') { // Draw rectangle outline var rectWidth = Math.abs(x - shapeStartX); var rectHeight = Math.abs(y - shapeStartY); var minX = Math.min(shapeStartX, x); var minY = Math.min(shapeStartY, y); // Top and bottom lines for (var j = 0; j <= rectWidth; j += 10) { var topStroke = new BrushStroke(minX + j, minY, currentColor, brushSize); var bottomStroke = new BrushStroke(minX + j, minY + rectHeight, currentColor, brushSize); game.addChild(topStroke); game.addChild(bottomStroke); strokes.push(topStroke); strokes.push(bottomStroke); } // Left and right lines for (var k = 0; k <= rectHeight; k += 10) { var leftStroke = new BrushStroke(minX, minY + k, currentColor, brushSize); var rightStroke = new BrushStroke(minX + rectWidth, minY + k, currentColor, brushSize); game.addChild(leftStroke); game.addChild(rightStroke); strokes.push(leftStroke); strokes.push(rightStroke); } } else if (currentTool === 'Círculo') { // Draw circle var centerX = (shapeStartX + x) / 2; var centerY = (shapeStartY + y) / 2; var radius = Math.sqrt((x - shapeStartX) * (x - shapeStartX) + (y - shapeStartY) * (y - shapeStartY)) / 2; var circumference = 2 * Math.PI * radius; var steps = Math.floor(circumference / 8); for (var l = 0; l < steps; l++) { var angle = l / steps * 2 * Math.PI; var circleX = centerX + Math.cos(angle) * radius; var circleY = centerY + Math.sin(angle) * radius; var circleStroke = new BrushStroke(circleX, circleY, currentColor, brushSize); game.addChild(circleStroke); strokes.push(circleStroke); } } } isDrawing = false; isDrawingShape = false; }; // Start ambient music LK.setTimeout(function () { LK.playMusic('creepyMusic'); }, 2000); // Main game loop game.update = function () { horrorTimer++; corruptionTimer++; // Trigger horror events based on drawing activity and time if (horrorTimer > 300 && strokes.length > 10) { // 5 seconds at 60fps if (Math.random() < 0.02) { // 2% chance per frame triggerHorrorEvent(); horrorTimer = 0; } } // Gradual corruption over time if (corruptionTimer > 180 && strokes.length > 0) { // 3 seconds if (Math.random() < 0.01) { corruptDrawing(); corruptionTimer = 0; } } // Make some strokes occasionally twitch for (var i = 0; i < strokes.length; i++) { if (strokes[i].corruptionLevel > 0.5 && Math.random() < 0.001) { var currentStroke = strokes[i]; tween(currentStroke, { rotation: (Math.random() - 0.5) * 0.2, scaleX: 1 + (Math.random() - 0.5) * 0.1, scaleY: 1 + (Math.random() - 0.5) * 0.1 }, { duration: 100, easing: tween.easeOut, onFinish: function onFinish() { tween(currentStroke, { rotation: 0, scaleX: 1, scaleY: 1 }, { duration: 200 }); } }); } } };

===================================================================
--- original.js
+++ change.js
@@ -102,22 +102,22 @@
 	x: 1024,
 	y: 900
 }));
 // Tool palette
-var tools = ['Pen', 'Brush', 'Eraser', 'Fill', 'Line', 'Rect', 'Circle'];
+var tools = ['Lápiz', 'Borrador', 'Cubeta', 'Línea', 'Rectángulo', 'Círculo', 'Deshacer', 'Rehacer'];
 var toolButtons = [];
-var currentTool = 'Pen';
+var currentTool = 'Lápiz';
 for (var i = 0; i < tools.length; i++) {
-	var toolButton = new DrawingTool(tools[i], 150 + i * 100, 300);
+	var toolButton = new DrawingTool(tools[i], 150 + i * 90, 320);
 	game.addChild(toolButton);
 	toolButtons.push(toolButton);
 }
-// Color palette
-var colors = [0x000000, 0xff0000, 0x00ff00, 0x0000ff, 0xffff00, 0xff8000, 0x8000ff, 0xffffff];
+// Color palette - Celeste, Rosa, Marrón, Blanco, Negro, Rojo, Azul, Amarillo, Verde, Naranja, Violeta
+var colors = [0x87CEEB, 0xFFB6C1, 0x8B4513, 0xFFFFFF, 0x000000, 0xFF0000, 0x0000FF, 0xFFFF00, 0x00FF00, 0xFF8000, 0x8A2BE2];
 var colorSwatches = [];
 var currentColor = 0x000000;
 for (var j = 0; j < colors.length; j++) {
-	var colorSwatch = new ColorSwatch(colors[j], 150 + j * 100, 420);
+	var colorSwatch = new ColorSwatch(colors[j], 150 + j * 80, 450);
 	game.addChild(colorSwatch);
 	colorSwatches.push(colorSwatch);
 }
 // Drawing variables
@@ -130,17 +130,60 @@
 var corruptionTimer = 0;
 var shapeStartX = 0;
 var shapeStartY = 0;
 var isDrawingShape = false;
-// UI Elements
-var titleText = new Text2('TERROR PAINT', {
-	size: 60,
-	fill: 0xFF0000
-});
-titleText.anchor.set(0.5, 0);
-titleText.x = 1024;
-titleText.y = 50;
-game.addChild(titleText);
+// Drawing history for undo/redo
+var strokeHistory = [];
+var historyIndex = -1;
+var maxHistory = 50;
+function saveState() {
+	historyIndex++;
+	if (historyIndex < strokeHistory.length) {
+		strokeHistory.splice(historyIndex);
+	}
+	var currentState = [];
+	for (var i = 0; i < strokes.length; i++) {
+		currentState.push({
+			x: strokes[i].x,
+			y: strokes[i].y,
+			color: strokes[i].originalColor,
+			size: strokes[i].children[0].scaleX * 20
+		});
+	}
+	strokeHistory.push(currentState);
+	if (strokeHistory.length > maxHistory) {
+		strokeHistory.shift();
+		historyIndex--;
+	}
+}
+function undoAction() {
+	if (historyIndex > 0) {
+		historyIndex--;
+		restoreState(strokeHistory[historyIndex]);
+	}
+}
+function redoAction() {
+	if (historyIndex < strokeHistory.length - 1) {
+		historyIndex++;
+		restoreState(strokeHistory[historyIndex]);
+	}
+}
+function restoreState(state) {
+	// Clear current strokes
+	for (var i = 0; i < strokes.length; i++) {
+		strokes[i].destroy();
+	}
+	strokes = [];
+	// Restore strokes from state
+	for (var j = 0; j < state.length; j++) {
+		var strokeData = state[j];
+		var stroke = new BrushStroke(strokeData.x, strokeData.y, strokeData.color, strokeData.size);
+		game.addChild(stroke);
+		strokes.push(stroke);
+	}
+}
+// Initialize with empty state
+saveState();
 // Functions
 function updateToolSelection() {
 	for (var i = 0; i < toolButtons.length; i++) {
 		toolButtons[i].setActive(toolButtons[i].toolType === currentTool);
@@ -155,8 +198,33 @@
 	var canvasTop = drawingCanvas.y - drawingCanvas.height * 0.5;
 	var canvasBottom = drawingCanvas.y + drawingCanvas.height * 0.5;
 	return x >= canvasLeft && x <= canvasRight && y >= canvasTop && y <= canvasBottom;
 }
+function isPointInButton(x, y) {
+	// Check tool buttons
+	for (var i = 0; i < toolButtons.length; i++) {
+		var button = toolButtons[i];
+		var buttonLeft = button.x - 40;
+		var buttonRight = button.x + 40;
+		var buttonTop = button.y - 40;
+		var buttonBottom = button.y + 40;
+		if (x >= buttonLeft && x <= buttonRight && y >= buttonTop && y <= buttonBottom) {
+			return true;
+		}
+	}
+	// Check color swatches
+	for (var j = 0; j < colorSwatches.length; j++) {
+		var swatch = colorSwatches[j];
+		var swatchLeft = swatch.x - 40;
+		var swatchRight = swatch.x + 40;
+		var swatchTop = swatch.y - 40;
+		var swatchBottom = swatch.y + 40;
+		if (x >= swatchLeft && x <= swatchRight && y >= swatchTop && y <= swatchBottom) {
+			return true;
+		}
+	}
+	return false;
+}
 function addBrushStroke(x, y) {
 	if (isPointInCanvas(x, y)) {
 		var stroke = new BrushStroke(x, y, currentColor, brushSize);
 		game.addChild(stroke);
@@ -165,8 +233,25 @@
 			LK.getSound('drawSound').play();
 		}
 	}
 }
+function floodFill(startX, startY, fillColor) {
+	// Simple flood fill - fill area around click point
+	var fillRadius = 100;
+	var fillSteps = 20;
+	for (var i = 0; i < fillSteps; i++) {
+		var angle = i / fillSteps * 2 * Math.PI;
+		for (var r = 10; r < fillRadius; r += 15) {
+			var fillX = startX + Math.cos(angle) * r;
+			var fillY = startY + Math.sin(angle) * r;
+			if (isPointInCanvas(fillX, fillY)) {
+				var fillStroke = new BrushStroke(fillX, fillY, fillColor, brushSize * 0.8);
+				game.addChild(fillStroke);
+				strokes.push(fillStroke);
+			}
+		}
+	}
+}
 function corruptDrawing() {
 	for (var i = 0; i < strokes.length; i++) {
 		if (Math.random() < 0.1) {
 			strokes[i].corrupt();
@@ -192,21 +277,33 @@
 // Initialize tool selection
 updateToolSelection();
 // Event handlers
 game.down = function (x, y, obj) {
+	if (isPointInButton(x, y)) {
+		return;
+	}
+	if (currentTool === 'Deshacer') {
+		undoAction();
+		return;
+	} else if (currentTool === 'Rehacer') {
+		redoAction();
+		return;
+	}
 	if (isPointInCanvas(x, y)) {
-		if (currentTool === 'Line' || currentTool === 'Rect' || currentTool === 'Circle') {
+		if (currentTool === 'Línea' || currentTool === 'Rectángulo' || currentTool === 'Círculo') {
 			isDrawingShape = true;
 			shapeStartX = x;
 			shapeStartY = y;
 		} else {
 			isDrawing = true;
 		}
 		lastDrawX = x;
 		lastDrawY = y;
-		if (currentTool === 'Pen' || currentTool === 'Brush') {
+		if (currentTool === 'Lápiz') {
+			saveState();
 			addBrushStroke(x, y);
-		} else if (currentTool === 'Eraser') {
+		} else if (currentTool === 'Borrador') {
+			saveState();
 			// Find and remove nearby strokes
 			for (var i = strokes.length - 1; i >= 0; i--) {
 				var stroke = strokes[i];
 				var distance = Math.sqrt((stroke.x - x) * (stroke.x - x) + (stroke.y - y) * (stroke.y - y));
@@ -214,28 +311,26 @@
 					stroke.destroy();
 					strokes.splice(i, 1);
 				}
 			}
-		} else if (currentTool === 'Fill') {
-			// Simple fill - add a larger brush stroke
-			var fillStroke = new BrushStroke(x, y, currentColor, brushSize * 3);
-			game.addChild(fillStroke);
-			strokes.push(fillStroke);
+		} else if (currentTool === 'Cubeta') {
+			saveState();
+			floodFill(x, y, currentColor);
 		}
 	}
 };
 game.move = function (x, y, obj) {
 	if (isDrawing && isPointInCanvas(x, y)) {
-		if (currentTool === 'Pen' || currentTool === 'Brush') {
+		if (currentTool === 'Lápiz') {
 			// Draw line between last position and current position
 			var distance = Math.sqrt((x - lastDrawX) * (x - lastDrawX) + (y - lastDrawY) * (y - lastDrawY));
 			var steps = Math.floor(distance / 10);
 			for (var i = 0; i <= steps; i++) {
 				var interpolatedX = lastDrawX + (x - lastDrawX) * (i / steps);
 				var interpolatedY = lastDrawY + (y - lastDrawY) * (i / steps);
 				addBrushStroke(interpolatedX, interpolatedY);
 			}
-		} else if (currentTool === 'Eraser') {
+		} else if (currentTool === 'Borrador') {
 			// Continue erasing
 			for (var j = strokes.length - 1; j >= 0; j--) {
 				var stroke = strokes[j];
 				var distance = Math.sqrt((stroke.x - x) * (stroke.x - x) + (stroke.y - y) * (stroke.y - y));
@@ -250,9 +345,10 @@
 	}
 };
 game.up = function (x, y, obj) {
 	if (isDrawingShape && isPointInCanvas(x, y)) {
-		if (currentTool === 'Line') {
+		saveState();
+		if (currentTool === 'Línea') {
 			// Draw line from start to end
 			var distance = Math.sqrt((x - shapeStartX) * (x - shapeStartX) + (y - shapeStartY) * (y - shapeStartY));
 			var steps = Math.floor(distance / 5);
 			for (var i = 0; i <= steps; i++) {
@@ -261,9 +357,9 @@
 				var lineStroke = new BrushStroke(lineX, lineY, currentColor, brushSize);
 				game.addChild(lineStroke);
 				strokes.push(lineStroke);
 			}
-		} else if (currentTool === 'Rect') {
+		} else if (currentTool === 'Rectángulo') {
 			// Draw rectangle outline
 			var rectWidth = Math.abs(x - shapeStartX);
 			var rectHeight = Math.abs(y - shapeStartY);
 			var minX = Math.min(shapeStartX, x);
@@ -285,9 +381,9 @@
 				game.addChild(rightStroke);
 				strokes.push(leftStroke);
 				strokes.push(rightStroke);
 			}
-		} else if (currentTool === 'Circle') {
+		} else if (currentTool === 'Círculo') {
 			// Draw circle
 			var centerX = (shapeStartX + x) / 2;
 			var centerY = (shapeStartY + y) / 2;
 			var radius = Math.sqrt((x - shapeStartX) * (x - shapeStartX) + (y - shapeStartY) * (y - shapeStartY)) / 2;

Creation History

Images

Sounds & Music

Used plugins