Play
:quality(85)/https://cdn.frvr.ai/683a3bd5058309c18acdf0a6.png)
:quality(85)/https://cdn.upit.com/on8g45hfkw3up5yknjgoa0nm.png)
:quality(85)/https://cdn.frvr.ai/683a3c12058309c18acdf0ad.png)
#MusicGame
#Rhythm
#TapToTheBeat
#MobileGaming
#BeatChallenge
#Demo
Creation History
Code edit (1 edits merged)
Please save this source code
User prompt
audioOffset del nivel "tutorial" no se cambio como 0:00.00
User prompt
Haz que audioOffset: 0; de var niveles funcione como "0:00.00"
User prompt
haz que audioOffset de niveles se cuente como 0:00.00
User prompt
haz que audioOffset se cuente como 0:00.00
Code edit (1 edits merged)
Please save this source code
User prompt
Haz que audioOffset es el tiempo que tarda en empezar la música, si el tiempo es positivo se agrega segundos, negativo se resta (cuentalos como 0:00.00)
Code edit (1 edits merged)
Please save this source code
User prompt
agrega a niveles una especificacion para offset de audio y notes
User prompt
agrega a niveles un offset de audio y botones
User prompt
haz que al inicial el nivel empiece andar tanto el reloj como la musica
User prompt
Crea un mnu inicial
User prompt
Please fix the bug: 'TypeError: Cannot read properties of undefined (reading 'setText')' in or related to this line: 'timerText.setText(timeString);' Line Number: 464
User prompt
Crea un menu inicial
User prompt
Crea un menu inicial
User prompt
elimina la canción de fondo
User prompt
agrega a niveles un ID
User prompt
agrega a addnote a que nivel pertenecen asi forzar su aparición allí. addNote(nivel, time, x, y)
User prompt
crea una variable de objeto llamada niveles donde salen: Nombre, canción, puntuación max.
User prompt
agrega audio offset y noteoffset
User prompt
agrega un boton play al principio
Code edit (2 edits merged)
Please save this source code
User prompt
Agrega musica de fondo
Code edit (1 edits merged)
Please save this source code
User prompt
Asegúrate que las notas solo se puedan presionar si son 1 y que las que no son tengan un 0.8 de transparencia
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
/****
* Classes
****/
var Note = Container.expand(function () {
var self = Container.call(this);
var hitZone = self.attachAsset('hit', {
anchorX: 0.5,
anchorY: 0.5,
scaleX: 1.6,
scaleY: 1.6
});
hitZone.alpha = 0.4;
var hitAccuracy = self.attachAsset('hit', {
anchorX: 0.5,
anchorY: 0.5,
scaleX: 2.5,
scaleY: 2.5
});
hitAccuracy.alpha = 0.25;
var hitAccuracyTargetScale = 1.6;
var hitAccuracyStartScale = 3.4;
hitAccuracy.scaleX = hitAccuracyStartScale;
hitAccuracy.scaleY = hitAccuracyStartScale;
tween(hitAccuracy, {
scaleX: hitAccuracyTargetScale,
scaleY: hitAccuracyTargetScale
}, {
duration: 1000 / speed
});
var noteAsset = self.attachAsset('note', {
anchorX: 0.5,
anchorY: 0.5
});
self.numberText = new Text2('1', {
size: 150,
fill: 0x000000
});
self.numberText.anchor.set(0.5, 0.5);
self.addChild(self.numberText);
self.setNumber = function (num) {
self.numberText.setText(num.toString());
};
var margin = 100;
self.x = margin + Math.random() * (2048 - 2 * margin);
self.y = margin + Math.random() * (2732 - 2 * margin);
var MARVELOUS_WINDOW = 30;
var PERFECT_WINDOW = 70;
var GOOD_WINDOW = 120;
var BAD_WINDOW = 180;
var FAIL_WINDOW = 250;
self.spawnTime = Date.now();
self.hitZoneTime = self.spawnTime + 1000 / speed;
function showFeedback(result, msValue) {
var colorMap = {
marvelous: 0x00fffc,
perfect: 0x00ff00,
good: 0xffff00,
bad: 0xffa500,
fail: 0xff0000
};
var color = colorMap[result] || 0xffffff;
var msText = "";
if (typeof msValue === "number") {
var msAbs = Math.abs(Math.round(msValue));
msText = " / " + (msValue > 0 ? "-" : "") + msAbs + "ms";
}
var feedback = new Text2(result.toUpperCase() + msText, {
size: 120,
fill: "#" + ("000000" + color.toString(16)).slice(-6)
});
feedback.anchor.set(0.5, 0);
feedback.x = 2048 / 2;
feedback.y = 120;
game.addChild(feedback);
tween(feedback, {
alpha: 0,
y: feedback.y - 60
}, {
duration: 500
});
LK.setTimeout(function () {
feedback.destroy();
}, 500);
}
self.down = function (x, y, obj) {
// Only allow if this note is the first in activeNotes
if (activeNotes.length === 0 || activeNotes[0] !== self) {
// Not the first note, ignore press
return;
}
var now = Date.now();
var msDiff = now - self.hitZoneTime;
var absMs = Math.abs(msDiff);
var result = "fail";
if (absMs <= MARVELOUS_WINDOW) {
result = "marvelous";
marvelousCount++;
} else if (absMs <= PERFECT_WINDOW) {
result = "perfect";
perfectCount++;
} else if (absMs <= GOOD_WINDOW) {
result = "good";
goodCount++;
} else if (absMs <= BAD_WINDOW) {
result = "bad";
badCount++;
} else if (absMs <= FAIL_WINDOW) {
result = "fail";
failCount++;
}
if (now < self.spawnTime + 0.2 * (self.hitZoneTime - self.spawnTime)) {
result = "fail";
failCount++;
}
updateAccuracyDisplay();
LK.getSound('hitSound').play();
showFeedback(result, msDiff);
removeNoteFromActive(self);
self.destroy();
};
self.update = function () {
var now = Date.now();
if (now - self.hitZoneTime > FAIL_WINDOW) {
failCount++;
updateAccuracyDisplay();
showFeedback("fail", undefined);
removeNoteFromActive(self);
self.destroy();
}
};
return self;
});
/****
* Initialize Game
****/
var game = new LK.Game({
backgroundColor: 0x000000
});
/****
* Game Code
****/
var ms;
var time = 0;
var gameStartTime;
var gameStart;
var timerText;
var speed = 1.3;
var note;
var life = 100;
var combo = 0;
var score = 0;
var marvelousCount = 0;
var perfectCount = 0;
var goodCount = 0;
var badCount = 0;
var failCount = 0;
var noteCounter = 0;
var activeNotes = [];
// === Audio and Note Offsets ===
var audioOffset = 0; // in milliseconds, positive delays music, negative advances
var noteOffset = 0; // in milliseconds, positive delays notes, negative advances
var accuracyDisplayConfig = [{
label: 'Marvelous',
color: 0x00FFFC,
yOffset: -300,
type: 'marvelous'
}, {
label: 'Perfect',
color: 0x00FF00,
yOffset: -240,
type: 'perfect'
}, {
label: 'Good',
color: 0xFFFF00,
yOffset: -180,
type: 'good'
}, {
label: 'Bad',
color: 0xFFA500,
yOffset: -120,
type: 'bad'
}, {
label: 'Fail',
color: 0xFF0000,
yOffset: -60,
type: 'fail'
}];
var accuracyTexts = {};
function createAccuracyText(label, color, yOffset) {
var txt = new Text2(label + ': 0', {
size: 40,
fill: color
});
txt.anchor.set(1, 0);
txt.x = -20;
txt.y = yOffset;
LK.gui.bottomRight.addChild(txt);
return txt;
}
// Reusable function to create notes at specific times
var scheduledNotes = [];
function addNote(timeString, x, y) {
// Convert time string format "M:SS.CC" or "MM:SS.CC" to milliseconds
var parts = timeString.split(':');
var minutes = parseInt(parts[0]);
var secondsParts = parts[1].split('.');
var seconds = parseInt(secondsParts[0]);
var centiseconds = parseInt(secondsParts[1]);
var totalMs = minutes * 60 * 1000 + seconds * 1000 + centiseconds * 10;
scheduledNotes.push({
time: totalMs,
created: false,
x: x,
y: y
});
}
function createNoteAtPosition(x, y) {
var newNote = new Note();
// Use random position if x is undefined, null, or 0
if (x === undefined || x === null || x === 0) {
newNote.x = 100 + Math.random() * (2048 - 200);
} else {
newNote.x = x;
}
// Use random position if y is undefined, null, or 0
if (y === undefined || y === null || y === 0) {
newNote.y = 100 + Math.random() * (2732 - 200);
} else {
newNote.y = y;
}
noteCounter++;
newNote.orderNumber = noteCounter;
newNote.setNumber(activeNotes.length + 1);
activeNotes.push(newNote);
// Set alpha and interactivity: only first note is fully opaque and interactive
if (activeNotes.length === 1) {
newNote.alpha = 1;
newNote.interactive = true;
} else {
newNote.alpha = 0.8;
newNote.interactive = false;
}
game.addChild(newNote);
return newNote;
}
function updateNoteNumbers() {
for (var i = 0; i < activeNotes.length; i++) {
activeNotes[i].setNumber(i + 1);
// Only the first note is fully opaque and interactive
if (i === 0) {
activeNotes[i].alpha = 1;
activeNotes[i].interactive = true;
} else {
activeNotes[i].alpha = 0.8;
activeNotes[i].interactive = false;
}
}
}
function removeNoteFromActive(note) {
var index = activeNotes.indexOf(note);
if (index > -1) {
activeNotes.splice(index, 1);
updateNoteNumbers();
}
}
accuracyDisplayConfig.forEach(function (cfg) {
accuracyTexts[cfg.type] = createAccuracyText(cfg.label, cfg.color, cfg.yOffset);
});
function updateAccuracyDisplay() {
accuracyTexts.marvelous.setText('Marvelous: ' + marvelousCount);
accuracyTexts.perfect.setText('Perfect: ' + perfectCount);
accuracyTexts.good.setText('Good: ' + goodCount);
accuracyTexts.bad.setText('Bad: ' + badCount);
accuracyTexts.fail.setText('Fail: ' + failCount);
}
/*
* Initializations
*/
gameStartTime = Date.now();
timerText = new Text2('0:00.00', {
size: 60,
fill: 0xFFFFFF
});
timerText.anchor.set(0.5, 0);
timerText.x = 0;
timerText.y = 50;
LK.gui.top.addChild(timerText);
// Play background music with audioOffset applied
if (audioOffset && audioOffset !== 0) {
// If offset is positive, delay music start
if (audioOffset > 0) {
LK.setTimeout(function () {
LK.playMusic('Tutorial');
}, audioOffset);
} else {
// If offset is negative, start music at offset position
LK.playMusic('Tutorial', {
start: Math.abs(audioOffset) / (60 * 1000)
}); // start in fraction of total music (0-1)
}
} else {
LK.playMusic('Tutorial');
}
// Example usage: addNote("0:01.00") will create a note at 1 second
// addNote("0:02.00") will create a note at 2 seconds
// addNote("0:03.50") will create a note at 3.5 seconds
// Add 5 random notes
addNote("0:01.75", 0, 0);
addNote("0:03.75", 0, 0);
addNote("0:05.75", 0, 0);
addNote("0:07.75", 0, 0);
addNote("0:09.75", 0, 0);
addNote("0:11.75", 0, 0);
addNote("0:13.75", 0, 0);
addNote("0:15.75", 0, 0);
game.update = function () {
var currentTime = Date.now();
var elapsedMs = currentTime - gameStartTime;
// Apply noteOffset to note timing
var adjustedElapsedMs = elapsedMs + noteOffset;
var totalSeconds = Math.floor(elapsedMs / 1000);
var minutes = Math.floor(totalSeconds / 60);
var seconds = totalSeconds % 60;
var centiseconds = Math.floor(elapsedMs % 1000 / 10);
var timeString = minutes + ':' + (seconds < 10 ? '0' : '') + seconds + '.' + (centiseconds < 10 ? '0' : '') + centiseconds;
timerText.setText(timeString);
// Check scheduled notes
for (var i = 0; i < scheduledNotes.length; i++) {
var scheduled = scheduledNotes[i];
if (!scheduled.created && adjustedElapsedMs >= scheduled.time) {
createNoteAtPosition(scheduled.x, scheduled.y);
scheduled.created = true;
}
}
}; ===================================================================
--- original.js
+++ change.js
@@ -162,8 +162,11 @@
var badCount = 0;
var failCount = 0;
var noteCounter = 0;
var activeNotes = [];
+// === Audio and Note Offsets ===
+var audioOffset = 0; // in milliseconds, positive delays music, negative advances
+var noteOffset = 0; // in milliseconds, positive delays notes, negative advances
var accuracyDisplayConfig = [{
label: 'Marvelous',
color: 0x00FFFC,
yOffset: -300,
@@ -279,89 +282,50 @@
}
/*
* Initializations
*/
-// Add play button
-var playButton = new Text2('PLAY', {
- size: 180,
- fill: 0x00FF00
-});
-playButton.anchor.set(0.5, 0.5);
-playButton.x = 2048 / 2;
-playButton.y = 2732 / 2;
-playButton.interactive = true;
-playButton.buttonMode = true;
-playButton.alpha = 1;
-LK.gui.center.addChild(playButton);
-var gameStarted = false;
-var scheduledNotesBackup = [{
- timeString: "0:01.75",
- x: 0,
- y: 0
-}, {
- timeString: "0:03.75",
- x: 0,
- y: 0
-}, {
- timeString: "0:05.75",
- x: 0,
- y: 0
-}, {
- timeString: "0:07.75",
- x: 0,
- y: 0
-}, {
- timeString: "0:09.75",
- x: 0,
- y: 0
-}, {
- timeString: "0:11.75",
- x: 0,
- y: 0
-}, {
- timeString: "0:13.75",
- x: 0,
- y: 0
-}, {
- timeString: "0:15.75",
- x: 0,
- y: 0
-}];
-// Hide timer until game starts
+gameStartTime = Date.now();
timerText = new Text2('0:00.00', {
size: 60,
fill: 0xFFFFFF
});
timerText.anchor.set(0.5, 0);
timerText.x = 0;
timerText.y = 50;
-timerText.alpha = 0;
LK.gui.top.addChild(timerText);
-function startGame() {
- if (gameStarted) return;
- gameStarted = true;
- // Remove play button
- playButton.destroy();
- // Show timer
- timerText.alpha = 1;
- // Reset scheduledNotes
- scheduledNotes = [];
- for (var i = 0; i < scheduledNotesBackup.length; i++) {
- var n = scheduledNotesBackup[i];
- addNote(n.timeString, n.x, n.y);
+// Play background music with audioOffset applied
+if (audioOffset && audioOffset !== 0) {
+ // If offset is positive, delay music start
+ if (audioOffset > 0) {
+ LK.setTimeout(function () {
+ LK.playMusic('Tutorial');
+ }, audioOffset);
+ } else {
+ // If offset is negative, start music at offset position
+ LK.playMusic('Tutorial', {
+ start: Math.abs(audioOffset) / (60 * 1000)
+ }); // start in fraction of total music (0-1)
}
- // Start music
+} else {
LK.playMusic('Tutorial');
- // Set game start time
- gameStartTime = Date.now();
}
-playButton.down = function (x, y, obj) {
- startGame();
-};
+// Example usage: addNote("0:01.00") will create a note at 1 second
+// addNote("0:02.00") will create a note at 2 seconds
+// addNote("0:03.50") will create a note at 3.5 seconds
+// Add 5 random notes
+addNote("0:01.75", 0, 0);
+addNote("0:03.75", 0, 0);
+addNote("0:05.75", 0, 0);
+addNote("0:07.75", 0, 0);
+addNote("0:09.75", 0, 0);
+addNote("0:11.75", 0, 0);
+addNote("0:13.75", 0, 0);
+addNote("0:15.75", 0, 0);
game.update = function () {
- if (!gameStarted) return;
var currentTime = Date.now();
var elapsedMs = currentTime - gameStartTime;
+ // Apply noteOffset to note timing
+ var adjustedElapsedMs = elapsedMs + noteOffset;
var totalSeconds = Math.floor(elapsedMs / 1000);
var minutes = Math.floor(totalSeconds / 60);
var seconds = totalSeconds % 60;
var centiseconds = Math.floor(elapsedMs % 1000 / 10);
@@ -369,9 +333,9 @@
timerText.setText(timeString);
// Check scheduled notes
for (var i = 0; i < scheduledNotes.length; i++) {
var scheduled = scheduledNotes[i];
- if (!scheduled.created && elapsedMs >= scheduled.time) {
+ if (!scheduled.created && adjustedElapsedMs >= scheduled.time) {
createNoteAtPosition(scheduled.x, scheduled.y);
scheduled.created = true;
}
}
:quality(85)/https://cdn.frvr.ai/6837a2baac4cf3f3830360f9.png%3F3)
:quality(85)/https://cdn.frvr.ai/6837d0f0ac4cf3f38303629f.png%3F3)
Sounds & Music
Used plugins
@upit/tween
