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

add a global boolean "running". default false. Then prevent indicator and graph updates when running is false

Code edit (3 edits merged)

Please save this source code

User prompt

add a console log in indicator's updateYPosition like drawNextSegment

Code edit (3 edits merged)

Please save this source code

User prompt

in drawGraph callback log don't display decimals

User prompt

in drawGraph log don't display decimals

User prompt

same in "Segment drawn from'" log

User prompt

in drawGraph log don't display decimals

Code edit (2 edits merged)

Please save this source code

User prompt

Fix Bug: 'Uncaught TypeError: Cannot read properties of undefined (reading 'updatePosition')' in this line: 'valueIndicator.updatePosition(100); // Example stock price' Line Number: 120

User prompt

Fix Bug: 'Uncaught TypeError: Cannot read properties of undefined (reading 'x')' in this line: 'var x = valueIndicator.x;' Line Number: 124

User prompt

the 1st graphPoints should be the start coordinates of valueIndicator

User prompt

remove the sample square

User prompt

Now compute the coordinates that of ValueIndicator will reach using stockValuesHistory and create a serie of points to pass to drawGraph

User prompt

modify the recursive `updateWidth` function to include a condition that compares the current time to the `endTime`. If the current time is greater than or equal to the `endTime`, the segment's width should be set to the final `distance` value, and the callback should be called if it is a function. Additionally, the recursive calls to `updateWidth` should be stopped to prevent further unnecessary updates.

User prompt

fix the condition to execute the callback is never met within the `updateWidth`

Code edit (1 edits merged)

Please save this source code

User prompt

add logs to drawGraph

Code edit (1 edits merged)

Please save this source code

User prompt

Fix Bug: 'Uncaught ReferenceError: callback is not defined' in this line: 'updateWidth(callback);' Line Number: 201

User prompt

Fix Bug: 'Uncaught ReferenceError: callback is not defined' in this line: 'updateWidth(callback);' Line Number: 201

User prompt

Update drawGraph (and if needed drawSegment) function in order to draw the segments one after the other

Code edit (1 edits merged)

Please save this source code

User prompt

call drawGraph to draw a sample square

User prompt

create a drawGraph(gameRef, points) global function. It takes a list of coordinates (at least 2) and calls drawSegment to draw segments between the points. eg. drawGraph(gameRef, [{x:0,y:0}, {x:100,y:0}, {x:100,y:100}, {x:0,y:100}, {x:0,y:0}]) will draw a square

===================================================================
--- original.js
+++ change.js
@@ -169,9 +169,9 @@
 		LK.effects.flashScreen(0xff0000, 1000);
 		LK.showGameOver();
 	}
 });
-function drawSegment(gameRef, x1, y1, x2, y2, delay) {
+function drawSegment(gameRef, x1, y1, x2, y2, delay, callback) {
 	var segment = gameRef.addChild(LK.getAsset('segment', 'Graph Segment', 0, 0.5));
 	segment.x = x1;
 	segment.y = y1;
 	segment.width = 1;