Upit | Learn about creating the game Neon Drift: Sky Havoc with gen AI

Play

This game offers a fast-paced and engaging experience, challenging players to manage their position and timing to avoid enemy attacks while maximizing their score. ### Key Features: - **Player Vehicle:** The player controls a vehicle that can be moved by dragging it across the screen. The vehicle has a hitbox for collision detection and a life bar that decreases when hit by enemy projectiles. - **Enemies:** Enemies spawn in waves and have varied colors. They move downwards and can dodge the player's vehicle. Enemies can shoot projectiles at the player and have a hitbox for collision detection. When destroyed, they increase the player's score. - **Bullets and Projectiles:** The player fires bullets at regular intervals, which can destroy enemies. Enemies also fire projectiles that can damage the player's vehicle. Bullet speed is slightly randomized for variety. - **Score and High Score:** The game tracks the player's score, which increases when enemies are destroyed. A high score is maintained using a storage plugin, and both scores are displayed on the screen.

#CyberpunkShooter

#NeonBlast

#FlyingCarChaos

#TopDownAction

#FuturisticShootEmUp

Creation History

User prompt

Player can move their vehicle by touching anywhere on the screen. The vehicle moves relative to the speed and direction at which the player moves their finger

User prompt

Why isn’t the touch event handler working?

User prompt

The player can move their vehicle by dragging it with one finger

User prompt

The player vehicle continuously shoots bullets that move from the front of the vehicle to the top of the screen

User prompt

Double the sprite size

User prompt

Player vehicle should start at bottom of the screen

User prompt

Initialize player’s vehicle sprite

User prompt

Neon Drift: Sky Havoc

Initial prompt

Top down cyberpunk themed shoot em up where you pilot a flying car

/**** 
* Classes
****/ 
// Player's vehicle class
var PlayerVehicle = Container.expand(function () {
	var self = Container.call(this);
	// Attach the player's vehicle sprite
	var vehicleSprite = self.attachAsset('playerVehicle', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 2,
		scaleY: 2
	});
});

/**** 
* Initialize Game
****/ 
// Add player's vehicle to the game
var game = new LK.Game({
	backgroundColor: 0x000000
});

/**** 
* Game Code
****/ 
// Add player's vehicle to the game
var playerVehicle = game.addChild(new PlayerVehicle());
// Position player's vehicle at the bottom of the screen
playerVehicle.x = 2048 / 2;
playerVehicle.y = 2732 - playerVehicle.height / 2;

===================================================================
--- original.js
+++ change.js
@@ -6,9 +6,11 @@
 	var self = Container.call(this);
 	// Attach the player's vehicle sprite
 	var vehicleSprite = self.attachAsset('playerVehicle', {
 		anchorX: 0.5,
-		anchorY: 0.5
+		anchorY: 0.5,
+		scaleX: 2,
+		scaleY: 2
 	});
 });
 
 /****

Showing 151 to 159 of 159

1 2 3 4 5 6 7

Images

Neon cyberpunk flying car.
Single Game Texture. Blank background. High contrast. No shadows. Top-down

Fluffy cloud viewed from the top.
Single Game Sprite Texture. No background.

One single Fluffy cloud viewed from the top.
Single Game Sprite. No background. No shadow

Mini rocket projectile from a video game. No background.

Terminator style 2D enemy ship. Facing dead south.
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows

Circular ball projectile from a video game. No background.

Used plugins

@upit/tween@upit/storage

Main