Upit | Learn about creating the game Hyper Stocks with gen AI

===================================================================
--- original.js
+++ change.js
@@ -70,10 +70,10 @@
 			}
 		}
 		if (moveSegmentsVertically) {
 			//&& self.isFinished
-			var currentDelta = horizontalAxis.y - lowerLimit;
-			var targetY = lowerLimit - self.stockValue1 * dollarToYPixelRatio + currentDelta;
+			var currentDelta = horizontalAxis.y - lowerLimit + moveSegmentsVertically < 0 ? downwardGapFix : 0;
+			var targetY = lowerLimit - self.stockValue1 * dollarToYPixelRatio + currentDelta; // TEMP Test +50 
 			//targetY = dollarToYPixelRatio * self.stockValue1 + currentDelta; // TEMP DEBUG TEST
 			var deltaY = (targetY - self.y) * interpolationSpeed;
 			self.y += deltaY;
 			if (Math.abs(deltaY) <= 1) {
@@ -105,9 +105,9 @@
 				self.y = targetY;
 			}
 			if (moveSegmentsVertically && self.y <= lowerLimit) {
 				self.y = lowerLimit;
-				moveSegmentsVertically = false;
+				moveSegmentsVertically = 0;
 				console.log('STOP Vertical move!');
 			}
 			// Set alpha based on y position
 			self.alpha = self.y > game.height * 0.85 ? 0 : 1;
@@ -254,10 +254,11 @@
 ****/
 var debug = true;
 var slideAmount = 6.5;
 var slideAmountVertical = 0.10; // Reduced speed for smoother vertical movement
-var moveSegmentsVertically = false;
+var moveSegmentsVertically = 0;
 var verticalSlideThreshold = 500; // Define a global threshold for vertical sliding
+var downwardGapFix = 300; // Magic fixing of the complex downward gaps
 var upperLimit = game.height * 0.25;
 var lowerLimit = game.height * 0.75; // Define lowerLimit for use in segment positioning
 var axisLabelFontSize = 70;
 var running = false;
@@ -461,24 +462,29 @@
 		//var tempRotFixed = Math.atan2(pointB.y - pointA.y, pointB.x - pointA.x);
 		var deltaY2 = pointB.y - pointA.y; // Calculate next segment rotation based on pointA and pointB coordinates
 		var deltaX2 = pointB.x - pointA.x;
 		var tempRotFixed = Math.atan2(deltaY2, deltaX2);
-		if (deltaX2 < 0) {
+		/*if (deltaX2 < 0) {
 			tempRotFixed += Math.PI;
 		} else if (deltaY2 > 0) {
 			tempRotFixed += 2 * Math.PI;
+		}*/
+		if (deltaY < 0) {
+			//tempRotFixed += 2 * Math.PI;
 		}
 		var tempRotFixedDeltaDeg = ((nextSegmentRotation - tempRotFixed) * (180 / Math.PI)).toFixed(0);
-		console.log('original rotation Rad: ' + nextSegmentRotation + ' / fixed rotation Rad :' + tempRotFixed + " -> Delta Deg " + tempRotFixedDeltaDeg);
+		console.log('ORIGINAL rotation Rad: ' + nextSegmentRotation.toFixed(2) + ' / fixed rotation Rad :' + tempRotFixed.toFixed(2) + ' sign1=' + Math.sign(deltaY) + ' sign2=' + Math.sign(deltaY2) + " -> Delta Deg " + tempRotFixedDeltaDeg);
 		//nextSegmentRotation = Math.atan2(pointB.y - pointA.y, pointB.x - pointA.x); // Calculate next segment rotation based on pointA and pointB coordinates
 		var nextSegmentEndY = pointA.y + Math.sin(nextSegmentRotation) * distance;
 		// Adjust distance to ensure segment's end doesn't exceed lowerLimit
 		if (nextSegmentEndY > lowerLimit) {
 			distance = (lowerLimit - pointA.y) / Math.sin(nextSegmentRotation);
 		}
-		if (nextSegmentEndY < upperLimit || nextSegmentEndY >= game.height * 0.75 && stockValuesHistory[graphIndex + 1] >= 100) {
-			moveSegmentsVertically = true;
-			console.log('Start moveSegmentsVertically');
+		if (nextSegmentEndY < upperLimit || nextSegmentEndY >= game.height * 0.5 && stockValuesHistory[graphIndex + 1] >= 100) {
+			moveSegmentsVertically = -1 * Math.sign(deltaY);
+			//console.log('Start moveSegmentsVertically');
+		} else {
+			moveSegmentsVertically = 0;
 		}
 		var delay = 0.5; // Reduce delay to speed up the drawing of segments
 		drawingInProgress = true;
 		console.log('Please draw graphIndex=' + graphIndex + " " + Math.floor(pointA.x) + "," + Math.floor(pointA.y) + " / Rot=", (nextSegmentRotation * (180 / Math.PI)).toFixed(0), 'distance=' + distance);
@@ -590,9 +596,9 @@
 		label.updatePosition(horizontalAxis.y);
 	});
 	if (debug) {
 		// Update the vertical slide amount text periodically
-		vsaText.setText(graphIndex + ' VSA: ' + verticalSlideAmount.toFixed(0) + " " + moveSegmentsVertically);
+		vsaText.setText(graphIndex + ' Mvt ' + moveSegmentsVertically);
 	}
 });
 var startTime = Date.now();
 LK.setTimeout(function () {
Creation History

Images

Sounds & Music
