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 (2 edits merged)

Please save this source code

User prompt

In the following code ensure that slideAmount is never 0 self.x -= slideAmount;

Code edit (8 edits merged)

Please save this source code

User prompt

dynamicSlideAdjustment Should depend on self.x and the limits (game.width * 0.25 and game.width * 0.75)

User prompt

Update the following code to make the value 0.3 dynamic so when delta x is big the value is bigger, and lower when delta is low

Code edit (1 edits merged)

Please save this source code

Code edit (3 edits merged)

Please save this source code

User prompt

Fix Bug: 'TypeError: console.Log is not a function' in or related to this line: 'console.Log("FIXING GAP : " + moveSegmentsVertically < 0 ? downwardGapFix : 0);' Line Number: 90

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

User prompt

Here is current code: ``` var pointA = graphPoints[graphIndex]; var pointB = graphPoints[graphIndex + 1]; var deltaY = pointB.y - pointA.y; // Calculate next segment rotation based on pointA and pointB coordinates var deltaX = pointB.x - pointA.x; var nextSegmentRotation = Math.atan2(deltaY, deltaX); var distance = Math.sqrt(Math.pow(pointB.x - pointA.x, 2) + Math.pow(pointB.y - pointA.y, 2)); var lastSegment = graphSegments.length > 0 ? graphSegments[graphSegments.length - 1] : null; var lastSegmentEndX = lastSegment ? lastSegment.x + Math.cos(lastSegment.rotation) * lastSegment.width : graphPoints[graphIndex].x; var lastSegmentEndY = lastSegment ? lastSegment.y + Math.sin(lastSegment.rotation) * lastSegment.width : graphPoints[graphIndex].y; pointA.x = lastSegmentEndX; pointA.y = lastSegmentEndY; // Re-compute the rotation (rotation * (180 / Math.PI)).toFixed(2) var deltaY2 = pointB.y - pointA.y; // Calculate next segment rotation based on pointA and pointB coordinates var deltaX2 = pointB.x - pointA.x; var tempRotFixed = Math.atan2(deltaY2, deltaX2); if (deltaX2 < 0 || deltaY > 0) { tempRotFixed += Math.PI; } var tempRotFixedDeltaDeg = ((nextSegmentRotation - tempRotFixed) * (180 / Math.PI)).toFixed(0); console.log('original rotation Rad: ' + nextSegmentRotation + ' / fixed rotation Rad :' + tempRotFixed + " -> Delta Deg " + tempRotFixedDeltaDeg); ``` And here is produced log : ``` original rotation Rad: -1.0305921674056044 / fixed rotation Rad :-1.0084043587880687 -> Delta Deg -1 Start moveSegmentsVertically Please draw graphIndex=9 1242,-254 / Rot= -59 distance=796.4051481501108 new segment index=9-10 450-500$ 1242 -254 rotation=-59.05 degrees width=796 original rotation Rad: -1.0305921674056038 / fixed rotation Rad :-1.0109702920137162 -> Delta Deg -1 Start moveSegmentsVertically Please draw graphIndex=10 1249,-268 / Rot= -59 distance=796.405148150111 new segment index=10-11 500-550$ 1249 -268 rotation=-59.05 degrees width=796 original rotation Rad: 1.0305921674056038 / fixed rotation Rad :2.2522788402901393 -> Delta Deg -70 Start moveSegmentsVertically Please draw graphIndex=11 1262,-278 / Rot= 59 distance=796.405148150111 new segment index=11-12 550-500$ 1262 -278 rotation=59.05 degrees width=796 original rotation Rad: 1.0305921674056049 / fixed rotation Rad :2.234469655823067 -> Delta Deg -69 ``` What change to tempRotFixed should be done to keep the delta around -1 ??

Code edit (1 edits merged)

Please save this source code

User prompt

Here is the rotation calculation : var deltaY = pointB.y - pointA.y; // Calculate next segment rotation based on pointA and pointB coordinates var deltaX = pointB.x - pointA.x; var nextSegmentRotation = Math.atan2(deltaY, deltaX); if (deltaX < 0) { nextSegmentRotation += Math.PI; } shouldn't it check deltaY too ?

Code edit (15 edits merged)

Please save this source code

User prompt

ok, but what should be changed to the line : var nextSegmentRotation = Math.atan2(pointB.y - pointA.y, pointB.x - pointA.x); to take into account the direction ?

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

Code edit (12 edits merged)

Please save this source code

User prompt

UPDATE BUY BUTTON STATUS WHEN STOCK VALUE CHANGES. (Hint: When graphIndex changes)

User prompt

Fix buy button status

User prompt

Update buy button status every time stock value changes or balance changes

User prompt

Like for sell button, disable buy button when current stock price is above balance

Code edit (1 edits merged)

Please save this source code

Code edit (9 edits merged)

Please save this source code

User prompt

Pad timer text with 0 so the text length is always 3

===================================================================
--- original.js
+++ change.js
@@ -60,14 +60,17 @@
 	var verticalSlideRatio = 1;
 	var interpolationSpeed = 1; // Adjust this value for speed
 	self.updateSlide = function () {
 		if (moveSegments) {
-			self.x -= slideAmount * 1;
+			if (slideAmount !== 0) {
+				self.x -= slideAmount * 1;
+			}
 			if (self.index1 == graphIndex) {
 				var dynamicSlideAdjustment = Math.abs(self.x - game.width * 0.25) / (game.width * 0.5);
-				if (self.x < game.width * 0.25) {
+				if (self.x < game.width * 0.35) {
 					slideAmount = Math.max(1, slideAmount * (1 - dynamicSlideAdjustment));
-				} else if (self.x > game.width * 0.75) {
+					slideAmount = Math.max(slideAmount, 0.1); // Ensure slideAmount is never 0
+				} else if (self.x > game.width * 0.65) {
 					slideAmount = Math.min(15, slideAmount * (1 + dynamicSlideAdjustment));
 				}
 			}
 		}