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

Play

Hyper Stocks

djam

HyperStocks

529

9mo

Playit

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

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

Code edit (1 edits merged)

Please save this source code

User prompt

switch from callback system to a while loop

User prompt

bug : segmes apear ridiculously small

User prompt

all segments should be segmentWidth

Code edit (1 edits merged)

Please save this source code

User prompt

make segments of tick loop as large as the one from drawgraph (segmentWidth)

User prompt

use the code : 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; for the segments dran in the tick event

User prompt

fix: only 1st segment is visible

User prompt

segments should be drawn every sec

User prompt

Switch to Another way to chain `drawSegment` calls without using a callback system is to use a game loop or a tick function that is called at a regular interval by the game engine. Since the LK game engine operates at 60 frames per second, you can leverage the `LK.on('tick', function() {...})` event to schedule and control the drawing of segments.

Code edit (1 edits merged)

Please save this source code

User prompt

Fix Bug: 'Timeout.tick error: Cannot read properties of null (reading 'x')' in this line: 'var lastSegmentEndX = lastSegment.x + Math.cos(lastSegment.rotation) * lastSegment.width;' Line Number: 195

===================================================================
--- original.js
+++ change.js
@@ -103,9 +103,9 @@
 	}
 	LK.setTimeout(addNewStockValues, 1000); // Continue adding new values every second
 }
 // Start the continuous addition of new stock values and graph points
-addNewStockValues();
+// Delayed call to addNewStockValues moved to startGame function
 var stockDisplay = []; // Array to hold stock display elements
 var balanceText = new Text2('Balance: $' + player.getBalance(), {
 	size: 50,
 	fill: "#ffffff"
@@ -208,8 +208,9 @@
 	running = true;
 	// Pass the series of points to drawGraph
 	drawGraph(game, graphPoints);
 	// Add ValueIndicator to the game and update its position
+	LK.setTimeout(addNewStockValues, 1000);
 }
 LK.setTimeout(function () {
 	startGame();
 }, 1000);
\ No newline at end of file