Upit | Learn about creating the game Binary Storm with gen AI

Play

Binary Storm

blackwidowink

BinaryStorm

550

3mo

Playit

Blast through an alternate 80s in Binary Storm! Battle relentless robots in this thrilling vertical shooter. Can you survive?

#arcade

#retro

#shootergame

#robots

#80s

Creation History

User prompt

When game loads into title screen, make sure game state is set to isTitle. When in that game state, the only valid control is press.

User prompt

Please fix the bug: 'Script error.' in or related to this line: 'hero.rotation = x > hero.x ? -Math.PI / 180 : Math.PI / 180;' Line Number: 356

User prompt

Please fix the bug: 'Script error.' in or related to this line: 'hero.rotation = x > hero.x ? Math.PI / 180 * -1 : Math.PI / 180 * 1;' Line Number: 356

User prompt

Please fix the bug: 'Script error.' in or related to this line: 'dragNode = {' Line Number: 354

User prompt

Move game logo initialization 20% down on title screen

User prompt

Move logo 20% down on screen.

User prompt

Make sure title screen is initialized on game load

User prompt

When the game first loads, show to title screen, but do not initialize player or enemies until after play is pressed. May need to make a game state isStarted and isTitle

User prompt

Create a title screen with: - use the current animated scrolling background showing the game environment - Centered game logo at the top middle - "Play" button underneath the logo - When Play is pressed, have the player character run up from the bottom of the screen

User prompt

Slow down the scrolling of CityBackgroundHD. Railings and road stay the same speed.

User prompt

Slow down the scrolling of city background to make it look far away.

User prompt

Use high definition image for city background

User prompt

Set CityBackground as scrolling background underneath RoadScroll layer for parallax effect.

User prompt

Center road2

User prompt

Adjust road2 x position to match road.

User prompt

Change railing right to function the same way.

User prompt

Change railing left class to handle asset switch the same way as RoadScroll does by defining it in initialization. Remove unneeded code in RailingLeft once switched.

User prompt

Replace railing left class with this: var RailingLeft = Container.expand(function () { var self = Container.call(this); self.speed = 2; self.isStart = true; // Track which piece we're using var railingGraphics = self.attachAsset('RailingStart', { anchorX: 0.5, anchorY: 0 }); self.update = function () { self.y += self.speed; if (self.y >= 2732) { self.y = -2732; self.isStart = !self.isStart; // Toggle between start and end railingGraphics.destroy(); var newAssetType = self.isStart ? 'RailingStart' : 'RailingEnd'; railingGraphics = self.attachAsset(newAssetType, { anchorX: 0.5, anchorY: 0 }); } }; });

User prompt

The alternating railing code in RailingLeft and RailingRight isn’t working how I’d like. Graphics of both should start with RailingStart and then connect RailingEnd.

User prompt

Move position of RailingRight left by 3%

User prompt

Move railing right left 3%

User prompt

Move railing right left 4%

User prompt

While keeping the exact same functionality, combine road and road2 classes into RoadScroll class. Change update accordingly.

User prompt

Make sure railing left is added to game.update

User prompt

Change the variable names in game code from railing1 and railing2 to railingLeft1 and railingLeft2

===================================================================
--- original.js
+++ change.js
@@ -222,9 +222,9 @@
 railingRight1.y = 0;
 railingRight2.y = -2732;
 // Initialize game state variables
 var isStarted = false;
-var isTitle = true;
+var isTitle = true; // Set initial game state to isTitle
 // Initialize title screen elements
 var gameLogo = LK.getAsset('GameLogo', {
 	anchorX: 0.5,
 	anchorY: 0.5,
@@ -334,11 +334,16 @@
 };
 // Handle touch input for hero movement
 var dragNode = null;
 game.down = function (x, y, obj) {
-	dragNode = hero;
+	if (!isTitle) {
+		dragNode = {
+			x: hero.x,
+			y: hero.y
+		};
+	}
 	// Add a tilt-back effect during initial movement
-	hero.rotation = x > hero.x ? Math.PI / 180 : -Math.PI / 180;
+	hero.rotation = x > hero.x ? Math.PI / 180 * -1 : Math.PI / 180 * 1;
 };
 game.move = function (x, y, obj) {
 	if (dragNode) {
 		// Add a slight delay to the drag control to make the player feel like it has more weight