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 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

Code edit (2 edits merged)

Please save this source code

User prompt

call drawSegment to draw a sample segment

User prompt

create a drawSegment(gameRef, x1,y1,x2,y2, delay) global function. it adds a segment asset at position x1,y1 with a width of 1. It computes the rotation of the segment based on the coordinates x1,y1 and x2,y2. then it updates the width so that the segment to reach its full size at the end of the delay. eg. when I call drawSegment(gameRef, 0,0,100,0,3), a small segment (width 1, height 1) will be added at 0,0 and will grow to 100,0 within 3 seconds.

User prompt

create a drawSegment(x1,y1,x2,y2, delay) global function

Code edit (1 edits merged)

Please save this source code

User prompt

Fix Bug: 'Uncaught ReferenceError: startX is not defined' in this line: 'self.x = startX;' Line Number: 14

User prompt

Fix Bug: 'Uncaught ReferenceError: startX is not defined' in this line: 'var self = Container.call(this, startX, startY);' Line Number: 11

User prompt

SpecialGraphSegment constructor should take the start coordinates.

User prompt

Fix Bug: 'Uncaught ReferenceError: startY is not defined' in this line: 'self.startText.setText('Start: (' + startX.toFixed(2) + ',' + startY.toFixed(2) + ')');' Line Number: 29

User prompt

Fix Bug: 'Uncaught ReferenceError: startX is not defined' in this line: 'self.startText.setText('Start: (' + startX.toFixed(2) + ',' + startY.toFixed(2) + ')');' Line Number: 28

User prompt

startX and startY shouldn't change after the creation of the SpecialGraphSegment. They should be set at the x,y of ValueIndicator at the start and not change. Only the end x,y should be updated to follow the ValueIndicator

Code edit (1 edits merged)

Please save this source code

User prompt

Fix Bug: 'Uncaught ReferenceError: startX is not defined' in this line: 'self.startText.setText('Start: (' + startX.toFixed(2) + ',' + startY.toFixed(2) + ')');' Line Number: 28

User prompt

compute segment end x,y using segment's x,y width and its rotation angle

User prompt

update gameRef.specialSegment.startText.text and gameRef.specialSegment.endText.text to the position of specialSegment. compute segment start x,y using segment's x,y width and its rotation angle

User prompt

Fix Bug: 'Uncaught TypeError: Cannot read properties of undefined (reading 'updateSegment')' in this line: 'this.parent.specialSegment.updateSegment(nextX, nextY);' Line Number: 103

User prompt

Fix Bug: 'Uncaught ReferenceError: specialSegment is not defined' in this line: 'specialSegment.updateSegment(nextX, nextY);' Line Number: 103

===================================================================
--- original.js
+++ change.js
@@ -52,8 +52,11 @@
 					}
 				};
 				animateY();
 				historyIndex++;
+				LK.setTimeout(function () {
+					updateYPosition();
+				}, 1000); // Update position every second and add a new segment
 			}
 		};
 		updateYPosition();
 	};
@@ -143,5 +146,15 @@
 	if (player.getBalance() <= 0) {
 		LK.effects.flashScreen(0xff0000, 1000);
 		LK.showGameOver();
 	}
-});
\ No newline at end of file
+});
+function drawSegment(x1, y1, x2, y2, delay) {
+	var segment = new LK.Shape();
+	segment.graphics.lineStyle(2, 0xffffff).moveTo(x1, y1).lineTo(x2, y2);
+	game.addChild(segment);
+	if (delay) {
+		LK.setTimeout(function () {
+			segment.destroy();
+		}, delay);
+	}
+}
\ No newline at end of file