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

Play

game-community-background

user photo

game-pic

529

0

9mo

Play the Game of Stocks! Buy low, sell high, and build a fortune before the bell rings! Test your trading skills for free!

#hypercasual

#stockmarket

#tradinggame

#realtime

#financefun

Creation History

Code edit (2 edits merged)

Please save this source code

User prompt

1. **Random Deltas for Stock Values:** - Instead of assigning random values directly to the stockValuesHistory array, you would generate random deltas (changes in value). - These deltas would be added to the previous value in the stockValuesHistory to create a more realistic fluctuation in stock prices.

Code edit (1 edits merged)

Please save this source code

User prompt

Stop the game after the last graphPoint is reached

Code edit (7 edits merged)

Please save this source code

User prompt

graphPoints x should not exeed game.width*0.75

Code edit (6 edits merged)

Please save this source code

User prompt

ensure drawingInProgress is set to false when segment is finished drawing

Code edit (2 edits merged)

Please save this source code

User prompt

Fix : drawNextSegment is never called

Code edit (1 edits merged)

Please save this source code

User prompt

in drawGraph, use tick event to call drawNextSegment every second

User prompt

check if graphIndex is defined properly

User prompt

MOVE function drawNextSegment() { if (graphIndex < graphPoints.length - 1) { var pointA = graphPoints[graphIndex]; var lastSegment = graphSegments.length > 0 ? graphSegments[graphSegments.length - 1] : null; var lastSegmentEndX = lastSegment ? lastSegment.x + Math.cos(lastSegment.rotation) * lastSegment.width : 0; pointA.x = lastSegment ? lastSegmentEndX : 0; var pointB = graphPoints[graphIndex + 1]; var delay = 1; // Reduce delay if segments are moving if (!drawingInProgress) { drawingInProgress = true; drawSegment(game, graphIndex, pointA.x, pointA.y, pointB.x, pointB.y, delay); } graphIndex++; } } to the Global scope. Properly

User prompt

move the body drawNextSegment of drawGraph in the global drawNextSegment. ensure variables scope is correct.

User prompt

Fix Bug: 'ReferenceError: drawNextSegment is not defined' in this line: 'segmentDrawInterval = LK.setInterval(drawNextSegment, 1000);' Line Number: 110

User prompt

Fix Bug: 'ReferenceError: drawNextSegment is not defined' in this line: 'segmentDrawInterval = LK.setInterval(drawNextSegment, 1000);' Line Number: 110

User prompt

replace the while (index < points.length - 1) by a function + a call to this function in a tick event, every second

Code edit (3 edits merged)

Please save this source code

User prompt

replace Date.now() - sleepStartTime by a variable waitTime, update waittime in the loop

User prompt

after drawSegment call, sleep in another while loop until drawingInProgress is false (add a timeout to avoid infinite loop)

Code edit (1 edits merged)

Please save this source code

User prompt

drawSegment should be called only after the previous call ends. use a boolean not a callback

User prompt

drawSegment should be called only once per sec

User prompt

put the drawNextSegment(); call in a while loop

===================================================================
--- original.js
+++ change.js
@@ -199,20 +199,28 @@
 		return;
 	} // Need at least two points to draw a segment
 	var index = 0;
 	while (index < points.length - 1) {
+		var pointA = points[index];
+		var lastSegment = graphSegments.length > 0 ? graphSegments[graphSegments.length - 1] : null;
+		console.log('lastSegment ' + (graphSegments.length - 1), lastSegment);
+		var lastSegmentEndX = lastSegment ? lastSegment.x + Math.cos(lastSegment.rotation) * lastSegment.width : 0;
+		pointA.x = lastSegment ? lastSegmentEndX : 0;
+		var pointB = points[index + 1];
+		var delay = 1; // Reduce delay if segments are moving
 		if (!drawingInProgress) {
-			var pointA = points[index];
-			var lastSegment = graphSegments.length > 0 ? graphSegments[graphSegments.length - 1] : null;
-			console.log('lastSegment ' + (graphSegments.length - 1), lastSegment);
-			var lastSegmentEndX = lastSegment ? lastSegment.x + Math.cos(lastSegment.rotation) * lastSegment.width : 0;
-			pointA.x = lastSegment ? lastSegmentEndX : 0;
-			var pointB = points[index + 1];
-			var delay = 1; // Reduce delay if segments are moving
 			drawingInProgress = true;
+			console.log('start draw ' + index);
 			drawSegment(gameRef, index, pointA.x, pointA.y, pointB.x, pointB.y, delay);
-			index++;
+			console.log('end draw ' + index);
+			// Sleep in a while loop until drawingInProgress is false
+			var sleepStartTime = Date.now();
+			var sleepTimeout = 2000; // 2 seconds timeout to avoid infinite loop
+			while (drawingInProgress && Date.now() - sleepStartTime < sleepTimeout) {
+				LK.setTimeout(function () {}, 16); // Sleep for roughly one frame
+			}
 		}
+		index++;
 	}
 	console.log('Finished drawing graph');
 }
 function startGame() {

Showing 976 to 1000 of 1269

1 ...38 39 40 41 42 ...51

Images

A Technical dark background. Nothing just a gradiant of colors from black to dark blue. Theme : stock market.
background

A modern clean empty rectangular button without borders.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

a basic empty ui popup with a black background.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

Sounds & Music

countdown

Sound effect

countdownGo

Sound effect

increase

Sound effect

decrease

Sound effect

buy

Sound effect

sell

Sound effect

victory

Sound effect

failed

Sound effect

finalCountdown

Sound effect

Main