Upit | Learn about creating the game Kaleidoscope of Music Rhythm with gen AI
Play
game-community-background
game-pic

46

1

2d

Playit
There are various music genres that represents various patterns of kaleidoscope such as electronic, dream pop, dark ambient, dupstep, trap, Chinese traditional, Malay traditional etc. You can read the story for each song before you start the gameplay. Here's some introduction for gameplay, that is tap the note when you see the small notes, hold the note when you see the vertical long notes, and swipe the note when you see the horizontal long notes.
#RhythmGame
#MusicGame
#MobileGaming
#TapAndSwipe
#StoryMode
#UpitMusicContest

Creation History

User prompt

Make sure the notes are flowing for the hard mode of full songs

User prompt

Reduce the notes for hard mode so that it is player friendly

User prompt

There are suddenly tempo flowing stop for the hard mode after the songs are play for a while, reanalyze all of the songs and make tempo flowing for hard mode for all of the songs

User prompt

Remove all gameplay backgrounds after clicking exit, don't appear any gameplay backgrounds at the homepage

User prompt

Gameplay background still appear after I click exit

User prompt

Still occurring the same song background display error, for example, BgSkyJourney will appear to the homepage and as the background for other songs after I finished my game, the background for each song should be automatically disappear after the game play is ended

User prompt

There are background display error, where the background of previous song will be accidentally shown to the homepage and other songs after a song is played

User prompt

Insert BgSunriseWaltz as the background for Sunrise Waltz without affecting gameplay mode

User prompt

Make BgNightPulse fully fit the gameplay screen, without affecting the gameplay mode

User prompt

Insert BgNightPulse as the background of gameplay mode for Night Pulse, without affecting the gameplay scene

User prompt

Insert BgSkyJourney as the background of gameplay mode for Sky Journey, without affecting the gameplay scene

User prompt

Increase sensitivity of swipe notes and hold notes

User prompt

Make sure all the notes always flow and didn't stop immediately in the lane

User prompt

Analyses the full songs for Night Pulse and Sunrise Waltz, and make the tempo flowing for the full song

User prompt

There are notes flowing errors for both Night Pulse and Sunrise Waltz, that the notes suddenly not flowing after the songs are playing for a while

User prompt

For hold notes, if the button detected the hold notes with sparkling light, it should be counted as good, great or perfect based on the timing, instead of miss

User prompt

Remove all hold notes and swipe notes for all the easy mode of all songs, only medium mode and hard mode has hold notes and swipe notes, and adjust the errors for some of the hit area becomes bigger after touching the pad

User prompt

They're problems that the notes suddenly disappear automatically for all songs, and change the rule for swipe notes for just swiping horizontally, make the hold notes detection more sensitive with the rule that the hit area will appear sparkling light up animation when the player click the hold notes for a long time, and make the disappearing of hold notes longer ↪💡 Consider importing and using the following plugins: @upit/tween.v1 ↪💡 Consider importing and using the following plugins: @upit/tween.v1

User prompt

The notes keep on disappear suddenly without reach the hit areas, fix this errors, and improve the sensitivity for hold notes and swipe notes

User prompt

Some of the notes suddenly disappear without reach the hit area, fix this errors, and adjust swipe notes rules for just only swipes across the hit areas when the swipe notes reach

User prompt

Add sparkling light animation for touching the notes

User prompt

There are some problems that the notes suddenly didn't flow after Sunrise Waltz play for a while, and make the swipe notes disappear even it results in miss

User prompt

Fix the hold notes rule to click the note longer until the note is disappear, for the swipe note, it should be swipe according to the note shape

User prompt

Make the hit area light up when the notes are touched

User prompt

Improve the sensitivity of swipe notes and hold notes, and make sure swipe notes are disappear without staying as red color at the behind of hit area ↪💡 Consider importing and using the following plugins: @upit/tween.v1

===================================================================
--- original.js
+++ change.js
@@ -1415,29 +1415,120 @@
 		// Check if hold was completed (reached full duration)
 		if (t >= holdEnd) {
 			endHold();
 		} else {
-			// Released too early - fail the hold note
-			note.hit = false;
+			// Released too early - but if the button detected the hold note with sparkling light, count as good/great/perfect based on timing
+			// Use the timing at release to judge
+			var dt = Math.abs(note.time - t);
+			var scoreType = "";
+			var scoreValue = 0;
+			if (dt <= PERFECT_WINDOW) {
+				scoreType = "perfect";
+				scoreValue = 150;
+				perfectNotes += 1;
+			} else if (dt <= GREAT_WINDOW) {
+				scoreType = "great";
+				scoreValue = 120;
+				greatNotes += 1;
+			} else if (dt <= GOOD_WINDOW) {
+				scoreType = "good";
+				scoreValue = 80;
+				goodNotes += 1;
+			} else if (dt <= BAD_WINDOW) {
+				scoreType = "bad";
+				scoreValue = 40;
+				badNotes += 1;
+			} else {
+				// If not within any window, count as miss
+				note.hit = false;
+				note.active = false;
+				// Make failed hold note fade out with red tint
+				tween(note, {
+					alpha: 0.3,
+					tint: 0xFF0000
+				}, {
+					duration: 400,
+					easing: tween.easeOut,
+					onFinish: function onFinish() {
+						if (note.parent) {
+							note.parent.removeChild(note);
+						}
+					}
+				});
+				combo = 0;
+				missNotes += 1;
+				// Show miss popup
+				var popup = new ScorePopup();
+				popup.init("miss", note.x, note.y);
+				game.addChild(popup);
+				scorePopups.push(popup);
+				holdActive = null;
+				return;
+			}
+			// If we get here, it's a good/great/perfect/bad (not miss)
+			note.hit = true;
 			note.active = false;
-			// Make failed hold note fade out with red tint
+			// Remove from currentNotes array
+			var holdIndex = currentNotes.indexOf(note);
+			if (holdIndex > -1) {
+				currentNotes.splice(holdIndex, 1);
+			}
+			// Make hold note disappear with a fade animation
 			tween(note, {
-				alpha: 0.3,
-				tint: 0xFF0000
+				alpha: 0,
+				scaleX: 0.1,
+				scaleY: 0.1,
+				tint: 0xFFD700 // Gold for partial hold
 			}, {
-				duration: 400,
-				easing: tween.easeOut,
+				duration: 500,
+				easing: tween.easeIn,
 				onFinish: function onFinish() {
 					if (note.parent) {
 						note.parent.removeChild(note);
 					}
 				}
 			});
-			combo = 0;
-			missNotes += 1;
-			// Show miss popup
+			score += scoreValue;
+			combo += 1;
+			hitNotes += 1;
+			maxCombo = Math.max(combo, maxCombo);
+			// Light up hit area for partial hold
+			var lane = note.lane;
+			var hitArea = laneDividers[lane];
+			if (hitArea) {
+				if (hitArea.originalTint === undefined) {
+					hitArea.originalTint = hitArea.tint || 0xFFFFFF;
+				}
+				hitArea.tint = 0xFFD700;
+				hitArea.alpha = 1.0;
+				tween(hitArea, {
+					scaleX: hitArea.scaleX * 1.2,
+					scaleY: hitArea.scaleY * 1.2
+				}, {
+					duration: 150,
+					easing: tween.easeOut,
+					onFinish: function onFinish() {
+						tween(hitArea, {
+							scaleX: hitArea.scaleX / 1.2,
+							scaleY: hitArea.scaleY / 1.2
+						}, {
+							duration: 150,
+							easing: tween.easeIn
+						});
+					}
+				});
+				tween(hitArea, {
+					alpha: 0.7
+				}, {
+					duration: 200,
+					onFinish: function onFinish() {
+						hitArea.tint = hitArea.originalTint;
+					}
+				});
+			}
+			// Show score popup
 			var popup = new ScorePopup();
-			popup.init("miss", note.x, note.y);
+			popup.init(scoreType, note.x, note.y);
 			game.addChild(popup);
 			scorePopups.push(popup);
 			holdActive = null;
 		}
Showing 51 to 75 of 214
123456789

Images

Game design for Kaleidoscope of Music Rhythm without game title, just the design for opening screen background. In-Game asset. 2d. High contrast. No shadows Cyberpunk style design empty selector UI. In-Game asset. 2d. High contrast. No shadows Cyberpunk style hold note for music rhythm game. In-Game asset. 2d. High contrast. No shadows Cyberpunk style swipe note for music rhythm game. In-Game asset. 2d. High contrast. No shadows Cyberpunk style tap note for music rhythm game. In-Game asset. 2d. High contrast. No shadows Cyberpunk style kaleidoscope pattern design for homepage. In-Game asset. 2d. High contrast. No shadows Cyberpunk style lane divider for music rhythm game that is horizontal and used for judging the touching of rhythm In-Game asset. 2d. High contrast. No shadows Empty cyberpunk style storybox design in which it's size enable song cover, difficulty level and song description to be added in the storybox. In-Game asset. 2d. High contrast. No shadows Round shape of song cover of anime style with Sky Journey theme. In-Game asset. 2d. High contrast. No shadows Round shape song cover of cyberpunk anime style with the themed “Night Pulse”. In-Game asset. 2d. High contrast. No shadows Round shape of anime style song cover with the themed Sunrise Waltz. In-Game asset. 2d. High contrast. No shadows Anime style design for the round shape song cover of New Era Malay Style Round shape, Replace Chinese word from “不知途”to“莫问前程”,others remaining the same Empty cyberpunk style menu design. In-Game asset. 2d. High contrast. No shadows Cyberpunk style pause symbol. In-Game asset. 2d. High contrast. No shadows

Sounds & Music

🎶

NightPulse

Music

🎶

SunriseWaltz

Music

🎶

SkyJourney

Music

🎶

KaleidoscopeMusicRhythm

Music

🎵

Touch

Sound effect

🎶

NewEraMalayStyle

Music

🎶

UnknownJourney

Music

Used plugins

@upit/tween@upit/storage
Home
Discover
Play
Profile