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

Code edit (1 edits merged)

Please save this source code

User prompt

put the vertical axe on the left

User prompt

draw the axes

Code edit (1 edits merged)

Please save this source code

User prompt

updateStockValueText should be call in drawNextSegment

Code edit (2 edits merged)

Please save this source code

User prompt

updateStockValueText should display current Value that is stockValuesHistory[graphIndex]

User prompt

add a text on top right that displays the current stock value. Create a dedicated updateStockValueText function and ensure variables scopes are correct

User prompt

in "new segment" console log don't display decimals

Code edit (5 edits merged)

Please save this source code

User prompt

apply the same logic of lastSegmentEndX to the lastSegmentEndY in order to avoid vertical gaps between segments

Code edit (1 edits merged)

Please save this source code

User prompt

4. **Vertical Sliding Mechanism:** : Prevents the graph from raising out of the screen by applying a vertical slide - Similar to the horizontal sliding mechanism already in place for moving the graph segments leftward, you would implement a vertical sliding mechanism. - This vertical slide would be activated via a global varibale moveSegmentsVertically when the Y values of the segments exceed a predefined global threshold. - The direction of the slide (up or down) would depend on whether the stock price is increasing or decreasing. - This mecanism comes in addition to the horizontal slide mecanism and is is independant from it - the threshold is a global variable - All segments (the graph) move the same way. So the slideAmountVertical should be global like slideAmount

User prompt

4. **Vertical Sliding Mechanism:** - Similar to the horizontal sliding mechanism already in place for moving the graph segments leftward, you would implement a vertical sliding mechanism. - This vertical slide would be activated via a global varibale moveSegmentsVertically when the Y values of the segments exceed a predefined global threshold. - The direction of the slide (up or down) would depend on whether the stock price is increasing or decreasing. - This mecanism comes in addition to the horizontal slide mecanism and is is independant from it - the threshold is a global variable - All segments (the graph) move the same way

User prompt

4. **Vertical Sliding Mechanism:** - Similar to the horizontal sliding mechanism already in place for moving the graph segments leftward, you would implement a vertical sliding mechanism. - This vertical slide would be activated when the Y values of the segments exceed a predefined global threshold. - The direction of the slide (up or down) would depend on whether the stock price is increasing or decreasing. - This mecanism comes in addition to the horizontal slide mecanism and is is independant from it

User prompt

4. **Vertical Sliding Mechanism:** - Similar to the horizontal sliding mechanism already in place for moving the graph segments leftward, you would implement a vertical sliding mechanism. - This vertical slide would be activated when the Y values of the segments exceed a predefined threshold. - The direction of the slide (up or down) would depend on whether the stock price is increasing or decreasing.

User prompt

3. **Monitoring Y Values of Segments:** - As the graph is drawn and updated, you would keep track of the Y values of each graph segment. - This tracking would allow you to determine when the stock price reaches certain thresholds that may trigger buying or selling actions.

User prompt

2. **Clamping Values:** - After applying the delta to the previous stock value, you would check if the new value falls below 0. - If it does, you would clamp the value to 0 to prevent negative stock prices.

Code edit (1 edits merged)

Please save this source code

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

===================================================================
--- original.js
+++ change.js
@@ -128,10 +128,15 @@
 	updateBalanceDisplay();
 }
 function drawNextSegment() {
 	console.log("drawNextSegment " + graphIndex + ' isDrawing = ' + drawingInProgress);
-	var hasFinished = graphIndex >= graphPoints.length;
-	if (!drawingInProgress && !hasFinished) {
+	var hasFinished = graphIndex >= graphPoints.length - 1;
+	if (!drawingInProgress && hasFinished) {
+		running = false;
+		LK.showGameOver();
+		return;
+	}
+	if (!drawingInProgress) {
 		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;