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

Play

game-community-background

user photo

game-pic

529

0

9mo

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

Please save this source code

User prompt

make the horizontal axis movement fluid, you should implement a smooth interpolation or easing function that gradually adjusts the axis position over time.

Code edit (9 edits merged)

Please save this source code

User prompt

when creating a new segment, set the properties - stockValue1 : the stock value of the start of the segment - stockValue2 : the stock value of the end of the segment - x1 : the x value of the start of the segment - y1 : the y value of the start of the segment - x2 : the x value of the end of the segment - y2 : the y value of the end of the segment

User prompt

set those values in drawSegment function

User prompt

in GraphSegment add properties : - stockValue1 : the stock value of the start of the segment - stockValue2 : the stock value of the end of the segment - x1 : the x value of the start of the segment - y1 : the y value of the start of the segment - x2 : the x value of the end of the segment - y2 : the y value of the end of the segment

User prompt

remove the yValue of the GraphSegment

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

User prompt

implement setDebugValues() by re-setting stockValuesHistory values by repeating 10 times the serie 50, 75 , 100, 125, 150 , 125, 100, 75 , 50

Code edit (1 edits merged)

Please save this source code

Code edit (19 edits merged)

Please save this source code

User prompt

periodically update vsaText

User prompt

Fix Bug: 'Uncaught TypeError: Cannot read properties of undefined (reading 'toFixed')' in or related to this line: 'var vsaText = new Text2('VSA: ' + verticalSlideAmount.toFixed(0), {' Line Number: 164

User prompt

add a text at the top left corner with the verticalSlideAmount without decimals labeled VSA

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

User prompt

in axis vertical movement and console log should be treated only for horizontal axis

User prompt

add a propery in Axis to differenciate horizontal and vertical

User prompt

remove the decimals in the log in axis updateSlide

User prompt

in horizontal Axis updateSlide, console log current stock value, and self.y

User prompt

Fix Bug: 'ReferenceError: upperLimit is not defined' in or related to this line: 'if (self.y <= upperLimit || self.y >= lowerLimit) {' Line Number: 28

User prompt

in the horizontalAxis'updateSlide function, add the requested condition to set moveSegmentsVertically to false

Code edit (1 edits merged)

Please save this source code

User prompt

the vertical movement speed is far too high

===================================================================
--- original.js
+++ change.js
@@ -17,10 +17,11 @@
 	});
 	// Function to slide the segment to the left
 });
 // Axis class to represent the graph axes
-var Axis = Container.expand(function () {
+var Axis = Container.expand(function (isVertical) {
 	var self = Container.call(this);
+	self.isVertical = isVertical; // Property to determine if the axis is vertical
 	self.yValue = 0; // Track the Y value of the axis for vertical movement
 	self.updateSlide = function () {
 		if (moveSegmentsVertically) {
 			var upperLimit = game.height * 0.25;
@@ -114,17 +115,17 @@
 	stockValuesHistory.push(newValue);
 	previousValue = newValue;
 }
 // Create and draw horizontal axis
-var horizontalAxis = game.addChild(new Axis());
+var horizontalAxis = game.addChild(new Axis(false)); // false indicates this is a horizontal axis
 horizontalAxis.yValue = game.height * 0.75; // Initialize yValue for vertical movement
 horizontalAxis.drawAxis();
 horizontalAxis.y = horizontalAxis.yValue;
 horizontalAxis.width = game.width;
 horizontalAxis.height = 6;
 horizontalAxis.x = 0; // Move axis to the left side of the screen
 // Create and draw vertical axis
-var verticalAxis = game.addChild(new Axis());
+var verticalAxis = game.addChild(new Axis(true)); // true indicates this is a vertical axis
 verticalAxis.drawAxis();
 verticalAxis.rotation = Math.PI / 2; // Rotate to make it vertical
 verticalAxis.x = 20; // Move axis to the left side of the screen
 verticalAxis.width = game.height;

Showing 826 to 850 of 1220

1 ...32 33 34 35 36 ...49

Images

A Technical dark background. Nothing just a gradiant of colors from black to dark blue. Theme : stock market.
background

A modern clean empty rectangular button without borders.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

a basic empty ui popup with a black background.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

Sounds & Music

countdown

Sound effect

countdownGo

Sound effect

increase

Sound effect

decrease

Sound effect

buy

Sound effect

sell

Sound effect

victory

Sound effect

failed

Sound effect

finalCountdown

Sound effect

Main