Upit | Learn about creating the game Hit the slopes with gen AI

Play

Hit the slopes

octo

Hittheslopes684

46K

10mo

Playit

Aim, strike, score! Use limited hits for the ultimate slope-striking fun.

#puzzlegame

#arcade

#bubblepop

#casualgaming

#christmas2023

#skillbased

#hypercasual

Creation History

User prompt

i want to have a padding at the edge of the screen, so skiers don't actually touch the edge of the screed. make this padding 100 pixels, which means skiers change directiong 100 pixels before touching the edge of the screen

User prompt

instead of 3 skaters, I want there to be 10 of them

User prompt

the edge of the screen should behave as a boundary for the skaters, reversing their direction when touching it, to ensure they return to the inside of the screen

User prompt

implement those fixes to make the skaters move

User prompt

the skaters are static right now but they have to move around the screen. make sure they have a speed associated to them

User prompt

the skaters are static, they HAVE to move around the screen!!!

User prompt

the skaters are standing still, they HAVE to move

User prompt

the skaters are standing, they have to move inside the boundaries of the screen

User prompt

the skaters also have to move on the screen, and imitate a skating behaviour

User prompt

there's no skater on the screen, I need to see 3 skaters

User prompt

now create a new asset called Skater, which represents skaters that skate on the screen. their nehaviour needs to be sort of random, in the sense they move in a straight line, then then randomly need to change direction. but they don't simply change their direction suddenly, there needs to be a rotation associated to this. imagine this game is an ice skating ring, and the skaters are seen from above skating. if the bubble hits them, they are destroyed, but first let's focus on their movement

User prompt

now add a background image to the game, taht's at the bottom most layer of all other assets. center it to the center of the screen and stretch it across the entire game area

User prompt

half the size of the rotating canon

User prompt

make the bubbles travel twice as fast

User prompt

change the 3 to 1.5 var cannonSize = Math.min(shooterGraphics.width, shooterGraphics.height) * 3;

User prompt

the size of the cannon is too small increase it by a factor of 3

User prompt

Fix Bug: 'Uncaught TypeError: Cannot read properties of undefined (reading 'width')' in this line: 'var cannonSize = Math.min(shooterGraphics.texture.width, shooterGraphics.texture.height);' Line Number: 14

User prompt

the cannon is strecteched, keep it to a 1:1 ratio

User prompt

now increase the speed of the bubbles by 5 times

User prompt

now Idont want the bubble to fire automatically, I want them to only fire when the player taps the screen anywhere

User prompt

this is ALMOST correct but something is sitll very wrong. it seems the trajectory of the bubble is not correct. so the trajectory of the bubble should be the pointy arrow of the cannon. when a bubble is about to be fired, it has to check the position of the outter part of the cannon, and go in that direction

User prompt

well, the starting point of the bubble should still be the very center of the screen

User prompt

now ensure the bubble always follow the cannon. even though they all start from the pivot point, their direction should be given by the pointy part of the cannon

User prompt

now move the pivot at thecenter of the screen

User prompt

think of the whole thing as a clock. the clock has a hand that rotates around a central pivot point. right now the canon's pivot point is in it's middle, but that is wrong, the pivot point for the canon should be at it's base

===================================================================
--- original.js
+++ change.js
@@ -9,10 +9,10 @@
 	self.rotateDuration = 60;
 	self.move = function () {
 		var newX = self.x + Math.cos(self.direction) * self.speed;
 		var newY = self.y + Math.sin(self.direction) * self.speed;
-		if (newX > 2048 || newX < 0) self.direction = Math.PI - self.direction;
-		if (newY > 2732 || newY < 0) self.direction = -self.direction;
+		if (newX > 1948 || newX < 100) self.direction = Math.PI - self.direction;
+		if (newY > 2632 || newY < 100) self.direction = -self.direction;
 		self.x = newX;
 		self.y = newY;
 	};
 	self.update = function () {