Upit | Learn about creating the game Tap & Drift with gen AI

Play

Tap & Drift

benjaminsen

TapDrift

4.7K

9mo

Playit

Drift and dodge in a high-speed chase, keeping your car on the road to avoid crashes and beat the clock. Thrilling, skill-based

#racing

#drifting

#arcade

#adrenaline

#onetap

Creation History

Code edit (1 edits merged)

Please save this source code

User prompt

Update the offsetY calculation such that the target y is 1/4th from the bottom

Code edit (2 edits merged)

Please save this source code

User prompt

when setting particle alpha divide nonTravelMomentum by 5

Code edit (1 edits merged)

Please save this source code

User prompt

when setting particle alpha set max to 1 and abs the value

Code edit (3 edits merged)

Please save this source code

User prompt

In tick we want to use the returned value from car.move as the alpha value for newly created particles. Just set .alpha on the particle directly ,

User prompt

In tick use the retuned value from car.move to set alpha of new particles. Set max to 1

User prompt

in tick, console log car.move

User prompt

in car move, return the momentum of the direction the car is not traveling

User prompt

reverse multiplier effect on particles based on car direction

User prompt

Multiply particleOffsets[i].x by -1 if car direction is 1 or 1 if it's 0

Code edit (6 edits merged)

Please save this source code

User prompt

set particle offsets to var particleOffsets = [{ x: 20, y: 140 }, { x: 20 + 100, y: 140 - 100 }, { x: 20 - 150, y: 140 - 150 }, { x: 20 - 150 + 100, y: 140 - 150 - 100 }];

Code edit (1 edits merged)

Please save this source code

Code edit (1 edits merged)

Please save this source code

User prompt

move down particle 1 by 50px

User prompt

Move particle #1 20px to the left

User prompt

Move particle #1 20px to the left

User prompt

Move particle #1 20px to the left and 30px down

User prompt

Have 4 fixed offsets for particles

User prompt

Spawn 4 particles per tick

User prompt

decrease random spacing of particles to 20

Code edit (2 edits merged)

Please save this source code

===================================================================
--- original.js
+++ change.js
@@ -61,13 +61,15 @@
 		car.changeDirection();
 	});
 	LK.on('tick', function () {
 		car.move();
-		var particle = new Particle();
-		particle.x = car.x + (Math.random() * 20 - 10);
-		particle.y = car.y + (Math.random() * 20 - 10);
-		mainContainer.addChildAt(particle, 0);
-		particles.push(particle);
+		for (var i = 0; i < 4; i++) {
+			var particle = new Particle();
+			particle.x = car.x + (Math.random() * 20 - 10);
+			particle.y = car.y + (Math.random() * 20 - 10);
+			mainContainer.addChildAt(particle, 0);
+			particles.push(particle);
+		}
 		particles.forEach(function (particle, index) {
 			particle.tick();
 			if (particle.alpha <= 0) {
 				particles.splice(index, 1);

Showing 201 to 225 of 285

1 ...6 7 8 9 10 11 12

Images

Top down car, gta2, just car
Single Game Texture. In-Game asset. 2d. Blank background. High contrast. No shadows.

Most played remixes

Main