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

Create a continuously scrolling vertical road in the center of the screen: - Place my road sprite in the center of the game area - Make the road scroll downward at constant speed - Create seamless scrolling by using two copies of the road sprite - When the first road sprite moves fully off screen bottom, reset its position to above the second sprite - Keep the road centered horizontally - Set scroll speed that feels good for gameplay, around medium walking pace - Road should be about 1/3 of screen width

User prompt

Remove background and scrolling effect

User prompt

Slow down the pulse of the player

User prompt

I want to have constant movement on the player to simulate footsteps. Specifically: , add subtle scale changes: - Pulse the character scale horizontally between 98% and 102% - Alternate every 0.2 seconds - Keep vertical scale constant

User prompt

Stop enemy generation for nkw

User prompt

The first instance of Overpass should not slide up. It should continue off the screen until it’s full off and the reset to top of overpass w

User prompt

The second instance of overpass on the top should be flipped vertically.

User prompt

Flip every second instance of overpass so the edges match.

User prompt

Match tones where the instances are stitched together.

User prompt

Stitch another instance of overpass to the top to create endless scroll.

User prompt

Add additional instances of overpass to create endless scroll.

User prompt

Create vertical scrolling background with overpass.

User prompt

Stitch together overpass for vertical scrolling effect.

User prompt

Make sure overpass is visible and centered in screen.

User prompt

Overpass needs to be set properly to see the image.

User prompt

I can’t see the background.

User prompt

Make sure overpass is visible.

User prompt

Set Overpass centered as repeating background.

User prompt

Increase rotation on movement for hero

User prompt

When the player moves left or right: - Add slight rotation in the direction of movement (2-3 degrees) - Return to center rotation when movement stops - Add a very subtle tilt-back effect (1-2 degrees opposite) during initial movement This creates a "leaning into movement" feel

User prompt

Set landing position of player up 5% more

User prompt

Move player position 5% more up on Y scale.

User prompt

Have player position in game 5% more up.

User prompt

Player should start off screen and walk into position at start of game.

User prompt

Remove player warp on touch

===================================================================
--- original.js
+++ change.js
@@ -61,23 +61,8 @@
 			self.destroy();
 		}
 	};
 });
-// Overpass class for the scrolling background
-var Overpass = Container.expand(function () {
-	var self = Container.call(this);
-	var overpassGraphics = self.attachAsset('Overpass', {
-		anchorX: 0.5,
-		anchorY: 0.5
-	});
-	self.speed = 1;
-	self.update = function () {
-		self.y += self.speed;
-		if (self.y > 2732 + self.height) {
-			self.y = -self.height;
-		}
-	};
-});
 
 /**** 
 * Initialize Game
 ****/ 
@@ -87,15 +72,8 @@
 
 /**** 
 * Game Code
 ****/ 
-var overpass1 = game.addChild(new Overpass());
-overpass1.x = 2048 / 2;
-overpass1.y = 2732 / 2;
-var overpass2 = game.addChild(new Overpass());
-overpass2.x = 2048 / 2;
-overpass2.y = overpass1.y - overpass1.height;
-overpass2.scale.y = -1; // Flip the second instance of Overpass vertically
 // Initialize variables
 var hero = game.addChild(new Hero());
 hero.x = 2048 / 2;
 hero.y = 2732 + hero.height;