User prompt
Now use the new songListV3, given that beat values are: 1 : gate on right 2 : gate on left gate on center for values 0 and 3
Code edit (5 edits merged)
Please save this source code
User prompt
create only one global pair of ``` var centerX = 1024; var centerY = 1366; ``` remove all other local versions
User prompt
??? Please Analyze seriously : you create a local playerObj variable and move it and you are happy with your work ???!!! Review the version before sphere removal and fix that seriously
User prompt
After sphere removal, controls doesn't work anymore! they should work like before as instructed
User prompt
Remove the Sphere WITHOUT BREAKING ANYTHING, especially the runner, ball and player control should continue to work like currently
User prompt
currently movement hanldy primarly depends on the sphere; make it depend on the ball (because in a future step we gonna remove the sphere)
Code edit (1 edits merged)
Please save this source code
User prompt
remove properly Target and TargetManager
Code edit (1 edits merged)
Please save this source code
User prompt
remove properly Target and TargetManager
User prompt
I have add `songListV3` that utilize enhanced song features. The new format provides much richer data including intensity, pitch, and energy values for each beat: t: Timestamp in milliseconds b: Beat type (1, 2, 3) i: Intensity value ranging from 0 to approximately 30 p: Pitch frequency value ranging from approximately 1000 to 3700 e: Energy value ranging from 0 to approximately 0.5 d: Drum type (1, 2, 3) ✅ Add enhanced visual effects based on intensity values from songListV3 ✅ Update GateManager to use songListV3 format : Gate angles shoud reflect song rythm changes but stick with existing 'snap' angles ✅ Update spawnGateAtTime to use enhanced song data properties : when spawning a gate take into account the time that the gate requires to reach the player: this will alow player to feel the music features 'live' instead with a delay. ✅ Update GateManager checkSongEnd to use songListV3 time property ✅ Update GateManager update method to check time property correctly ✅ Update BackgroundManager to respond to energy levels ✅ Add particle effects on gates/ball collision ↪💡 Consider importing and using the following plugins: @upit/tween.v1
Code edit (1 edits merged)
Please save this source code
User prompt
I have add `songListV3` that utilize enhanced song features. The new format provides much richer data including intensity, pitch, and energy values for each beat: t: Timestamp in milliseconds b: Beat type (1, 2, 3) i: Intensity value ranging from 0 to approximately 30 p: Pitch frequency value ranging from approximately 1000 to 3700 e: Energy value ranging from 0 to approximately 0.5 ✅ Add enhanced visual effects based on intensity values from songListV3 ✅ Update GateManager to use songListV3 format and apply pitch-based positioning ✅ Update spawnGateAtTime to use enhanced song data properties => gate angles shoud reflect song rythm changes ✅ Update GateManager checkSongEnd to use songListV3 time property ✅ Update GateManager update method to check time property correctly ✅ Update BackgroundManager to respond to energy levels ✅ Add particle effects on gates/ball collision ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
I have add `songListV3` that utilize enhanced song features. The new format provides much richer data including intensity, pitch, and energy values for each beat: t: Timestamp in milliseconds b: Beat type (1, 2, 3) i: Intensity value ranging from 0 to approximately 30 p: Pitch frequency value ranging from approximately 1000 to 3700 e: Energy value ranging from 0 to approximately 0.5 Required Modifications 1. Adapt the code to the new Data Structure Modify the song data loading mechanism to take into account the new properties 2. Enhance Visual Elements Based on New Properties Intensity-Based Enhancements Use the intensity value to dynamically scale visual elements gates Higher intensity should create more dramatic visual effects: Increase particle effects or visual feedback when hitting gates with high intensity Make gates with high intensity values more visually distinct (e.g., pulsating, glowing) Consider using intensity to control camera shake or screen effects during powerful beats Pitch-Based Enhancements Map the pitch value to vertical positioning of gates Use pitch to determine color variations (e.g., higher pitch = warmer colors, lower pitch = cooler colors) Energy-Based Enhancements Use the energy value to control the overall visual intensity of the scene Higher energy should create intense background animations Affect the tunnel/background visuals based on energy levels Control particle density or trail effects behind the player based on energy Consider using energy to modify the size of the play area or the speed of movement 3. Gameplay Mechanics Create difficulty variations based on the combination of intensity, pitch, and energy Add bonus scoring opportunities during high energy/intensity sections Consider creating special "power-up" gates that appear during specific combinations of these values 4. Audio-Visual Synchronization Improve the synchronization between visual effects and audio using the more detailed beat information Create more nuanced visual responses to the music by utilizing all three new properties simultaneously 5. Performance Optimization Ensure the enhanced visual effects don't cause performance issues Implement level-of-detail adjustments based on device capabilities Implementation Notes Maintain backward compatibility with the old beat format if needed Keep the core gameplay mechanics intact while enhancing the visual experience Use smooth transitions between different states to avoid jarring visual changes Consider creating a calibration system to normalize values across different songs ↪💡 Consider importing and using the following plugins: @upit/tween.v1
Code edit (1 edits merged)
Please save this source code
User prompt
simplyfy the control more with this behaviour: tap on the left 1/2 of screen => move to left 'lane' tap on the right 1/2 of screen => move to right 'lane' release => return to center 'lane' ↪💡 Consider importing and using the following plugins: @upit/tween.v1
Code edit (1 edits merged)
Please save this source code
User prompt
player movement between lanes is a bit too fast, please fix
User prompt
currently, when player is on the right 'lane' of the tube and taps on the left 1/3 then player move in a straight line to the left 'lane' => it should follow the 'pipe' shape by passing to the center 'lane' then to the left lane ↪💡 Consider importing and using the following plugins: @upit/tween.v1
Code edit (2 edits merged)
Please save this source code
User prompt
simplify the move system by using this rule : tap on the left 1/3 of screen => move to to left 'lane' tap on the center 1/3 of screen => move to to center 'lane' tap on the right 1/3 of screen => move to to right 'lane' ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
in down() handler, replace the fixed 50 by a global moveDetectionThreshold; and current invert left and right moves
User prompt
replace dragging by a simple tap : tapping left or right to the sphere/ball/runner make it move to the snap on the left or the right (move between snap positions should be continuous) ↪💡 Consider importing and using the following plugins: @upit/tween.v1
User prompt
✅ Add magnetic snapping positions for left, center, and right ✅ Replace sphere movement logic with magnetic snapping behavior ✅ Add logic to move to other snap position depending on dragging threashold ✅ Initialize sphere/ball/runner at center snap position
/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); /**** * Classes ****/ /***********************************************************************************/ /******************************* UTILITY FUNCTIONS *********************************/ /***********************************************************************************/ var BackgroundManager = Container.expand(function () { var self = Container.call(this); // Create three background instances for smoother tunnel effect self.bg0 = self.attachAsset('background01', { anchorX: 0.5, anchorY: 0.5, x: 1024, y: 1366, scaleX: 2.4, scaleY: 2.4, alpha: 1 }); self.bg1 = self.attachAsset('background01', { anchorX: 0.5, anchorY: 0.5, x: 1024, y: 1366, scaleX: 1.1, scaleY: 1.1, alpha: 1 }); self.bg2 = self.attachAsset('background01', { anchorX: 0.5, anchorY: 0.5, x: 1024, y: 1366, scaleX: 0.5, scaleY: 0.5, alpha: 1 }); self.bg3 = self.attachAsset('background01', { anchorX: 0.5, anchorY: 0.5, x: 1024, y: 1366, scaleX: 0.22, scaleY: 0.22, alpha: 1 }); self.bg4 = self.attachAsset('background01', { anchorX: 0.5, anchorY: 0.5, x: 1024, y: 1366, scaleX: 0.11, scaleY: 0.11, alpha: 1 }); self.tore0 = self.attachAsset('tore', { anchorX: 0.5, anchorY: 0.5, x: 1024, y: 1366, scaleX: 1.2, scaleY: 1.2, alpha: 0 }); self.tore1 = self.attachAsset('tore', { anchorX: 0.5, anchorY: 0.5, x: 1024, y: 1366, scaleX: 0.6, scaleY: 0.6, alpha: 0 }); self.tore2 = self.attachAsset('tore', { anchorX: 0.5, anchorY: 0.5, x: 1024, y: 1366, scaleX: 0.26, scaleY: 0.26, alpha: 0 }); self.tore3 = self.attachAsset('tore', { anchorX: 0.5, anchorY: 0.5, x: 1024, y: 1366, scaleX: 0.12, scaleY: 0.12, alpha: 0 }); // Apply different tints in debug mode if (isDebug) { self.bg1.tint = 0xFF0000; // Red tint for first background self.tore1.tint = 0x00FF00; // Green tint for first tore self.bg2.tint = 0x00FFFF; // Cyan tint for second background self.tore2.tint = 0xFF00FF; // Magenta tint for second tore self.bg3.tint = 0xfff200; // Yellow tint for third background } // Animation properties self.bgAnimationSpeed = globalSpeed / 1000; //0.002; self.bgAnimationAcceleration = 2; // Add tore assets between backgrounds for animation self.backgrounds = [self.bg0, self.tore0, self.bg1, self.tore1, self.bg2, self.tore2, self.bg3, self.tore3, self.bg4]; //self.backgrounds = [self.bg0, self.bg1, self.bg2, self.bg3]; // Define initial scale for each background/torus (tore: 0.26, bg: 0.22) //self.bgInitialScales = [0.22, 0.22, 0.22, 0.22, 0.22]; //self.bgInitialScales = [0, 0, 0, 0, 0]; //self.bgInitialScales = [0, 0, 0, 0, 0, 0, 0, 0, 0]; // Animation state: single startTime for all backgrounds/torus self.bgAnimStartTime = Date.now(); // Update method - handle background/torus scale animation self.update = function () { var now = Date.now(); var elapsed = now - self.bgAnimStartTime; var resetTriggered = false; for (var i = 0; i < self.backgrounds.length; i++) { var bg = self.backgrounds[i]; // Make the scale speed increase as the scale increases (e.g. exponential or quadratic growth) //var scaleMultiplier = bg.scaleX * self.bgAnimationAcceleration; //bg.scaleX += self.bgAnimationSpeed * scaleMultiplier; bg.scaleX += self.bgAnimationSpeed * bg.scaleX; bg.scaleY = bg.scaleX; if (bg.scaleX > 3.0) { bg.scaleX = 0.12; //self.bgInitialScales[i]; bg.scaleY = bg.scaleX; } //bg.alpha = Math.min(1, bg.scaleX + 0.66); bg.tint = 0x1697b8; // 0x33FF33; } }; return self; }); // Initialize the game; /***********************************************************************************/ /********************************** BALL CLASS *************************************/ /***********************************************************************************/ var Ball = Container.expand(function () { var self = Container.call(this); // Create and attach ball asset var ballGraphics = self.attachAsset('ball', { anchorX: 0.5, anchorY: 0.5, tint: currentColor, alpha: 1 }); // Initialize ball properties self.speedX = 0; self.speedY = 0; // Track last intersecting state for each gate self.lastIntersectingGates = {}; // Update method to follow sphere's position self.update = function () { // Make ball follow sphere's exact position if (sphere) { self.x = sphere.x; self.y = sphere.y; } // Check for collisions with gates if (gateManager && gateManager.gates) { // Iterate backwards to avoid index shifting issues when removing gates for (var i = gateManager.gates.length - 1; i >= 0; i--) { var gate = gateManager.gates[i]; var gateId = gate.gateId; // Initialize tracking if needed if (self.lastIntersectingGates[gateId] === undefined) { self.lastIntersectingGates[gateId] = false; } // Check intersection with bounding box instead of gate asset var currentIntersecting = self.intersects(gate.boundingBox); // Detect transition from not intersecting to intersecting if (!self.lastIntersectingGates[gateId] && currentIntersecting) { // Mark gate as being destroyed to prevent multiple triggers if (!gate.isDestroying) { gate.isDestroying = true; // Animate scale down tween(gate, { scaleX: 0, scaleY: 0 }, { duration: 300, easing: tween.easeIn, onFinish: function onFinish() { // Request destruction from gate manager gateManager.destroyGate(gate); } }); } // Play the sound based on the gate's assigned key if (false && gate.noteKey) { // Extract the number from the key (e.g., "Key6" -> "6") var keyNumber = gate.noteKey.replace('Key', ''); var soundKey = 'key' + keyNumber; // Play the corresponding sound LK.getSound(soundKey).play(); } } // Update last intersecting state self.lastIntersectingGates[gateId] = currentIntersecting; } // No cleanup needed - gate IDs are unique and won't be reused } }; return self; }); /***********************************************************************************/ /********************************** CUBE CLASS ************************************/ /***********************************************************************************/ var Cube = Container.expand(function (wRatio, hRatio, dRatio) { var self = Container.call(this); wRatio = wRatio || 1; hRatio = hRatio || 1; dRatio = dRatio || 1; self.z = 0; self.baseSize = 100; // Initialize cube faces using SimpleFace class self.frontFace = new SimpleFace({ w: self.baseSize * wRatio, h: self.baseSize * hRatio, d: self.baseSize, dx: 0, dy: 0, dz: 1 * dRatio, rx: 0, ry: 0, rz: 0, ti: 0xFFFFFF }); self.backFace = new SimpleFace({ w: self.baseSize * wRatio, h: self.baseSize * hRatio, d: self.baseSize, dx: 0, dy: 0, dz: -1 * dRatio, rx: Math.PI, ry: 0, rz: 0, ti: 0xFFFFFF }); self.leftFace = new SimpleFace({ w: self.baseSize * dRatio, h: self.baseSize * hRatio, d: self.baseSize, dx: -1 * wRatio / dRatio, dy: 0, dz: 0, rx: 0, ry: Math.PI / 2, rz: 0, ti: 0xFFFFFF }); self.rightFace = new SimpleFace({ w: self.baseSize * dRatio, h: self.baseSize * hRatio, d: self.baseSize, dx: 1 * wRatio / dRatio, dy: 0, dz: 0, rx: 0, ry: -Math.PI * 0.5, rz: 0, ti: 0xFFFFFF }); self.topFace = new SimpleFace({ w: self.baseSize * wRatio, h: self.baseSize * dRatio, d: self.baseSize, dx: 0, dy: -1 * hRatio / dRatio, dz: 0, rx: -Math.PI / 2, ry: 0, rz: 0, ti: 0xFFFFFF }); self.bottomFace = new SimpleFace({ w: self.baseSize * wRatio, h: self.baseSize * dRatio, d: self.baseSize, dx: 0, dy: 1 * hRatio / dRatio, dz: 0, rx: Math.PI / 2, ry: 0, rz: 0, ti: 0xFFFFFF }); self.faces = [self.frontFace, self.backFace, self.leftFace, self.rightFace, self.topFace, self.bottomFace]; self.faces.forEach(function (face) { self.addChild(face); }); self.speedX = 0; self.speedY = 0; self.speedZ = 0; // Rotate cube around its axes self.rotate3D = function (angleX, angleY, angleZ) { log("cube rotate3D "); self.rotation = angleZ; var zScaleFactor = 1 + self.z / 500; self.faces.forEach(function (face) { face.rotate3D(angleX, angleY, angleZ, zScaleFactor); }); }; }); /***********************************************************************************/ /********************************** CUBE MANAGER CLASS *****************************/ /***********************************************************************************/ var CubeManager = Container.expand(function () { var self = Container.call(this); // Array to hold all managed cubes self.cubes = []; // Configuration for spawning self.maxCubes = 3; // Maximum number of cubes // Spawn all cubes at once self.spawnAllCubes = function () { // Calculate spacing for equal distribution var screenWidth = 2048; var cubeSpacing = screenWidth / (self.maxCubes + 1); // Divide screen into equal sections var verticalCenter = 2732 / 2; // Vertical center of the screen // Prepare color assignment: one cube gets currentColor, others get two different neon colors (not currentColor) var colorIndices = []; for (var c = 0; c < neonColors.length; c++) { if (neonColors[c] !== currentColor) { colorIndices.push(c); } } // Shuffle colorIndices to randomize which two colors are picked for the other cubes for (var s = colorIndices.length - 1; s > 0; s--) { var j = Math.floor(Math.random() * (s + 1)); var temp = colorIndices[s]; colorIndices[s] = colorIndices[j]; colorIndices[j] = temp; } var cubeColors = [currentColor, neonColors[colorIndices[0]], neonColors[colorIndices[1]]]; // Shuffle cubeColors so currentColor is not always in the same position for (var s2 = cubeColors.length - 1; s2 > 0; s2--) { var j2 = Math.floor(Math.random() * (s2 + 1)); var temp2 = cubeColors[s2]; cubeColors[s2] = cubeColors[j2]; cubeColors[j2] = temp2; } for (var i = 0; i < self.maxCubes; i++) { // Create a new cube with equal dimensions (true cube, not rectangle) var cube = new Cube(1, 1, 1); // Set position - equally distributed horizontally at vertical center cube.x = cubeSpacing * (i + 1); // Distribute equally across the screen cube.y = verticalCenter; cube.z = 0; // Keep all cubes at same Z position // Set speeds to zero so cubes don't move cube.speedX = 0; cube.speedY = 0; cube.speedZ = 0; // Set random initial rotation cube.rotate3D(Math.random() * Math.PI * 2, Math.random() * Math.PI * 2, Math.random() * Math.PI * 2); // Assign color: one cube gets currentColor, others get two different neon colors var assignedTint = cubeColors[i % cubeColors.length]; cube.faces.forEach(function (face) { face.tint = assignedTint; }); // Add cube to the manager and the game self.cubes.push(cube); self.addChild(cube); } }; // Remove a cube from management self.removeCube = function (cube) { var index = self.cubes.indexOf(cube); if (index > -1) { self.cubes.splice(index, 1); cube.destroy(); } }; // Update all managed cubes self.updateCubes = function () { for (var i = self.cubes.length - 1; i >= 0; i--) { var cube = self.cubes[i]; // Cubes don't move, so no position updates needed // Rotate cube cube.z += 1; //cube.speedZ; cube.rotate3D(Math.PI * 0.01, Math.PI * 0.01, Math.PI * 0.01); } }; // Initialize by spawning all cubes at once self.spawnAllCubes(); // Update method called by the game loop self.update = function () { //self.updateCubes(); }; return self; }); /***********************************************************************************/ /******************************* FACE CLASS *********************************/ /***********************************************************************************/ var Face = Container.expand(function (options) { var self = Container.call(this); options = options || {}; var points = Math.max(2, Math.min(100, options.points || 4)); // Ensure points are between 2 and 10 self.baseSize = 100; self.w = options.w || self.baseSize; self.h = options.h || self.baseSize; self.d = options.d || self.baseSize; self.dx = options.dx || 0; self.dy = options.dy || 0; self.dz = options.dz || 0; self.rx = options.rx || 0; self.ry = options.ry || 0; self.rz = options.rz || 0; self.tint = options.ti || 0xFFFFFF; // Generate points for the face based on the number of points specified self.baseFaceCoordinates = []; for (var i = 0; i < points; i++) { var angle = 2 * Math.PI * (i / points); self.baseFaceCoordinates.push({ x: self.w / 2 * Math.cos(angle) + self.dx * self.w, y: self.h / 2 * Math.sin(angle) + self.dy * self.h, z: self.dz * self.d }); } self.baseFaceCoordinates.forEach(function (point) { // Update z of each face point coordinates depending on dz and rx, ry point.z += self.dz * Math.cos(self.rx) * Math.cos(self.ry); }); // Create a polygon face using the Shape class self.face = new Shape(self.baseFaceCoordinates, self.tint); // Attach the face to the Face container self.addChild(self.face); // Rotate in 3D: X = roasting chicken / Y = whirling dervish / Z = wheel of Fortune self.rotate3D = function (angleX, angleY, angleZ, scale) { scale = scale || 1; self.faceCoordinates = self.baseFaceCoordinates.map(function (coord) { var x = coord.x - self.dx * self.w, y = coord.y - self.dy * self.h, z = coord.z - self.dz * self.d; // Apply initial rotations (rx, ry, rz) var newY = y * Math.cos(self.rx) - z * Math.sin(self.rx); var newZ = y * Math.sin(self.rx) + z * Math.cos(self.rx); var newX = x * Math.cos(self.ry) + newZ * Math.sin(self.ry); newZ = -x * Math.sin(self.ry) + newZ * Math.cos(self.ry); x = newX * Math.cos(self.rz) - newY * Math.sin(self.rz); y = newX * Math.sin(self.rz) + newY * Math.cos(self.rz); // Apply X-axis rotation newY = y * Math.cos(angleX) - newZ * Math.sin(angleX); newZ = y * Math.sin(angleX) + newZ * Math.cos(angleX); // Apply Y-axis rotation newX = x * Math.cos(angleY) + newZ * Math.sin(angleY); newZ = -x * Math.sin(angleY) + newZ * Math.cos(angleY); // Apply Z-axis rotation x = newX * Math.cos(angleZ) - newY * Math.sin(angleZ); y = newX * Math.sin(angleZ) + newY * Math.cos(angleZ); return { x: (x + self.dx * self.w) * scale, y: (y + self.dy * self.h) * scale, z: (newZ + self.dz * self.d) * scale }; }); self.face.updateCoordinates(self.faceCoordinates); }; // Initialize face in 3D space self.rotate3D(0, 0, 0, 1); }); /***********************************************************************************/ /********************************** GATE CLASS *************************************/ /***********************************************************************************/ var Gate = Container.expand(function () { var self = Container.call(this); // Create gate asset with initial properties self.gateAsset = self.attachAsset('gate', { anchorX: 0.5, anchorY: 0.5, x: 1024, y: 1366, scaleX: 0.26, // Start at same scale as tore2 scaleY: 0.26, alpha: 1, visible: false }); // Store direction angle for this gate self.directionAngle = 0; // Add bounding box for collision detection self.boundingBox = self.attachAsset('boundingBox', { anchorX: 0.5, anchorY: 0.5, x: 1024, y: 2450, alpha: 1 // Invisible by default }); /* width: 200, heigh: 100, */ // Store the color for this gate self.gateColor = 0xFFFFFF; // Default white, will be set by manager // Store unique ID for this gate self.gateId = null; // Will be set by manager // Set the tint to match the gate color self.setColor = function (color) { self.gateColor = color; self.gateAsset.tint = color; // Show bounding box in debug mode //if (isDebug) { self.boundingBox.alpha = 0.8; self.boundingBox.tint = color; } }; // Update scale to match background animation self.updateScale = function (newScale) { /* self.scaleX = newScale; self.scaleY = newScale; self.alpha = Math.min(1, newScale + 0.66); */ self.gateAsset.scaleX = newScale; self.gateAsset.scaleY = newScale; self.gateAsset.alpha = Math.min(1, newScale + 0.66); // Scale bounding box proportionally self.boundingBox.scaleX = newScale; // 3 * newScale / 0.26; // Maintain 300px width relative to gate scale self.boundingBox.scaleY = newScale; //0.3 * newScale / 0.26; // Maintain 30px height relative to gate scale // Calculate boundingBox position using directionAngle and scale var centerX = 1024; var centerY = 1366; // Calculate distance from center based on scale var distance = (2450 - 1366) * newScale; // Use directionAngle to position boundingBox self.boundingBox.x = centerX + distance * Math.cos(self.directionAngle + Math.PI * 0.5); self.boundingBox.y = centerY + distance * Math.sin(self.directionAngle + Math.PI * 0.5); self.boundingBox.rotation = self.directionAngle; }; return self; }); /***********************************************************************************/ /********************************** GATE MANAGER CLASS *****************************/ /***********************************************************************************/ var GateManager = Container.expand(function () { var self = Container.call(this); // Array to hold gates self.gates = []; // Animation timing self.gateAnimStartTime = Date.now(); self.gateAnimationSpeed = globalSpeed / 1000; // Same as background // Song timing properties self.currentSong = songListV2[0]; self.songStartTime = Date.now(); self.currentNoteIndex = 0; self.noteSpawnScale = 0.12; // Initial scale for new gates matching smallest tore self.lastGateAngle = null; // Track last gate angle for path continuity // Spawn a single gate at current time self.spawnGateAtTime = function () { // Get the current beat value var beatValue = null; if (self.currentNoteIndex < self.currentSong.songBeats.length) { beatValue = self.currentSong.songBeats[self.currentNoteIndex].beat; } // Map beat to key for color selection var keyNumber = parseInt(beatValue, 10) || 1; // Default to 1 if parse fails var noteKey = 'Key' + keyNumber; var keyColor = keyColorMap[noteKey] || currentColor; // Default to currentColor if key not found // Create a single gate with the key's color var gate = new Gate(); gate.setColor(keyColor); gate.updateScale(self.noteSpawnScale); // Store spawn time for tracking gate.spawnTime = Date.now(); gate.colorIndex = 0; // Assign unique ID to gate gate.gateId = getNextGateId(); // Store the note key for this gate gate.noteKey = noteKey; // Add rotation to the gate similar to sphere movement limits // Define three fixed positions: left, center, right var leftAngle = -Math.PI * 0.5 + gateLimitAngle; var centerAngle = -Math.PI * 0.5 + Math.PI / 2; var rightAngle = -Math.PI * 0.5 + Math.PI - gateLimitAngle; // Determine gate position based on beat value (1=left, 2=center, 3=right) var gatePosition = keyNumber - 1; // Convert beat (1,2,3) to position (0,1,2) var fixedAngle = centerAngle; if (gatePosition === 0) { fixedAngle = leftAngle; } else if (gatePosition === 1) { fixedAngle = centerAngle; } else if (gatePosition === 2) { fixedAngle = rightAngle; } // Store this angle for the next gate self.lastGateAngle = fixedAngle; // Set the direction angle for this gate gate.directionAngle = fixedAngle; // Apply rotation to gate asset gate.gateAsset.rotation = fixedAngle; self.gates.push(gate); self.addChild(gate); }; // Update gates animation self.update = function () { var now = Date.now(); var songElapsed = now - self.songStartTime; // Check if we need to spawn a new gate based on song timing if (self.currentNoteIndex < self.currentSong.songBeats.length) { var nextBeat = self.currentSong.songBeats[self.currentNoteIndex]; if (songElapsed >= nextBeat.time) { // Spawn a new gate for this beat self.spawnGateAtTime(); self.currentNoteIndex++; } } // Animate existing gates for (var i = self.gates.length - 1; i >= 0; i--) { var gate = self.gates[i]; var currentScale = gate.gateAsset.scaleX; // Increase scale with acceleration var newScale = currentScale + self.gateAnimationSpeed * currentScale; // Remove gate when too large if (newScale > 3.0) { gate.destroy(); self.gates.splice(i, 1); } else { gate.updateScale(newScale); } } // Check if song has ended and needs restart self.checkSongEnd(); }; // Reset song when it ends self.resetSong = function () { self.songStartTime = Date.now(); self.currentNoteIndex = 0; self.lastGateAngle = null; // Reset angle tracking for new song }; // Check if song has ended and restart self.checkSongEnd = function () { if (self.currentNoteIndex >= self.currentSong.songBeats.length) { // All beats have been spawned, check if we should restart var lastBeatTime = self.currentSong.songBeats[self.currentSong.songBeats.length - 1].time; var songElapsed = Date.now() - self.songStartTime; // Wait a bit after the last beat before restarting if (songElapsed > lastBeatTime + 5000) { self.resetSong(); } } }; // Destroy a specific gate self.destroyGate = function (gate) { var index = self.gates.indexOf(gate); if (index > -1) { self.gates.splice(index, 1); gate.destroy(); } }; return self; }); /***********************************************************************************/ /********************************** RUNNER CLASS ***********************************/ /***********************************************************************************/ var Runner = Container.expand(function () { var self = Container.call(this); // Create and attach runner asset var runnerGraphics = self.attachAsset('runnerDir4_001', { anchorX: 0.5, anchorY: 0.5, tint: 0xFFFFFF, //currentColor, alpha: 1 }); // Initialize runner properties self.speedX = 0; self.speedY = 0; // Track last intersecting state for each gate self.lastIntersectingGates = {}; // Update method to follow sphere's position self.update = function () { // Make runner follow sphere's exact position if (sphere) { self.x = sphere.x; self.y = sphere.y; // Calculate angle based on runner's position relative to center var centerX = 1024; var centerY = 1366; var angle = Math.atan2(self.y - centerY, self.x - centerX); // Apply rotation to runner self.rotation = angle - Math.PI * 0.5; // Add PI/2 to orient correctly } //if (LK.Ticks % 2) { self.scaleX *= -1; } /* // Check for collisions with gates if (gateManager && gateManager.gates) { for (var i = 0; i < gateManager.gates.length; i++) { var gate = gateManager.gates[i]; var gateId = gate.gateId; // Initialize tracking if needed if (self.lastIntersectingGates[gateId] === undefined) { self.lastIntersectingGates[gateId] = false; } // Check intersection with bounding box instead of gate asset var currentIntersecting = self.intersects(gate.boundingBox); // Detect transition from not intersecting to intersecting if (!self.lastIntersectingGates[gateId] && currentIntersecting) { // Play the sound based on the gate's assigned key if (gate.noteKey) { // Extract the number from the key (e.g., "Key6" -> "6") var keyNumber = gate.noteKey.replace('Key', ''); var soundKey = 'key' + keyNumber; // Play the corresponding sound LK.getSound(soundKey).play(); } } // Update last intersecting state self.lastIntersectingGates[gateId] = currentIntersecting; } // Clean up old gate tracking var currentGateIds = {}; for (var j = 0; j < gateManager.gates.length; j++) { var gate2 = gateManager.gates[j]; var gateId2 = gate2.gateId; currentGateIds[gateId2] = true; } for (var oldGateId in self.lastIntersectingGates) { if (!currentGateIds[oldGateId]) { delete self.lastIntersectingGates[oldGateId]; } } } // Check for collisions with targets if (targetManager && targetManager.targets) { for (var i = 0; i < targetManager.targets.length; i++) { var target = targetManager.targets[i]; var targetId = target.spawnTime + '_' + target.colorIndex; // Initialize tracking if needed if (self.lastIntersectingTargets === undefined) { self.lastIntersectingTargets = {}; } if (self.lastIntersectingTargets[targetId] === undefined) { self.lastIntersectingTargets[targetId] = false; } // Check intersection with target var currentIntersecting = self.intersects(target); // Detect transition from not intersecting to intersecting if (!self.lastIntersectingTargets[targetId] && currentIntersecting) { // Play the sound based on the target's assigned key if (target.noteKey) { // Extract the number from the key (e.g., "Key6" -> "6") var keyNumber = target.noteKey.replace('Key', ''); var soundKey = 'key' + keyNumber; // Play the corresponding sound LK.getSound(soundKey).play(); // Add score when hitting target LK.setScore(LK.getScore() + 10); } } // Update last intersecting state self.lastIntersectingTargets[targetId] = currentIntersecting; } // Clean up old target tracking var currentTargetIds = {}; for (var j = 0; j < targetManager.targets.length; j++) { var target2 = targetManager.targets[j]; var targetId2 = target2.spawnTime + '_' + target2.colorIndex; currentTargetIds[targetId2] = true; } for (var oldTargetId in self.lastIntersectingTargets) { if (!currentTargetIds[oldTargetId]) { delete self.lastIntersectingTargets[oldTargetId]; } } } */ }; return self; }); /***********************************************************************************/ /********************************** SHAPE CLASS ************************************/ /***********************************************************************************/ var Shape = Container.expand(function (coordinates, tint) { var self = Container.call(this); self.polygon = drawPolygon(coordinates, tint); // Function to create a polygon from a list of coordinates self.tint = tint; self.attachLines = function () { // Iterate through each line in the polygon and attach it to the shape self.polygon.forEach(function (line) { self.addChild(line); }); }; self.attachLines(); self.updateCoordinates = function (newCoordinates) { log("Shape updateCoordinates ", newCoordinates); // Ensure newCoordinates is an array and has the same length as the current polygon if (!Array.isArray(newCoordinates) || newCoordinates.length !== self.polygon.length) { error("Invalid newCoordinates length"); return; } // Update each line in the polygon with new coordinates self.polygon = updatePolygon(self.polygon, newCoordinates); }; }); /***********************************************************************************/ /******************************* SIMPLE FACE CLASS *********************************/ /***********************************************************************************/ var SimpleFace = Container.expand(function (options) { var self = Container.call(this); log("SimpleFAce init options =", options); self.baseSize = 100; options = options || {}; self.w = options.w || self.baseSize; self.h = options.h || self.baseSize; self.d = options.d || self.baseSize; self.dx = options.dx || 0; self.dy = options.dy || 0; self.dz = options.dz || 0; self.rx = options.rx || 0; self.ry = options.ry || 0; self.rz = options.rz || 0; self.tint = options.ti || 0xFFFFFF; // Define faceCoordinates property self.baseFaceCoordinates = [{ x: -self.w + self.dx * self.w, y: -self.h + self.dy * self.h, z: self.dz * self.d }, // Top-left { x: self.w + self.dx * self.w, y: -self.h + self.dy * self.h, z: self.dz * self.d }, // Top-right { x: self.w + self.dx * self.w, y: self.h + self.dy * self.h, z: self.dz * self.d }, // Bottom-right { x: -self.w + self.dx * self.w, y: self.h + self.dy * self.h, z: self.dz * self.d } // Bottom-left ]; log("SimpleFAce ready to init ...", self.baseFaceCoordinates, "DX=" + self.dx); self.baseFaceCoordinates.forEach(function (point) { // Update z of each face point coordinates depending on dz and rx, ry point.z += self.dz * Math.cos(self.rx) * Math.cos(self.ry); }); // Create a square face using the Shape class self.face = new Shape(self.baseFaceCoordinates, self.tint); // Attach the face to the SimpleFace container self.addChild(self.face); // Rotate in 3d : X = roasting chicken / Y = whirling dervish / Z = wheel of Fortune self.rotate3D = function (angleX, angleY, angleZ, scale) { scale = scale || 1; log("SimpleFace rotate3D old coord=", self.faceCoordinates, Date.now()); self.faceCoordinates = self.baseFaceCoordinates.map(function (coord) { return { x: coord.x, y: coord.y, z: coord.z }; }); // Apply rotation around X-axis // Adjust initial rotation parameters before applying new rotations self.faceCoordinates = self.faceCoordinates.map(function (coord) { // Apply initial rotation around Z-axis var xZ = coord.x * Math.cos(self.rz) - coord.y * Math.sin(self.rz); var yZ = coord.x * Math.sin(self.rz) + coord.y * Math.cos(self.rz); // Apply initial rotation around Y-axis var xY = xZ * Math.cos(self.ry) + coord.z * Math.sin(self.ry); var zY = coord.z * Math.cos(self.ry) - xZ * Math.sin(self.ry); // Apply initial rotation around X-axis var yX = yZ * Math.cos(self.rx) - zY * Math.sin(self.rx); var zX = yZ * Math.sin(self.rx) + zY * Math.cos(self.rx); return { x: xY, y: yX, z: zX }; }); // Apply new rotations // Calculate center of the face var centerX = self.faceCoordinates.reduce(function (acc, coord) { return acc + coord.x; }, 0) / self.faceCoordinates.length; var centerY = self.faceCoordinates.reduce(function (acc, coord) { return acc + coord.y; }, 0) / self.faceCoordinates.length; var centerZ = self.faceCoordinates.reduce(function (acc, coord) { return acc + coord.z; }, 0) / self.faceCoordinates.length; self.faceCoordinates = self.faceCoordinates.map(function (coord) { // Translate coordinates to rotate around the center including dy and dz adjustment var translatedY = (coord.y + self.dy * self.h - centerY) * Math.cos(angleX) - (coord.z + self.dz * self.d - centerZ) * Math.sin(angleX); var translatedZ = (coord.y + self.dy * self.h - centerY) * Math.sin(angleX) + (coord.z + self.dz * self.d - centerZ) * Math.cos(angleX); return { x: coord.x + self.dx * self.w - centerX, // Keep X unchanged but translate to rotate around center y: translatedY + centerY, z: translatedZ + centerZ }; }); self.faceCoordinates = self.faceCoordinates.map(function (coord) { var translatedX = (coord.z - centerZ) * Math.sin(angleY) + (coord.x - centerX) * Math.cos(angleY); var translatedZ = (coord.z - centerZ) * Math.cos(angleY) - (coord.x - centerX) * Math.sin(angleY); return { x: translatedX + centerX, y: coord.y, // Keep Y unchanged z: translatedZ + centerZ }; }); self.faceCoordinates = self.faceCoordinates.map(function (coord) { return { x: coord.x * scale, y: coord.y * scale, z: coord.z * scale }; }); log("SimpleFace rotate3D new coord=", self.faceCoordinates, Date.now()); self.face.updateCoordinates(self.faceCoordinates); }; // initialize face in 3D space self.rotate3D(0, 0, 0, 1); log("SimpleFace end init coord=", self.baseFaceCoordinates, Date.now()); }); /***********************************************************************************/ /********************************** SPHERE CLASS ***********************************/ /***********************************************************************************/ var Sphere = Container.expand(function () { var self = Container.call(this); self.z = 0; self.radius = 100; // Sphere radius // Initialize sphere as a collection of Face instances to simulate a 3D sphere self.faces = []; var segments = 5; // Number of segments to simulate the sphere for (var i = 0; i < segments; i++) { var angle = 2 * Math.PI / segments; // Create a circular segment as a face of the sphere var face = new Face({ points: 22, w: self.radius * 2, h: self.radius * 2, d: self.radius * 2, dx: 0, dy: 0, dz: 0, rx: 0, ry: i * angle, rz: 0, ti: currentColor // Use currentColor for sphere tint }); self.faces.push(face); self.addChild(face); } self.speedX = 0; self.speedY = 0; self.speedZ = 0; // Rotate sphere around its axes self.rotate3D = function (angleX, angleY, angleZ) { log("sphere rotate3D ", angleX, angleY, angleZ); self.rotation = angleZ; var zScaleFactor = 1 + self.z / 500; for (var i = 0; i < self.faces.length; i++) { self.faces[i].rotate3D(angleX, angleY, angleZ, zScaleFactor); } }; self.rotate3D(Math.PI * 0.5, Math.PI * 0.5, 0); }); /***********************************************************************************/ /********************************** TARGET CLASS ***********************************/ /***********************************************************************************/ var Target = Container.expand(function () { var self = Container.call(this); // Create target using ball asset self.targetAsset = self.attachAsset('ball', { anchorX: 0.5, anchorY: 0.5, scaleX: 0.5, scaleY: 0.5, alpha: 1 }); // Store the color for this target self.targetColor = 0xFFFFFF; // Default white, will be set by manager // Set the tint to match the target color self.setColor = function (color) { self.targetColor = color; self.targetAsset.tint = color; }; // Update scale to match animation self.updateScale = function (newScale) { self.targetAsset.scaleX = newScale; self.targetAsset.scaleY = newScale; self.targetAsset.alpha = Math.min(1, newScale * 2); }; return self; }); /***********************************************************************************/ /********************************** TARGET MANAGER CLASS ***************************/ /***********************************************************************************/ var TargetManager = Container.expand(function () { var self = Container.call(this); // Array to hold targets self.targets = []; // Animation timing self.targetAnimStartTime = Date.now(); self.targetAnimationSpeed = globalSpeed / 2000; // Slower than gates // Song timing properties self.currentSong = songsList[0]; self.songStartTime = Date.now(); self.currentNoteIndex = 0; self.noteSpawnScale = 0.2; // Initial scale for new targets self.lastTargetAngle = null; // Track last target angle for path continuity // Spawn a single target at current time self.spawnTargetAtTime = function () { // Get the current note's key var noteKey = null; if (self.currentNoteIndex < self.currentSong.songNotes.length) { noteKey = self.currentSong.songNotes[self.currentNoteIndex].key; } // Get the color for this key var keyColor = keyColorMap[noteKey] || currentColor; // Default to currentColor if key not found // Create a single target with the key's color var target = new Target(); target.setColor(keyColor); target.updateScale(self.noteSpawnScale); // Store spawn time for tracking target.spawnTime = Date.now(); target.colorIndex = 0; // Store the note key for this target target.noteKey = noteKey; // Add rotation to the target similar to gates var minAngle = Math.PI * 0.5; // + gateLimitAngle; var maxAngle = Math.PI * 0.5; // + Math.PI - gateLimitAngle; var randomAngle; // If this is the first target or no previous target exists, use random angle if (self.targets.length === 0 || !self.lastTargetAngle) { randomAngle = minAngle + Math.random() * (maxAngle - minAngle); } else { // For consecutive targets, generate angle close to the previous one var maxAngleChange = Math.PI * 0.15; // Maximum 15% of PI change between consecutive targets var angleChange = (Math.random() - 0.5) * 2 * maxAngleChange; // Random change between -maxAngleChange and +maxAngleChange randomAngle = self.lastTargetAngle + angleChange; // Clamp the angle to stay within bounds randomAngle = Math.max(minAngle, Math.min(maxAngle, randomAngle)); } // Store this angle for the next target self.lastTargetAngle = randomAngle; // Store the target angle for movement target.targetAngle = randomAngle; // Start targets at center of screen var centerX = 1024; var centerY = 1366; target.x = centerX; target.y = centerY; // Store progress for animation (0 = center, 1 = edge) target.progress = 0; self.targets.push(target); self.addChild(target); }; // Update targets animation self.update = function () { var now = Date.now(); var songElapsed = now - self.songStartTime; // Check if we need to spawn a new target based on song timing if (self.currentNoteIndex < self.currentSong.songNotes.length) { var nextNote = self.currentSong.songNotes[self.currentNoteIndex]; if (songElapsed >= nextNote.time) { // Spawn a new target for this note self.spawnTargetAtTime(); self.currentNoteIndex++; } } // Animate existing targets for (var i = self.targets.length - 1; i >= 0; i--) { var target = self.targets[i]; var currentScale = target.targetAsset.scaleX; // Increase scale with acceleration var newScale = currentScale + self.targetAnimationSpeed * currentScale; // Update target progress (movement from center to edge) target.progress += globalSpeed / 300; // Progress speed based on globalSpeed // Calculate position on ellipse path based on progress var centerX = 1024; var centerY = 1366; var radiusX = 924; var radiusY = 634; // Interpolate position from center to edge along the target angle target.x = centerX + radiusX * Math.cos(target.targetAngle) * target.progress; target.y = centerY + radiusY * Math.sin(target.targetAngle) * target.progress; // Remove target when it reaches the edge or becomes too large if (newScale > 1.5 || target.progress > 1.0) { target.destroy(); self.targets.splice(i, 1); } else { target.updateScale(newScale); } } // Check if song has ended and needs restart self.checkSongEnd(); }; // Reset song when it ends self.resetSong = function () { self.songStartTime = Date.now(); self.currentNoteIndex = 0; self.lastTargetAngle = null; // Reset angle tracking for new song }; // Check if song has ended and restart self.checkSongEnd = function () { if (self.currentNoteIndex >= self.currentSong.songNotes.length) { // All notes have been spawned, check if we should restart var lastNoteTime = self.currentSong.songNotes[self.currentSong.songNotes.length - 1].time; var songElapsed = Date.now() - self.songStartTime; // Wait a bit after the last note before restarting if (songElapsed > lastNoteTime + 5000) { self.resetSong(); } } }; return self; }); /**** * Initialize Game ****/ // Utility function to draw a polygon using drawLine var game = new LK.Game({ backgroundColor: 0xDDDDDD // Initialize game with a black background }); /**** * Game Code ****/ // Global array of 6 neon colors var neonColors = [0x39FF14, // Neon Green 0xFF073A, // Neon Red 0x00FFFF, // Neon Cyan 0xF3F315, // Neon Yellow 0xFF61F6, // Neon Pink 0xFF9900 // Neon Orange ]; // Map keys to colors - 15 keys (0-14) mapped to neon colors var keyColorMap = { 'Key0': 0x39FF14, // Neon Green 'Key1': 0xFF073A, // Neon Red 'Key2': 0x00FFFF, // Neon Cyan 'Key3': 0xF3F315, // Neon Yellow 'Key4': 0xFF61F6, // Neon Pink 'Key5': 0xFF9900, // Neon Orange 'Key6': 0x39FF14, // Neon Green (repeat) 'Key7': 0xFF073A, // Neon Red (repeat) 'Key8': 0x00FFFF, // Neon Cyan (repeat) 'Key9': 0xF3F315, // Neon Yellow (repeat) 'Key10': 0xFF61F6, // Neon Pink (repeat) 'Key11': 0xFF9900, // Neon Orange (repeat) 'Key12': 0x39FF14, // Neon Green (repeat) 'Key13': 0xFF073A, // Neon Red (repeat) 'Key14': 0x00FFFF // Neon Cyan (repeat) }; // Global currentColor, set to a random neon color var currentColor = neonColors[Math.floor(Math.random() * neonColors.length)]; /***********************************************************************************/ /******************************* UTILITY FUNCTIONS *********************************/ /***********************************************************************************/ function drawPolygon(coordinates, tint) { log("drawPolygon ", coordinates); var lines = []; for (var i = 0; i < coordinates.length; i++) { var startPoint = coordinates[i]; var endPoint = coordinates[(i + 1) % coordinates.length]; // Loop back to the first point var line = drawLine(startPoint.x, startPoint.y, endPoint.x, endPoint.y, tint); lines.push(line); } return lines; } function updatePolygon(lines, newCoordinates, scale) { log("updatePolygon ", lines, scale); // Ensure lines and newCoordinates have the same length if (lines.length !== newCoordinates.length) { error("updatePolygon error: lines and newCoordinates length mismatch"); return lines; } // Update each line with new coordinates for (var i = 0; i < lines.length; i++) { var startPoint = newCoordinates[i]; var endPoint = newCoordinates[(i + 1) % newCoordinates.length]; // Loop back to the first point for the last line updateLine(lines[i], startPoint.x, startPoint.y, endPoint.x, endPoint.y, scale); } return lines; } // Utility function to draw lines between two points function drawLine(x1, y1, x2, y2, tint) { log("drawLine ", x1, y1); var line = LK.getAsset('line', { anchorX: 0.0, anchorY: 0.0, x: x1, y: y1, tint: tint }); line.startX = x1; line.startY = y1; line.endX = x2; line.endY = y2; // Calculate the distance between the two points var distance = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2)); // Set the width of the line to the distance between the points line.width = distance; // Calculate the angle between the two points var angle = Math.atan2(y2 - y1, x2 - x1); // Correct angle calculation for all quadrants line.rotation = angle; return line; } // Utility function to draw lines between two points function updateLine(line, newX1, newY1, newX2, newY2, scale) { log("updateLine ", line); scale = scale === undefined ? 1 : scale; // Calculate midpoint of the original line var midX = (newX1 + newX2) / 2; var midY = (newY1 + newY2) / 2; // Adjust start and end points based on scale newX1 = midX + (newX1 - midX) * scale; newY1 = midY + (newY1 - midY) * scale; newX2 = midX + (newX2 - midX) * scale; newY2 = midY + (newY2 - midY) * scale; // Update line start and end coordinates after scaling line.x = newX1; line.y = newY1; line.startX = newX1; line.startY = newY1; line.endX = newX2; line.endY = newY2; // Recalculate the distance between the new scaled points var distance = Math.sqrt(Math.pow(newX2 - newX1, 2) + Math.pow(newY2 - newY1, 2)); // Update the width of the line to the new distance line.width = distance; // Recalculate the angle between the new points var angle = Math.atan2(newY2 - newY1, newX2 - newX1); // Update the rotation of the line to the new angle line.rotation = angle; return line; } function log() { if (isDebug) { console.log(arguments); } } /***********************************************************************************/ /******************************* GAME VARIABLES*********************************/ /***********************************************************************************/ var songListV2 = [{ "name": "Imagine Dragons - Believer", "songBeats": [{ "time": 347, "beat": "2" }, { "time": 661, "beat": "1" }, { "time": 987, "beat": "1" }, { "time": 1301, "beat": "3" }, { "time": 1787, "beat": "1" }, { "time": 2107, "beat": "2" }, { "time": 2411, "beat": "1" }, { "time": 2736, "beat": "1" }, { "time": 3221, "beat": "1" }, { "time": 3563, "beat": "1" }, { "time": 3888, "beat": "2" }, { "time": 4197, "beat": "3" }, { "time": 4656, "beat": "1" }, { "time": 5136, "beat": "1" }, { "time": 5616, "beat": "1" }, { "time": 5920, "beat": "2" }, { "time": 6229, "beat": "1" }, { "time": 6571, "beat": "1" }, { "time": 7056, "beat": "1" }, { "time": 7403, "beat": "1" }, { "time": 7968, "beat": "1" }, { "time": 8288, "beat": "1" }, { "time": 8613, "beat": "3" }, { "time": 8928, "beat": "3" }, { "time": 9408, "beat": "1" }, { "time": 9712, "beat": "2" }, { "time": 10021, "beat": "1" }, { "time": 10363, "beat": "1" }, { "time": 10848, "beat": "2" }, { "time": 11195, "beat": "1" }, { "time": 11531, "beat": "1" }, { "time": 11840, "beat": "2" }, { "time": 12181, "beat": "1" }, { "time": 12763, "beat": "1" }, { "time": 13243, "beat": "1" }, { "time": 13547, "beat": "2" }, { "time": 13856, "beat": "1" }, { "time": 14197, "beat": "1" }, { "time": 14683, "beat": "2" }, { "time": 15163, "beat": "1" }, { "time": 15611, "beat": "2" }, { "time": 15925, "beat": "1" }, { "time": 16251, "beat": "1" }, { "time": 16565, "beat": "3" }, { "time": 17051, "beat": "1" }, { "time": 17371, "beat": "2" }, { "time": 17675, "beat": "1" }, { "time": 18000, "beat": "1" }, { "time": 18485, "beat": "1" }, { "time": 18827, "beat": "1" }, { "time": 19131, "beat": "2" }, { "time": 19435, "beat": "1" }, { "time": 19744, "beat": "1" }, { "time": 20400, "beat": "1" }, { "time": 20885, "beat": "1" }, { "time": 21205, "beat": "2" }, { "time": 21509, "beat": "1" }, { "time": 21835, "beat": "1" }, { "time": 22320, "beat": "1" }, { "time": 22661, "beat": "1" }, { "time": 23237, "beat": "2" }, { "time": 23552, "beat": "1" }, { "time": 23877, "beat": "2" }, { "time": 24192, "beat": "3" }, { "time": 24672, "beat": "1" }, { "time": 24976, "beat": "2" }, { "time": 25285, "beat": "1" }, { "time": 25627, "beat": "1" }, { "time": 26112, "beat": "2" }, { "time": 26459, "beat": "1" }, { "time": 26795, "beat": "1" }, { "time": 27104, "beat": "2" }, { "time": 27445, "beat": "1" }, { "time": 28027, "beat": "1" }, { "time": 28507, "beat": "1" }, { "time": 28811, "beat": "2" }, { "time": 29120, "beat": "1" }, { "time": 29461, "beat": "1" }, { "time": 29947, "beat": "2" }, { "time": 30293, "beat": "1" }, { "time": 30821, "beat": "1" }, { "time": 31136, "beat": "1" }, { "time": 31451, "beat": "2" }, { "time": 31765, "beat": "1" }, { "time": 32069, "beat": "2" }, { "time": 32373, "beat": "3" }, { "time": 32683, "beat": "3" }, { "time": 32997, "beat": "1" }, { "time": 33312, "beat": "2" }, { "time": 33621, "beat": "2" }, { "time": 33941, "beat": "2" }, { "time": 34256, "beat": "1" }, { "time": 34560, "beat": "3" }, { "time": 34869, "beat": "1" }, { "time": 35179, "beat": "2" }, { "time": 35493, "beat": "1" }, { "time": 35797, "beat": "1" }, { "time": 36101, "beat": "2" }, { "time": 36405, "beat": "1" }, { "time": 36741, "beat": "1" }, { "time": 37045, "beat": "2" }, { "time": 37349, "beat": "1" }, { "time": 37653, "beat": "1" }, { "time": 37973, "beat": "2" }, { "time": 38325, "beat": "1" }, { "time": 38629, "beat": "3" }, { "time": 38949, "beat": "1" }, { "time": 39253, "beat": "3" }, { "time": 39573, "beat": "2" }, { "time": 39883, "beat": "3" }, { "time": 40251, "beat": "1" }, { "time": 40560, "beat": "2" }, { "time": 40869, "beat": "1" }, { "time": 41173, "beat": "1" }, { "time": 41515, "beat": "2" }, { "time": 41824, "beat": "1" }, { "time": 42144, "beat": "1" }, { "time": 42475, "beat": "2" }, { "time": 42779, "beat": "2" }, { "time": 43099, "beat": "1" }, { "time": 43429, "beat": "2" }, { "time": 43765, "beat": "3" }, { "time": 44101, "beat": "2" }, { "time": 44411, "beat": "1" }, { "time": 44720, "beat": "3" }, { "time": 45035, "beat": "1" }, { "time": 45339, "beat": "1" }, { "time": 45643, "beat": "3" }, { "time": 45984, "beat": "1" }, { "time": 46299, "beat": "3" }, { "time": 46624, "beat": "3" }, { "time": 46955, "beat": "1" }, { "time": 47259, "beat": "2" }, { "time": 47568, "beat": "1" }, { "time": 47883, "beat": "1" }, { "time": 48245, "beat": "2" }, { "time": 48565, "beat": "1" }, { "time": 48880, "beat": "1" }, { "time": 49205, "beat": "1" }, { "time": 49547, "beat": "1" }, { "time": 49861, "beat": "1" }, { "time": 50171, "beat": "1" }, { "time": 50480, "beat": "1" }, { "time": 50805, "beat": "1" }, { "time": 51157, "beat": "1" }, { "time": 51467, "beat": "2" }, { "time": 51781, "beat": "3" }, { "time": 52096, "beat": "2" }, { "time": 52400, "beat": "1" }, { "time": 52704, "beat": "2" }, { "time": 53008, "beat": "1" }, { "time": 53312, "beat": "1" }, { "time": 53621, "beat": "1" }, { "time": 53925, "beat": "3" }, { "time": 54229, "beat": "2" }, { "time": 54555, "beat": "2" }, { "time": 54875, "beat": "3" }, { "time": 55179, "beat": "3" }, { "time": 55531, "beat": "2" }, { "time": 55835, "beat": "3" }, { "time": 56144, "beat": "3" }, { "time": 56459, "beat": "2" }, { "time": 56773, "beat": "3" }, { "time": 57088, "beat": "3" }, { "time": 57397, "beat": "3" }, { "time": 57701, "beat": "1" }, { "time": 58021, "beat": "1" }, { "time": 58325, "beat": "2" }, { "time": 58651, "beat": "1" }, { "time": 58955, "beat": "3" }, { "time": 59280, "beat": "2" }, { "time": 59589, "beat": "2" }, { "time": 59904, "beat": "1" }, { "time": 60208, "beat": "1" }, { "time": 60517, "beat": "3" }, { "time": 60827, "beat": "1" }, { "time": 61136, "beat": "1" }, { "time": 61445, "beat": "1" }, { "time": 61776, "beat": "1" }, { "time": 62085, "beat": "1" }, { "time": 62400, "beat": "2" }, { "time": 62757, "beat": "1" }, { "time": 63061, "beat": "2" }, { "time": 63403, "beat": "1" }, { "time": 63707, "beat": "1" }, { "time": 64059, "beat": "1" }, { "time": 64363, "beat": "3" }, { "time": 64672, "beat": "1" }, { "time": 64987, "beat": "3" }, { "time": 65333, "beat": "1" }, { "time": 65637, "beat": "1" }, { "time": 65963, "beat": "1" }, { "time": 66277, "beat": "1" }, { "time": 66581, "beat": "3" }, { "time": 66912, "beat": "1" }, { "time": 67253, "beat": "1" }, { "time": 67573, "beat": "3" }, { "time": 67877, "beat": "1" }, { "time": 68187, "beat": "2" }, { "time": 68496, "beat": "3" }, { "time": 68816, "beat": "1" }, { "time": 69120, "beat": "2" }, { "time": 69445, "beat": "1" }, { "time": 69760, "beat": "3" }, { "time": 70064, "beat": "2" }, { "time": 70368, "beat": "2" }, { "time": 70699, "beat": "1" }, { "time": 71008, "beat": "3" }, { "time": 71344, "beat": "1" }, { "time": 71659, "beat": "2" }, { "time": 71984, "beat": "1" }, { "time": 72320, "beat": "1" }, { "time": 72640, "beat": "1" }, { "time": 72944, "beat": "3" }, { "time": 73285, "beat": "1" }, { "time": 73595, "beat": "2" }, { "time": 73920, "beat": "1" }, { "time": 74229, "beat": "2" }, { "time": 74539, "beat": "2" }, { "time": 74843, "beat": "3" }, { "time": 75147, "beat": "3" }, { "time": 75451, "beat": "2" }, { "time": 75760, "beat": "3" }, { "time": 76064, "beat": "1" }, { "time": 76373, "beat": "1" }, { "time": 76688, "beat": "3" }, { "time": 76992, "beat": "1" }, { "time": 77296, "beat": "1" }, { "time": 77605, "beat": "3" }, { "time": 77920, "beat": "3" }, { "time": 78235, "beat": "3" }, { "time": 78544, "beat": "3" }, { "time": 78848, "beat": "3" }, { "time": 79163, "beat": "3" }, { "time": 79477, "beat": "3" }, { "time": 79787, "beat": "3" }, { "time": 80107, "beat": "3" }, { "time": 80411, "beat": "3" }, { "time": 80731, "beat": "3" }, { "time": 81040, "beat": "2" }, { "time": 81349, "beat": "3" }, { "time": 81669, "beat": "3" }, { "time": 81989, "beat": "2" }, { "time": 82293, "beat": "2" }, { "time": 82597, "beat": "2" }, { "time": 82955, "beat": "2" }, { "time": 83275, "beat": "3" }, { "time": 83595, "beat": "3" }, { "time": 83909, "beat": "2" }, { "time": 84213, "beat": "3" }, { "time": 84523, "beat": "2" }, { "time": 84843, "beat": "2" }, { "time": 85152, "beat": "2" }, { "time": 85477, "beat": "3" }, { "time": 85787, "beat": "3" }, { "time": 86112, "beat": "3" }, { "time": 86432, "beat": "2" }, { "time": 86752, "beat": "1" }, { "time": 87061, "beat": "2" }, { "time": 87387, "beat": "2" }, { "time": 87696, "beat": "1" }, { "time": 88021, "beat": "2" }, { "time": 88341, "beat": "3" }, { "time": 88661, "beat": "2" }, { "time": 88965, "beat": "3" }, { "time": 89275, "beat": "2" }, { "time": 89595, "beat": "2" }, { "time": 89899, "beat": "2" }, { "time": 90240, "beat": "3" }, { "time": 90560, "beat": "2" }, { "time": 90885, "beat": "3" }, { "time": 91195, "beat": "3" }, { "time": 91515, "beat": "2" }, { "time": 91835, "beat": "2" }, { "time": 92139, "beat": "3" }, { "time": 92448, "beat": "3" }, { "time": 92757, "beat": "3" }, { "time": 93109, "beat": "3" }, { "time": 93413, "beat": "2" }, { "time": 93728, "beat": "3" }, { "time": 94043, "beat": "3" }, { "time": 94352, "beat": "1" }, { "time": 94661, "beat": "3" }, { "time": 94965, "beat": "2" }, { "time": 95280, "beat": "2" }, { "time": 95605, "beat": "3" }, { "time": 95909, "beat": "3" }, { "time": 96224, "beat": "3" }, { "time": 96528, "beat": "3" }, { "time": 96837, "beat": "3" }, { "time": 97141, "beat": "2" }, { "time": 97461, "beat": "3" }, { "time": 97771, "beat": "3" }, { "time": 98080, "beat": "3" }, { "time": 98389, "beat": "2" }, { "time": 98699, "beat": "2" }, { "time": 99008, "beat": "3" }, { "time": 99323, "beat": "2" }, { "time": 99627, "beat": "3" }, { "time": 99931, "beat": "3" }, { "time": 100240, "beat": "1" }, { "time": 100565, "beat": "1" }, { "time": 100885, "beat": "3" }, { "time": 101200, "beat": "3" }, { "time": 101520, "beat": "3" }, { "time": 101824, "beat": "3" }, { "time": 102128, "beat": "1" }, { "time": 102432, "beat": "3" }, { "time": 102752, "beat": "2" }, { "time": 103067, "beat": "1" }, { "time": 103381, "beat": "2" }, { "time": 103685, "beat": "2" }, { "time": 103995, "beat": "1" }, { "time": 104299, "beat": "3" }, { "time": 104608, "beat": "3" }, { "time": 104912, "beat": "2" }, { "time": 105221, "beat": "3" }, { "time": 105536, "beat": "3" }, { "time": 105845, "beat": "3" }, { "time": 106155, "beat": "3" }, { "time": 106464, "beat": "3" }, { "time": 106773, "beat": "2" }, { "time": 107077, "beat": "2" }, { "time": 107392, "beat": "3" }, { "time": 107701, "beat": "2" }, { "time": 108005, "beat": "3" }, { "time": 108309, "beat": "1" }, { "time": 108619, "beat": "2" }, { "time": 108928, "beat": "1" }, { "time": 109237, "beat": "1" }, { "time": 109595, "beat": "1" }, { "time": 109899, "beat": "1" }, { "time": 110203, "beat": "2" }, { "time": 110507, "beat": "1" }, { "time": 110811, "beat": "2" }, { "time": 111115, "beat": "1" }, { "time": 111429, "beat": "3" }, { "time": 111749, "beat": "1" }, { "time": 112080, "beat": "2" }, { "time": 112400, "beat": "2" }, { "time": 112715, "beat": "1" }, { "time": 113019, "beat": "2" }, { "time": 113328, "beat": "2" }, { "time": 113637, "beat": "2" }, { "time": 113947, "beat": "2" }, { "time": 114267, "beat": "1" }, { "time": 114571, "beat": "2" }, { "time": 114901, "beat": "2" }, { "time": 115211, "beat": "3" }, { "time": 115520, "beat": "3" }, { "time": 115840, "beat": "3" }, { "time": 116149, "beat": "1" }, { "time": 116475, "beat": "1" }, { "time": 116779, "beat": "3" }, { "time": 117083, "beat": "2" }, { "time": 117387, "beat": "2" }, { "time": 117696, "beat": "2" }, { "time": 118021, "beat": "1" }, { "time": 118347, "beat": "1" }, { "time": 118661, "beat": "2" }, { "time": 118965, "beat": "3" }, { "time": 119269, "beat": "2" }, { "time": 119573, "beat": "2" }, { "time": 119904, "beat": "1" }, { "time": 120229, "beat": "2" }, { "time": 120533, "beat": "2" }, { "time": 120837, "beat": "3" }, { "time": 121147, "beat": "3" }, { "time": 121451, "beat": "3" }, { "time": 121760, "beat": "1" }, { "time": 122064, "beat": "1" }, { "time": 122379, "beat": "3" }, { "time": 122699, "beat": "1" }, { "time": 123008, "beat": "2" }, { "time": 123312, "beat": "3" }, { "time": 123616, "beat": "3" }, { "time": 123925, "beat": "2" }, { "time": 124229, "beat": "1" }, { "time": 124549, "beat": "1" }, { "time": 124853, "beat": "3" }, { "time": 125173, "beat": "1" }, { "time": 125477, "beat": "2" }, { "time": 125808, "beat": "2" }, { "time": 126123, "beat": "1" }, { "time": 126491, "beat": "1" }, { "time": 126795, "beat": "3" }, { "time": 127115, "beat": "1" }, { "time": 127419, "beat": "1" }, { "time": 127728, "beat": "2" }, { "time": 128069, "beat": "1" }, { "time": 128400, "beat": "1" }, { "time": 128709, "beat": "3" }, { "time": 129013, "beat": "1" }, { "time": 129317, "beat": "1" }, { "time": 129643, "beat": "2" }, { "time": 129957, "beat": "1" }, { "time": 130277, "beat": "1" }, { "time": 130581, "beat": "3" }, { "time": 130885, "beat": "2" }, { "time": 131205, "beat": "1" }, { "time": 131520, "beat": "3" }, { "time": 131829, "beat": "3" }, { "time": 132139, "beat": "1" }, { "time": 132459, "beat": "1" }, { "time": 132768, "beat": "2" }, { "time": 133083, "beat": "3" }, { "time": 133403, "beat": "1" }, { "time": 133717, "beat": "1" }, { "time": 134032, "beat": "2" }, { "time": 134352, "beat": "1" }, { "time": 134672, "beat": "2" }, { "time": 134997, "beat": "1" }, { "time": 135301, "beat": "1" }, { "time": 135605, "beat": "2" }, { "time": 135931, "beat": "1" }, { "time": 136245, "beat": "2" }, { "time": 136549, "beat": "1" }, { "time": 136859, "beat": "1" }, { "time": 137168, "beat": "3" }, { "time": 137477, "beat": "1" }, { "time": 137787, "beat": "1" }, { "time": 138091, "beat": "3" }, { "time": 138400, "beat": "1" }, { "time": 138709, "beat": "1" }, { "time": 139019, "beat": "2" }, { "time": 139328, "beat": "3" }, { "time": 139637, "beat": "3" }, { "time": 139947, "beat": "3" }, { "time": 140267, "beat": "2" }, { "time": 140571, "beat": "2" }, { "time": 140880, "beat": "3" }, { "time": 141205, "beat": "3" }, { "time": 141531, "beat": "2" }, { "time": 141856, "beat": "2" }, { "time": 142192, "beat": "2" }, { "time": 142496, "beat": "2" }, { "time": 142800, "beat": "3" }, { "time": 143115, "beat": "2" }, { "time": 143429, "beat": "2" }, { "time": 143733, "beat": "2" }, { "time": 144037, "beat": "3" }, { "time": 144341, "beat": "3" }, { "time": 144645, "beat": "3" }, { "time": 144987, "beat": "3" }, { "time": 145296, "beat": "3" }, { "time": 145605, "beat": "2" }, { "time": 145920, "beat": "3" }, { "time": 146229, "beat": "3" }, { "time": 146533, "beat": "3" }, { "time": 146843, "beat": "3" }, { "time": 147157, "beat": "3" }, { "time": 147461, "beat": "3" }, { "time": 147776, "beat": "1" }, { "time": 148101, "beat": "1" }, { "time": 148411, "beat": "2" }, { "time": 148736, "beat": "2" }, { "time": 149045, "beat": "1" }, { "time": 149349, "beat": "3" }, { "time": 149691, "beat": "2" }, { "time": 149995, "beat": "2" }, { "time": 150315, "beat": "3" }, { "time": 150624, "beat": "2" }, { "time": 150944, "beat": "2" }, { "time": 151248, "beat": "2" }, { "time": 151616, "beat": "2" }, { "time": 151931, "beat": "3" }, { "time": 152245, "beat": "3" }, { "time": 152565, "beat": "2" }, { "time": 152885, "beat": "1" }, { "time": 153189, "beat": "2" }, { "time": 153504, "beat": "2" }, { "time": 153808, "beat": "3" }, { "time": 154128, "beat": "3" }, { "time": 154459, "beat": "3" }, { "time": 154763, "beat": "2" }, { "time": 155077, "beat": "3" }, { "time": 155392, "beat": "3" }, { "time": 155701, "beat": "1" }, { "time": 156011, "beat": "3" }, { "time": 156315, "beat": "2" }, { "time": 156624, "beat": "2" }, { "time": 156928, "beat": "3" }, { "time": 157237, "beat": "2" }, { "time": 157541, "beat": "3" }, { "time": 157851, "beat": "3" }, { "time": 158165, "beat": "3" }, { "time": 158475, "beat": "2" }, { "time": 158789, "beat": "3" }, { "time": 159093, "beat": "2" }, { "time": 159413, "beat": "3" }, { "time": 159723, "beat": "3" }, { "time": 160043, "beat": "3" }, { "time": 160357, "beat": "3" }, { "time": 160672, "beat": "2" }, { "time": 160976, "beat": "2" }, { "time": 161280, "beat": "3" }, { "time": 161589, "beat": "1" }, { "time": 161915, "beat": "1" }, { "time": 162235, "beat": "3" }, { "time": 162560, "beat": "3" }, { "time": 162875, "beat": "3" }, { "time": 163189, "beat": "3" }, { "time": 163520, "beat": "3" }, { "time": 163824, "beat": "3" }, { "time": 164165, "beat": "3" }, { "time": 164469, "beat": "3" }, { "time": 164773, "beat": "3" }, { "time": 165088, "beat": "3" }, { "time": 165397, "beat": "3" }, { "time": 165701, "beat": "3" }, { "time": 166016, "beat": "1" }, { "time": 166320, "beat": "1" }, { "time": 166640, "beat": "2" }, { "time": 166944, "beat": "2" }, { "time": 167253, "beat": "3" }, { "time": 167573, "beat": "3" }, { "time": 167883, "beat": "2" }, { "time": 168203, "beat": "2" }, { "time": 168523, "beat": "1" }, { "time": 168832, "beat": "2" }, { "time": 169168, "beat": "1" }, { "time": 169488, "beat": "2" }, { "time": 169808, "beat": "1" }, { "time": 170117, "beat": "1" }, { "time": 170421, "beat": "2" }, { "time": 170736, "beat": "2" }, { "time": 171045, "beat": "1" }, { "time": 171365, "beat": "2" }, { "time": 171680, "beat": "1" }, { "time": 172000, "beat": "2" }, { "time": 172309, "beat": "2" }, { "time": 172613, "beat": "2" }, { "time": 172923, "beat": "1" }, { "time": 173237, "beat": "1" }, { "time": 173541, "beat": "2" }, { "time": 173856, "beat": "1" }, { "time": 174187, "beat": "1" }, { "time": 174533, "beat": "1" }, { "time": 174837, "beat": "2" }, { "time": 175141, "beat": "2" }, { "time": 175451, "beat": "2" }, { "time": 175765, "beat": "2" }, { "time": 176080, "beat": "1" }, { "time": 176405, "beat": "2" }, { "time": 176720, "beat": "1" }, { "time": 177051, "beat": "1" }, { "time": 177371, "beat": "1" }, { "time": 177680, "beat": "3" }, { "time": 177989, "beat": "3" }, { "time": 178309, "beat": "3" }, { "time": 178619, "beat": "1" }, { "time": 178928, "beat": "1" }, { "time": 179243, "beat": "2" }, { "time": 179557, "beat": "2" }, { "time": 179861, "beat": "2" }, { "time": 180176, "beat": "1" }, { "time": 180480, "beat": "2" }, { "time": 180795, "beat": "3" }, { "time": 181136, "beat": "1" }, { "time": 181445, "beat": "2" }, { "time": 181771, "beat": "3" }, { "time": 182080, "beat": "2" }, { "time": 182384, "beat": "3" }, { "time": 182704, "beat": "2" }, { "time": 183008, "beat": "2" }, { "time": 183328, "beat": "1" }, { "time": 183659, "beat": "2" }, { "time": 184005, "beat": "1" }, { "time": 184315, "beat": "3" }, { "time": 184624, "beat": "2" }, { "time": 184944, "beat": "2" }, { "time": 185248, "beat": "2" }, { "time": 185573, "beat": "2" }, { "time": 185883, "beat": "2" }, { "time": 186208, "beat": "2" }, { "time": 186512, "beat": "2" }, { "time": 186827, "beat": "2" }, { "time": 187131, "beat": "2" }, { "time": 187435, "beat": "3" }, { "time": 187749, "beat": "2" }, { "time": 188059, "beat": "3" }, { "time": 188363, "beat": "3" }, { "time": 188667, "beat": "2" }, { "time": 188976, "beat": "2" }, { "time": 189285, "beat": "2" }, { "time": 189605, "beat": "2" }, { "time": 189909, "beat": "3" }, { "time": 190240, "beat": "1" }, { "time": 190549, "beat": "3" }, { "time": 190859, "beat": "2" }, { "time": 191184, "beat": "1" }, { "time": 191488, "beat": "2" }, { "time": 191824, "beat": "1" }, { "time": 192139, "beat": "1" }, { "time": 192459, "beat": "2" }, { "time": 192784, "beat": "2" }, { "time": 193093, "beat": "3" }, { "time": 193397, "beat": "2" }, { "time": 193712, "beat": "3" }, { "time": 194016, "beat": "3" }, { "time": 194331, "beat": "3" }, { "time": 194640, "beat": "3" }, { "time": 194971, "beat": "2" }, { "time": 195285, "beat": "3" }, { "time": 195600, "beat": "3" }, { "time": 195909, "beat": "3" }, { "time": 196229, "beat": "3" }, { "time": 196539, "beat": "2" }, { "time": 196848, "beat": "2" }, { "time": 197152, "beat": "1" }, { "time": 197461, "beat": "2" }, { "time": 197771, "beat": "3" }, { "time": 198075, "beat": "3" }, { "time": 198389, "beat": "3" }, { "time": 198693, "beat": "2" }, { "time": 199003, "beat": "3" }, { "time": 199312, "beat": "2" }, { "time": 199616, "beat": "3" }, { "time": 199941, "beat": "2" }, { "time": 200251, "beat": "3" }, { "time": 200555, "beat": "3" }, { "time": 200859, "beat": "3" }, { "time": 201163, "beat": "3" }, { "time": 201472, "beat": "2" }, { "time": 201787, "beat": "1" }, { "time": 202091, "beat": "2" }, { "time": 202400, "beat": "2" }, { "time": 202704, "beat": "2" }, { "time": 203008, "beat": "2" }, { "time": 203312, "beat": "3" }, { "time": 203627, "beat": "3" }, { "time": 203947, "beat": "3" }, { "time": 204256, "beat": "3" }, { "time": 204565, "beat": "2" }, { "time": 204885, "beat": "3" }, { "time": 205189, "beat": "3" }, { "time": 205493, "beat": "3" }, { "time": 205808, "beat": "3" }, { "time": 206112, "beat": "2" }, { "time": 206432, "beat": "3" }, { "time": 206736, "beat": "2" }, { "time": 207045, "beat": "1" }, { "time": 207365, "beat": "3" }, { "time": 207669, "beat": "3" }, { "time": 207973, "beat": "3" }, { "time": 208283, "beat": "3" }, { "time": 208597, "beat": "3" }, { "time": 208912, "beat": "3" }, { "time": 209221, "beat": "3" }, { "time": 209531, "beat": "2" }, { "time": 209840, "beat": "2" }, { "time": 210155, "beat": "3" }, { "time": 210469, "beat": "2" }, { "time": 210779, "beat": "3" }, { "time": 211083, "beat": "3" }, { "time": 211387, "beat": "3" }, { "time": 211701, "beat": "3" }, { "time": 212016, "beat": "3" }, { "time": 212320, "beat": "2" }, { "time": 212624, "beat": "2" }, { "time": 212944, "beat": "2" }, { "time": 213264, "beat": "1" }, { "time": 213573, "beat": "3" }, { "time": 213893, "beat": "2" }, { "time": 214197, "beat": "3" }, { "time": 214501, "beat": "3" }, { "time": 214811, "beat": "3" }, { "time": 215131, "beat": "1" }, { "time": 215445, "beat": "1" }, { "time": 215749, "beat": "1" }, { "time": 216053, "beat": "3" }, { "time": 216357, "beat": "3" }, { "time": 216672, "beat": "3" }, { "time": 216987, "beat": "2" }, { "time": 217291, "beat": "3" }, { "time": 217611, "beat": "3" }, { "time": 217931, "beat": "2" }, { "time": 218235, "beat": "3" }, { "time": 218539, "beat": "2" }, { "time": 218859, "beat": "3" }, { "time": 219168, "beat": "3" }, { "time": 219488, "beat": "3" }, { "time": 219803, "beat": "2" }, { "time": 220112, "beat": "2" }, { "time": 220432, "beat": "2" }, { "time": 220773, "beat": "3" }, { "time": 221125, "beat": "1" }, { "time": 221467, "beat": "1" }, { "time": 221781, "beat": "2" }, { "time": 222091, "beat": "3" }, { "time": 222395, "beat": "1" }, { "time": 222709, "beat": "1" }, { "time": 223099, "beat": "1" }] }]; var songsList = [{ "name": "Ode to Joy\r\nBeethoven", "bpm": 220, "pitchLevel": 0, "bitsPerPage": 16, "isComposed": false, "songNotes": [{ "time": 1432, "key": "Key6" }, { "time": 1855, "key": "Key6" }, { "time": 2305, "key": "Key7" }, { "time": 2788, "key": "Key8" }, { "time": 3216, "key": "Key8" }, { "time": 3666, "key": "Key7" }, { "time": 4122, "key": "Key6" }, { "time": 4567, "key": "Key5" }, { "time": 5027, "key": "Key4" }, { "time": 5479, "key": "Key4" }, { "time": 5937, "key": "Key5" }, { "time": 6397, "key": "Key6" }, { "time": 6864, "key": "Key6" }, { "time": 7583, "key": "Key5" }, { "time": 7820, "key": "Key5" }, { "time": 8816, "key": "Key6" }, { "time": 9289, "key": "Key6" }, { "time": 9778, "key": "Key7" }, { "time": 10205, "key": "Key8" }, { "time": 10672, "key": "Key8" }, { "time": 11108, "key": "Key7" }, { "time": 11564, "key": "Key6" }, { "time": 12000, "key": "Key5" }, { "time": 12455, "key": "Key4" }, { "time": 12911, "key": "Key4" }, { "time": 13339, "key": "Key5" }, { "time": 13785, "key": "Key6" }, { "time": 14370, "key": "Key5" }, { "time": 15131, "key": "Key4" }, { "time": 15341, "key": "Key4" }, { "time": 16318, "key": "Key5" }, { "time": 16760, "key": "Key5" }, { "time": 17243, "key": "Key6" }, { "time": 17711, "key": "Key4" }, { "time": 18164, "key": "Key5" }, { "time": 18607, "key": "Key6" }, { "time": 18840, "key": "Key7" }, { "time": 19107, "key": "Key6" }, { "time": 19556, "key": "Key4" }, { "time": 20007, "key": "Key5" }, { "time": 20428, "key": "Key6" }, { "time": 20634, "key": "Key7" }, { "time": 20915, "key": "Key6" }, { "time": 21375, "key": "Key5" }, { "time": 21859, "key": "Key4" }, { "time": 22325, "key": "Key5" }, { "time": 22818, "key": "Key1" }, { "time": 23809, "key": "Key6" }, { "time": 24259, "key": "Key6" }, { "time": 24725, "key": "Key7" }, { "time": 25156, "key": "Key8" }, { "time": 25597, "key": "Key8" }, { "time": 26039, "key": "Key7" }, { "time": 26496, "key": "Key6" }, { "time": 26950, "key": "Key5" }, { "time": 27413, "key": "Key4" }, { "time": 27882, "key": "Key4" }, { "time": 28309, "key": "Key5" }, { "time": 28830, "key": "Key6" }, { "time": 29319, "key": "Key5" }, { "time": 30092, "key": "Key4" }, { "time": 30343, "key": "Key4" }], "fromLibrary": true }]; var isDebug = false; var cube; var sphere; var face1; var face2; var face3; var globalSpeed = 20; var rotationSpeedX = 0; var rotationSpeedY = 0; var rotationSpeedZ = 0; var currentRotationAngle = 0; var fullLog = []; var fpsText; var lastTick; var frameCount; var debugText; var cubeManager; var isDraggingSphere = false; var sphereDragOffset = 0; var backgroundManager; var gateManager; var targetManager; var ball; var runner; var borderLimitAngle = Math.PI * 0.08; var gateLimitAngle = Math.PI * 0.2; var gateUniqueId = 0; // Function to get next gate ID function getNextGateId() { return gateUniqueId++; } /***********************************************************************************/ /***************************** GAME INITIALIZATION *********************************/ /***********************************************************************************/ function gameInitialize() { // Initialize background manager first (so it's behind other elements) backgroundManager = new BackgroundManager(); game.addChild(backgroundManager); cube = new Cube(1, 1, 1); cube.x = 2048 * 0.5; // Center horizontally cube.y = 2732 / 2; // Center vertically cube.z = 0; cube.visible = false; game.addChild(cube); cube.rotate3D(Math.PI * 0.125, -Math.PI * 0.125, 0); sphere = new Sphere(); sphere.z = 0; sphere.alpha = 0; // Set speeds to zero to stop movement sphere.speedX = 0; sphere.speedY = 0; sphere.speedZ = 0; game.addChild(sphere); // Initialize sphere at center position updateSphereSnapPosition(snapPositions.center); // Initialize cube manager cubeManager = new CubeManager(); //game.addChild(cubeManager); // Initialize gate manager gateManager = new GateManager(); game.addChild(gateManager); // Initialize target manager targetManager = new TargetManager(); //game.addChild(targetManager); // Create and position ball ball = new Ball(); ball.x = 1024; ball.y = 2000; ball.alpha = true; game.addChild(ball); runner = new Runner(); runner.x = 1024; runner.y = 2000; game.addChild(runner); if (isDebug) { var debugMarker = LK.getAsset('debugMarker', { anchorX: 0.5, anchorY: 0.5, x: 2048 * 0.5, y: 2732 / 2 }); game.addChild(debugMarker); fpsText = new Text2('FPS: 0', { size: 50, fill: 0xFFFFFF }); // Position FPS text at the bottom-right corner fpsText.anchor.set(1, 1); // Anchor to the bottom-right LK.gui.bottomRight.addChild(fpsText); // Update FPS display every second lastTick = Date.now(); frameCount = 0; // Debug text to display cube information debugText = new Text2('Debug Info', { size: 50, fill: 0xFFFFFF }); debugText.anchor.set(0.5, 0); // Anchor to the bottom-right LK.gui.top.addChild(debugText); // Create sound test button var soundTestButton = new Container(); var buttonBg = LK.getAsset('line', { anchorX: 0.5, anchorY: 0.5, scaleX: 50, scaleY: 15, tint: 0x333333 }); soundTestButton.addChild(buttonBg); var buttonText = new Text2('SOUND TEST', { size: 40, fill: 0xFFFFFF }); buttonText.anchor.set(0.5, 0.5); soundTestButton.addChild(buttonText); // Position at top right soundTestButton.x = -100; soundTestButton.y = 50; LK.gui.topRight.addChild(soundTestButton); // Add click handler soundTestButton.down = function () { // Play all key sounds with 600ms delay for (var i = 0; i <= 14; i++) { (function (index) { LK.setTimeout(function () { LK.getSound('key' + index).play(); }, index * 600); })(i); } }; } } /***********************************************************************************/ /******************************** MAIN GAME LOOP ***********************************/ /***********************************************************************************/ game.update = function () { // Rotate simpleFace in 3D on each game update rotationSpeedX += globalSpeed * Math.PI * 0.006; rotationSpeedY += 0 * Math.PI * 0.125 * 0.02; rotationSpeedZ += 0 * Math.PI * 0.125 * 0.02; // Original cube movement commented out - now handled by cubeManager // cube.x += cube.speedX; // cube.y += cube.speedY; // cube.z += cube.speedZ; // if (cube.x <= 100 || cube.x >= 2048 - 100) { // cube.speedX *= -1; // } // if (cube.z <= -250 || cube.z >= 1000) { // cube.speedZ *= -1; // } // if (cube.y <= 100 || cube.y >= 2732 - 100) { // cube.speedY *= -1; // } sphere.rotate3D(rotationSpeedX, rotationSpeedY + currentRotationAngle, rotationSpeedZ); if (isDebug) { debugText.setText("X: " + Math.round(cube.x) + ", Y: " + Math.round(cube.y) + ", Z: " + Math.round(cube.z) + ", R: " + cube.rotation.toFixed(2)); // FPS var now = Date.now(); frameCount++; if (now - lastTick >= 1000) { // Update every second fpsText.setText('FPS: ' + frameCount); frameCount = 0; lastTick = now; } } // Update cube manager //cubeManager.update(); // Update background manager //backgroundManager.update(); // Update gate manager //gateManager.update(); // Update target manager //targetManager.update(); }; // Define magnetic snap positions var snapPositions = { left: 0, center: 1, right: 2 }; // Current snap position (start at center) var currentSnapPosition = snapPositions.center; // Snap threshold for switching positions (percentage of screen width) var snapThreshold = 0.15; // 15% of screen width // Function to update sphere position based on snap function updateSphereSnapPosition(snapPos) { currentSnapPosition = snapPos; // Define three fixed positions: left, center, right var leftAngle = -Math.PI * 0.5 + gateLimitAngle; var centerAngle = -Math.PI * 0.5 + Math.PI / 2; var rightAngle = -Math.PI * 0.5 + Math.PI - gateLimitAngle; var targetAngle = centerAngle; if (snapPos === snapPositions.left) { targetAngle = leftAngle; } else if (snapPos === snapPositions.center) { targetAngle = centerAngle; } else if (snapPos === snapPositions.right) { targetAngle = rightAngle; } // Calculate position on the ellipse path var centerX = 1024; var centerY = 1366; var radiusX = 924; var radiusY = 634; // Calculate new position sphere.x = centerX + radiusX * Math.cos(targetAngle + Math.PI * 0.5); sphere.y = centerY + radiusY * Math.sin(targetAngle + Math.PI * 0.5); // Apply rotation based on position var rotationMap = { 0: -0.5, // left 1: 0, // center 2: 0.5 // right }; currentRotationAngle = rotationMap[snapPos] * Math.PI * 0.5; sphere.rotate3D(Math.PI * 0.5, Math.PI * 0.5 + currentRotationAngle, 0); } // Variables for drag tracking var dragStartX = 0; var dragStartSnapPosition = snapPositions.center; // Add game event handlers for sphere control game.down = function (x, y, obj) { // Record drag start position and current snap dragStartX = x; dragStartSnapPosition = currentSnapPosition; isDraggingSphere = true; }; game.move = function (x, y, obj) { if (isDraggingSphere) { // Calculate drag distance as percentage of screen width var dragDistance = (x - dragStartX) / 2048; // Determine new snap position based on drag distance and threshold var newSnapPosition = dragStartSnapPosition; if (dragDistance > snapThreshold) { // Dragged right - move to next position if possible if (dragStartSnapPosition === snapPositions.left) { newSnapPosition = snapPositions.center; } else if (dragStartSnapPosition === snapPositions.center) { newSnapPosition = snapPositions.right; } } else if (dragDistance < -snapThreshold) { // Dragged left - move to previous position if possible if (dragStartSnapPosition === snapPositions.right) { newSnapPosition = snapPositions.center; } else if (dragStartSnapPosition === snapPositions.center) { newSnapPosition = snapPositions.left; } } // Update position if changed if (newSnapPosition !== currentSnapPosition) { updateSphereSnapPosition(newSnapPosition); } } }; game.up = function (x, y, obj) { isDraggingSphere = false; }; gameInitialize(); // Play track_001 music when game starts LK.playMusic('track_01'); // test gate /* var testGate = new Gate(); var newScale = 1; testGate.scaleX = newScale; testGate.scaleY = newScale; testGate.gateAsset.scaleX = newScale; testGate.gateAsset.scaleY = newScale; testGate.boundingBox.scaleX = newScale; testGate.boundingBox.scaleY = newScale; testGate.boundingBox.alpha = 0.3; game.addChild(testGate); */
/****
* Plugins
****/
var tween = LK.import("@upit/tween.v1");
/****
* Classes
****/
/***********************************************************************************/
/******************************* UTILITY FUNCTIONS *********************************/
/***********************************************************************************/
var BackgroundManager = Container.expand(function () {
var self = Container.call(this);
// Create three background instances for smoother tunnel effect
self.bg0 = self.attachAsset('background01', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 1366,
scaleX: 2.4,
scaleY: 2.4,
alpha: 1
});
self.bg1 = self.attachAsset('background01', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 1366,
scaleX: 1.1,
scaleY: 1.1,
alpha: 1
});
self.bg2 = self.attachAsset('background01', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 1366,
scaleX: 0.5,
scaleY: 0.5,
alpha: 1
});
self.bg3 = self.attachAsset('background01', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 1366,
scaleX: 0.22,
scaleY: 0.22,
alpha: 1
});
self.bg4 = self.attachAsset('background01', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 1366,
scaleX: 0.11,
scaleY: 0.11,
alpha: 1
});
self.tore0 = self.attachAsset('tore', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 1366,
scaleX: 1.2,
scaleY: 1.2,
alpha: 0
});
self.tore1 = self.attachAsset('tore', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 1366,
scaleX: 0.6,
scaleY: 0.6,
alpha: 0
});
self.tore2 = self.attachAsset('tore', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 1366,
scaleX: 0.26,
scaleY: 0.26,
alpha: 0
});
self.tore3 = self.attachAsset('tore', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 1366,
scaleX: 0.12,
scaleY: 0.12,
alpha: 0
});
// Apply different tints in debug mode
if (isDebug) {
self.bg1.tint = 0xFF0000; // Red tint for first background
self.tore1.tint = 0x00FF00; // Green tint for first tore
self.bg2.tint = 0x00FFFF; // Cyan tint for second background
self.tore2.tint = 0xFF00FF; // Magenta tint for second tore
self.bg3.tint = 0xfff200; // Yellow tint for third background
}
// Animation properties
self.bgAnimationSpeed = globalSpeed / 1000; //0.002;
self.bgAnimationAcceleration = 2;
// Add tore assets between backgrounds for animation
self.backgrounds = [self.bg0, self.tore0, self.bg1, self.tore1, self.bg2, self.tore2, self.bg3, self.tore3, self.bg4];
//self.backgrounds = [self.bg0, self.bg1, self.bg2, self.bg3];
// Define initial scale for each background/torus (tore: 0.26, bg: 0.22)
//self.bgInitialScales = [0.22, 0.22, 0.22, 0.22, 0.22];
//self.bgInitialScales = [0, 0, 0, 0, 0];
//self.bgInitialScales = [0, 0, 0, 0, 0, 0, 0, 0, 0];
// Animation state: single startTime for all backgrounds/torus
self.bgAnimStartTime = Date.now();
// Update method - handle background/torus scale animation
self.update = function () {
var now = Date.now();
var elapsed = now - self.bgAnimStartTime;
var resetTriggered = false;
for (var i = 0; i < self.backgrounds.length; i++) {
var bg = self.backgrounds[i];
// Make the scale speed increase as the scale increases (e.g. exponential or quadratic growth)
//var scaleMultiplier = bg.scaleX * self.bgAnimationAcceleration;
//bg.scaleX += self.bgAnimationSpeed * scaleMultiplier;
bg.scaleX += self.bgAnimationSpeed * bg.scaleX;
bg.scaleY = bg.scaleX;
if (bg.scaleX > 3.0) {
bg.scaleX = 0.12; //self.bgInitialScales[i];
bg.scaleY = bg.scaleX;
}
//bg.alpha = Math.min(1, bg.scaleX + 0.66);
bg.tint = 0x1697b8; // 0x33FF33;
}
};
return self;
});
// Initialize the game;
/***********************************************************************************/
/********************************** BALL CLASS *************************************/
/***********************************************************************************/
var Ball = Container.expand(function () {
var self = Container.call(this);
// Create and attach ball asset
var ballGraphics = self.attachAsset('ball', {
anchorX: 0.5,
anchorY: 0.5,
tint: currentColor,
alpha: 1
});
// Initialize ball properties
self.speedX = 0;
self.speedY = 0;
// Track last intersecting state for each gate
self.lastIntersectingGates = {};
// Update method to follow sphere's position
self.update = function () {
// Make ball follow sphere's exact position
if (sphere) {
self.x = sphere.x;
self.y = sphere.y;
}
// Check for collisions with gates
if (gateManager && gateManager.gates) {
// Iterate backwards to avoid index shifting issues when removing gates
for (var i = gateManager.gates.length - 1; i >= 0; i--) {
var gate = gateManager.gates[i];
var gateId = gate.gateId;
// Initialize tracking if needed
if (self.lastIntersectingGates[gateId] === undefined) {
self.lastIntersectingGates[gateId] = false;
}
// Check intersection with bounding box instead of gate asset
var currentIntersecting = self.intersects(gate.boundingBox);
// Detect transition from not intersecting to intersecting
if (!self.lastIntersectingGates[gateId] && currentIntersecting) {
// Mark gate as being destroyed to prevent multiple triggers
if (!gate.isDestroying) {
gate.isDestroying = true;
// Animate scale down
tween(gate, {
scaleX: 0,
scaleY: 0
}, {
duration: 300,
easing: tween.easeIn,
onFinish: function onFinish() {
// Request destruction from gate manager
gateManager.destroyGate(gate);
}
});
}
// Play the sound based on the gate's assigned key
if (false && gate.noteKey) {
// Extract the number from the key (e.g., "Key6" -> "6")
var keyNumber = gate.noteKey.replace('Key', '');
var soundKey = 'key' + keyNumber;
// Play the corresponding sound
LK.getSound(soundKey).play();
}
}
// Update last intersecting state
self.lastIntersectingGates[gateId] = currentIntersecting;
}
// No cleanup needed - gate IDs are unique and won't be reused
}
};
return self;
});
/***********************************************************************************/
/********************************** CUBE CLASS ************************************/
/***********************************************************************************/
var Cube = Container.expand(function (wRatio, hRatio, dRatio) {
var self = Container.call(this);
wRatio = wRatio || 1;
hRatio = hRatio || 1;
dRatio = dRatio || 1;
self.z = 0;
self.baseSize = 100;
// Initialize cube faces using SimpleFace class
self.frontFace = new SimpleFace({
w: self.baseSize * wRatio,
h: self.baseSize * hRatio,
d: self.baseSize,
dx: 0,
dy: 0,
dz: 1 * dRatio,
rx: 0,
ry: 0,
rz: 0,
ti: 0xFFFFFF
});
self.backFace = new SimpleFace({
w: self.baseSize * wRatio,
h: self.baseSize * hRatio,
d: self.baseSize,
dx: 0,
dy: 0,
dz: -1 * dRatio,
rx: Math.PI,
ry: 0,
rz: 0,
ti: 0xFFFFFF
});
self.leftFace = new SimpleFace({
w: self.baseSize * dRatio,
h: self.baseSize * hRatio,
d: self.baseSize,
dx: -1 * wRatio / dRatio,
dy: 0,
dz: 0,
rx: 0,
ry: Math.PI / 2,
rz: 0,
ti: 0xFFFFFF
});
self.rightFace = new SimpleFace({
w: self.baseSize * dRatio,
h: self.baseSize * hRatio,
d: self.baseSize,
dx: 1 * wRatio / dRatio,
dy: 0,
dz: 0,
rx: 0,
ry: -Math.PI * 0.5,
rz: 0,
ti: 0xFFFFFF
});
self.topFace = new SimpleFace({
w: self.baseSize * wRatio,
h: self.baseSize * dRatio,
d: self.baseSize,
dx: 0,
dy: -1 * hRatio / dRatio,
dz: 0,
rx: -Math.PI / 2,
ry: 0,
rz: 0,
ti: 0xFFFFFF
});
self.bottomFace = new SimpleFace({
w: self.baseSize * wRatio,
h: self.baseSize * dRatio,
d: self.baseSize,
dx: 0,
dy: 1 * hRatio / dRatio,
dz: 0,
rx: Math.PI / 2,
ry: 0,
rz: 0,
ti: 0xFFFFFF
});
self.faces = [self.frontFace, self.backFace, self.leftFace, self.rightFace, self.topFace, self.bottomFace];
self.faces.forEach(function (face) {
self.addChild(face);
});
self.speedX = 0;
self.speedY = 0;
self.speedZ = 0;
// Rotate cube around its axes
self.rotate3D = function (angleX, angleY, angleZ) {
log("cube rotate3D ");
self.rotation = angleZ;
var zScaleFactor = 1 + self.z / 500;
self.faces.forEach(function (face) {
face.rotate3D(angleX, angleY, angleZ, zScaleFactor);
});
};
});
/***********************************************************************************/
/********************************** CUBE MANAGER CLASS *****************************/
/***********************************************************************************/
var CubeManager = Container.expand(function () {
var self = Container.call(this);
// Array to hold all managed cubes
self.cubes = [];
// Configuration for spawning
self.maxCubes = 3; // Maximum number of cubes
// Spawn all cubes at once
self.spawnAllCubes = function () {
// Calculate spacing for equal distribution
var screenWidth = 2048;
var cubeSpacing = screenWidth / (self.maxCubes + 1); // Divide screen into equal sections
var verticalCenter = 2732 / 2; // Vertical center of the screen
// Prepare color assignment: one cube gets currentColor, others get two different neon colors (not currentColor)
var colorIndices = [];
for (var c = 0; c < neonColors.length; c++) {
if (neonColors[c] !== currentColor) {
colorIndices.push(c);
}
}
// Shuffle colorIndices to randomize which two colors are picked for the other cubes
for (var s = colorIndices.length - 1; s > 0; s--) {
var j = Math.floor(Math.random() * (s + 1));
var temp = colorIndices[s];
colorIndices[s] = colorIndices[j];
colorIndices[j] = temp;
}
var cubeColors = [currentColor, neonColors[colorIndices[0]], neonColors[colorIndices[1]]];
// Shuffle cubeColors so currentColor is not always in the same position
for (var s2 = cubeColors.length - 1; s2 > 0; s2--) {
var j2 = Math.floor(Math.random() * (s2 + 1));
var temp2 = cubeColors[s2];
cubeColors[s2] = cubeColors[j2];
cubeColors[j2] = temp2;
}
for (var i = 0; i < self.maxCubes; i++) {
// Create a new cube with equal dimensions (true cube, not rectangle)
var cube = new Cube(1, 1, 1);
// Set position - equally distributed horizontally at vertical center
cube.x = cubeSpacing * (i + 1); // Distribute equally across the screen
cube.y = verticalCenter;
cube.z = 0; // Keep all cubes at same Z position
// Set speeds to zero so cubes don't move
cube.speedX = 0;
cube.speedY = 0;
cube.speedZ = 0;
// Set random initial rotation
cube.rotate3D(Math.random() * Math.PI * 2, Math.random() * Math.PI * 2, Math.random() * Math.PI * 2);
// Assign color: one cube gets currentColor, others get two different neon colors
var assignedTint = cubeColors[i % cubeColors.length];
cube.faces.forEach(function (face) {
face.tint = assignedTint;
});
// Add cube to the manager and the game
self.cubes.push(cube);
self.addChild(cube);
}
};
// Remove a cube from management
self.removeCube = function (cube) {
var index = self.cubes.indexOf(cube);
if (index > -1) {
self.cubes.splice(index, 1);
cube.destroy();
}
};
// Update all managed cubes
self.updateCubes = function () {
for (var i = self.cubes.length - 1; i >= 0; i--) {
var cube = self.cubes[i];
// Cubes don't move, so no position updates needed
// Rotate cube
cube.z += 1; //cube.speedZ;
cube.rotate3D(Math.PI * 0.01, Math.PI * 0.01, Math.PI * 0.01);
}
};
// Initialize by spawning all cubes at once
self.spawnAllCubes();
// Update method called by the game loop
self.update = function () {
//self.updateCubes();
};
return self;
});
/***********************************************************************************/
/******************************* FACE CLASS *********************************/
/***********************************************************************************/
var Face = Container.expand(function (options) {
var self = Container.call(this);
options = options || {};
var points = Math.max(2, Math.min(100, options.points || 4)); // Ensure points are between 2 and 10
self.baseSize = 100;
self.w = options.w || self.baseSize;
self.h = options.h || self.baseSize;
self.d = options.d || self.baseSize;
self.dx = options.dx || 0;
self.dy = options.dy || 0;
self.dz = options.dz || 0;
self.rx = options.rx || 0;
self.ry = options.ry || 0;
self.rz = options.rz || 0;
self.tint = options.ti || 0xFFFFFF;
// Generate points for the face based on the number of points specified
self.baseFaceCoordinates = [];
for (var i = 0; i < points; i++) {
var angle = 2 * Math.PI * (i / points);
self.baseFaceCoordinates.push({
x: self.w / 2 * Math.cos(angle) + self.dx * self.w,
y: self.h / 2 * Math.sin(angle) + self.dy * self.h,
z: self.dz * self.d
});
}
self.baseFaceCoordinates.forEach(function (point) {
// Update z of each face point coordinates depending on dz and rx, ry
point.z += self.dz * Math.cos(self.rx) * Math.cos(self.ry);
});
// Create a polygon face using the Shape class
self.face = new Shape(self.baseFaceCoordinates, self.tint);
// Attach the face to the Face container
self.addChild(self.face);
// Rotate in 3D: X = roasting chicken / Y = whirling dervish / Z = wheel of Fortune
self.rotate3D = function (angleX, angleY, angleZ, scale) {
scale = scale || 1;
self.faceCoordinates = self.baseFaceCoordinates.map(function (coord) {
var x = coord.x - self.dx * self.w,
y = coord.y - self.dy * self.h,
z = coord.z - self.dz * self.d;
// Apply initial rotations (rx, ry, rz)
var newY = y * Math.cos(self.rx) - z * Math.sin(self.rx);
var newZ = y * Math.sin(self.rx) + z * Math.cos(self.rx);
var newX = x * Math.cos(self.ry) + newZ * Math.sin(self.ry);
newZ = -x * Math.sin(self.ry) + newZ * Math.cos(self.ry);
x = newX * Math.cos(self.rz) - newY * Math.sin(self.rz);
y = newX * Math.sin(self.rz) + newY * Math.cos(self.rz);
// Apply X-axis rotation
newY = y * Math.cos(angleX) - newZ * Math.sin(angleX);
newZ = y * Math.sin(angleX) + newZ * Math.cos(angleX);
// Apply Y-axis rotation
newX = x * Math.cos(angleY) + newZ * Math.sin(angleY);
newZ = -x * Math.sin(angleY) + newZ * Math.cos(angleY);
// Apply Z-axis rotation
x = newX * Math.cos(angleZ) - newY * Math.sin(angleZ);
y = newX * Math.sin(angleZ) + newY * Math.cos(angleZ);
return {
x: (x + self.dx * self.w) * scale,
y: (y + self.dy * self.h) * scale,
z: (newZ + self.dz * self.d) * scale
};
});
self.face.updateCoordinates(self.faceCoordinates);
};
// Initialize face in 3D space
self.rotate3D(0, 0, 0, 1);
});
/***********************************************************************************/
/********************************** GATE CLASS *************************************/
/***********************************************************************************/
var Gate = Container.expand(function () {
var self = Container.call(this);
// Create gate asset with initial properties
self.gateAsset = self.attachAsset('gate', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 1366,
scaleX: 0.26,
// Start at same scale as tore2
scaleY: 0.26,
alpha: 1,
visible: false
});
// Store direction angle for this gate
self.directionAngle = 0;
// Add bounding box for collision detection
self.boundingBox = self.attachAsset('boundingBox', {
anchorX: 0.5,
anchorY: 0.5,
x: 1024,
y: 2450,
alpha: 1 // Invisible by default
});
/*
width: 200,
heigh: 100,
*/
// Store the color for this gate
self.gateColor = 0xFFFFFF; // Default white, will be set by manager
// Store unique ID for this gate
self.gateId = null; // Will be set by manager
// Set the tint to match the gate color
self.setColor = function (color) {
self.gateColor = color;
self.gateAsset.tint = color;
// Show bounding box in debug mode
//if (isDebug)
{
self.boundingBox.alpha = 0.8;
self.boundingBox.tint = color;
}
};
// Update scale to match background animation
self.updateScale = function (newScale) {
/*
self.scaleX = newScale;
self.scaleY = newScale;
self.alpha = Math.min(1, newScale + 0.66);
*/
self.gateAsset.scaleX = newScale;
self.gateAsset.scaleY = newScale;
self.gateAsset.alpha = Math.min(1, newScale + 0.66);
// Scale bounding box proportionally
self.boundingBox.scaleX = newScale; // 3 * newScale / 0.26; // Maintain 300px width relative to gate scale
self.boundingBox.scaleY = newScale; //0.3 * newScale / 0.26; // Maintain 30px height relative to gate scale
// Calculate boundingBox position using directionAngle and scale
var centerX = 1024;
var centerY = 1366;
// Calculate distance from center based on scale
var distance = (2450 - 1366) * newScale;
// Use directionAngle to position boundingBox
self.boundingBox.x = centerX + distance * Math.cos(self.directionAngle + Math.PI * 0.5);
self.boundingBox.y = centerY + distance * Math.sin(self.directionAngle + Math.PI * 0.5);
self.boundingBox.rotation = self.directionAngle;
};
return self;
});
/***********************************************************************************/
/********************************** GATE MANAGER CLASS *****************************/
/***********************************************************************************/
var GateManager = Container.expand(function () {
var self = Container.call(this);
// Array to hold gates
self.gates = [];
// Animation timing
self.gateAnimStartTime = Date.now();
self.gateAnimationSpeed = globalSpeed / 1000; // Same as background
// Song timing properties
self.currentSong = songListV2[0];
self.songStartTime = Date.now();
self.currentNoteIndex = 0;
self.noteSpawnScale = 0.12; // Initial scale for new gates matching smallest tore
self.lastGateAngle = null; // Track last gate angle for path continuity
// Spawn a single gate at current time
self.spawnGateAtTime = function () {
// Get the current beat value
var beatValue = null;
if (self.currentNoteIndex < self.currentSong.songBeats.length) {
beatValue = self.currentSong.songBeats[self.currentNoteIndex].beat;
}
// Map beat to key for color selection
var keyNumber = parseInt(beatValue, 10) || 1; // Default to 1 if parse fails
var noteKey = 'Key' + keyNumber;
var keyColor = keyColorMap[noteKey] || currentColor; // Default to currentColor if key not found
// Create a single gate with the key's color
var gate = new Gate();
gate.setColor(keyColor);
gate.updateScale(self.noteSpawnScale);
// Store spawn time for tracking
gate.spawnTime = Date.now();
gate.colorIndex = 0;
// Assign unique ID to gate
gate.gateId = getNextGateId();
// Store the note key for this gate
gate.noteKey = noteKey;
// Add rotation to the gate similar to sphere movement limits
// Define three fixed positions: left, center, right
var leftAngle = -Math.PI * 0.5 + gateLimitAngle;
var centerAngle = -Math.PI * 0.5 + Math.PI / 2;
var rightAngle = -Math.PI * 0.5 + Math.PI - gateLimitAngle;
// Determine gate position based on beat value (1=left, 2=center, 3=right)
var gatePosition = keyNumber - 1; // Convert beat (1,2,3) to position (0,1,2)
var fixedAngle = centerAngle;
if (gatePosition === 0) {
fixedAngle = leftAngle;
} else if (gatePosition === 1) {
fixedAngle = centerAngle;
} else if (gatePosition === 2) {
fixedAngle = rightAngle;
}
// Store this angle for the next gate
self.lastGateAngle = fixedAngle;
// Set the direction angle for this gate
gate.directionAngle = fixedAngle;
// Apply rotation to gate asset
gate.gateAsset.rotation = fixedAngle;
self.gates.push(gate);
self.addChild(gate);
};
// Update gates animation
self.update = function () {
var now = Date.now();
var songElapsed = now - self.songStartTime;
// Check if we need to spawn a new gate based on song timing
if (self.currentNoteIndex < self.currentSong.songBeats.length) {
var nextBeat = self.currentSong.songBeats[self.currentNoteIndex];
if (songElapsed >= nextBeat.time) {
// Spawn a new gate for this beat
self.spawnGateAtTime();
self.currentNoteIndex++;
}
}
// Animate existing gates
for (var i = self.gates.length - 1; i >= 0; i--) {
var gate = self.gates[i];
var currentScale = gate.gateAsset.scaleX;
// Increase scale with acceleration
var newScale = currentScale + self.gateAnimationSpeed * currentScale;
// Remove gate when too large
if (newScale > 3.0) {
gate.destroy();
self.gates.splice(i, 1);
} else {
gate.updateScale(newScale);
}
}
// Check if song has ended and needs restart
self.checkSongEnd();
};
// Reset song when it ends
self.resetSong = function () {
self.songStartTime = Date.now();
self.currentNoteIndex = 0;
self.lastGateAngle = null; // Reset angle tracking for new song
};
// Check if song has ended and restart
self.checkSongEnd = function () {
if (self.currentNoteIndex >= self.currentSong.songBeats.length) {
// All beats have been spawned, check if we should restart
var lastBeatTime = self.currentSong.songBeats[self.currentSong.songBeats.length - 1].time;
var songElapsed = Date.now() - self.songStartTime;
// Wait a bit after the last beat before restarting
if (songElapsed > lastBeatTime + 5000) {
self.resetSong();
}
}
};
// Destroy a specific gate
self.destroyGate = function (gate) {
var index = self.gates.indexOf(gate);
if (index > -1) {
self.gates.splice(index, 1);
gate.destroy();
}
};
return self;
});
/***********************************************************************************/
/********************************** RUNNER CLASS ***********************************/
/***********************************************************************************/
var Runner = Container.expand(function () {
var self = Container.call(this);
// Create and attach runner asset
var runnerGraphics = self.attachAsset('runnerDir4_001', {
anchorX: 0.5,
anchorY: 0.5,
tint: 0xFFFFFF,
//currentColor,
alpha: 1
});
// Initialize runner properties
self.speedX = 0;
self.speedY = 0;
// Track last intersecting state for each gate
self.lastIntersectingGates = {};
// Update method to follow sphere's position
self.update = function () {
// Make runner follow sphere's exact position
if (sphere) {
self.x = sphere.x;
self.y = sphere.y;
// Calculate angle based on runner's position relative to center
var centerX = 1024;
var centerY = 1366;
var angle = Math.atan2(self.y - centerY, self.x - centerX);
// Apply rotation to runner
self.rotation = angle - Math.PI * 0.5; // Add PI/2 to orient correctly
}
//if (LK.Ticks % 2)
{
self.scaleX *= -1;
}
/*
// Check for collisions with gates
if (gateManager && gateManager.gates) {
for (var i = 0; i < gateManager.gates.length; i++) {
var gate = gateManager.gates[i];
var gateId = gate.gateId;
// Initialize tracking if needed
if (self.lastIntersectingGates[gateId] === undefined) {
self.lastIntersectingGates[gateId] = false;
}
// Check intersection with bounding box instead of gate asset
var currentIntersecting = self.intersects(gate.boundingBox);
// Detect transition from not intersecting to intersecting
if (!self.lastIntersectingGates[gateId] && currentIntersecting) {
// Play the sound based on the gate's assigned key
if (gate.noteKey) {
// Extract the number from the key (e.g., "Key6" -> "6")
var keyNumber = gate.noteKey.replace('Key', '');
var soundKey = 'key' + keyNumber;
// Play the corresponding sound
LK.getSound(soundKey).play();
}
}
// Update last intersecting state
self.lastIntersectingGates[gateId] = currentIntersecting;
}
// Clean up old gate tracking
var currentGateIds = {};
for (var j = 0; j < gateManager.gates.length; j++) {
var gate2 = gateManager.gates[j];
var gateId2 = gate2.gateId;
currentGateIds[gateId2] = true;
}
for (var oldGateId in self.lastIntersectingGates) {
if (!currentGateIds[oldGateId]) {
delete self.lastIntersectingGates[oldGateId];
}
}
}
// Check for collisions with targets
if (targetManager && targetManager.targets) {
for (var i = 0; i < targetManager.targets.length; i++) {
var target = targetManager.targets[i];
var targetId = target.spawnTime + '_' + target.colorIndex;
// Initialize tracking if needed
if (self.lastIntersectingTargets === undefined) {
self.lastIntersectingTargets = {};
}
if (self.lastIntersectingTargets[targetId] === undefined) {
self.lastIntersectingTargets[targetId] = false;
}
// Check intersection with target
var currentIntersecting = self.intersects(target);
// Detect transition from not intersecting to intersecting
if (!self.lastIntersectingTargets[targetId] && currentIntersecting) {
// Play the sound based on the target's assigned key
if (target.noteKey) {
// Extract the number from the key (e.g., "Key6" -> "6")
var keyNumber = target.noteKey.replace('Key', '');
var soundKey = 'key' + keyNumber;
// Play the corresponding sound
LK.getSound(soundKey).play();
// Add score when hitting target
LK.setScore(LK.getScore() + 10);
}
}
// Update last intersecting state
self.lastIntersectingTargets[targetId] = currentIntersecting;
}
// Clean up old target tracking
var currentTargetIds = {};
for (var j = 0; j < targetManager.targets.length; j++) {
var target2 = targetManager.targets[j];
var targetId2 = target2.spawnTime + '_' + target2.colorIndex;
currentTargetIds[targetId2] = true;
}
for (var oldTargetId in self.lastIntersectingTargets) {
if (!currentTargetIds[oldTargetId]) {
delete self.lastIntersectingTargets[oldTargetId];
}
}
}
*/
};
return self;
});
/***********************************************************************************/
/********************************** SHAPE CLASS ************************************/
/***********************************************************************************/
var Shape = Container.expand(function (coordinates, tint) {
var self = Container.call(this);
self.polygon = drawPolygon(coordinates, tint); // Function to create a polygon from a list of coordinates
self.tint = tint;
self.attachLines = function () {
// Iterate through each line in the polygon and attach it to the shape
self.polygon.forEach(function (line) {
self.addChild(line);
});
};
self.attachLines();
self.updateCoordinates = function (newCoordinates) {
log("Shape updateCoordinates ", newCoordinates);
// Ensure newCoordinates is an array and has the same length as the current polygon
if (!Array.isArray(newCoordinates) || newCoordinates.length !== self.polygon.length) {
error("Invalid newCoordinates length");
return;
}
// Update each line in the polygon with new coordinates
self.polygon = updatePolygon(self.polygon, newCoordinates);
};
});
/***********************************************************************************/
/******************************* SIMPLE FACE CLASS *********************************/
/***********************************************************************************/
var SimpleFace = Container.expand(function (options) {
var self = Container.call(this);
log("SimpleFAce init options =", options);
self.baseSize = 100;
options = options || {};
self.w = options.w || self.baseSize;
self.h = options.h || self.baseSize;
self.d = options.d || self.baseSize;
self.dx = options.dx || 0;
self.dy = options.dy || 0;
self.dz = options.dz || 0;
self.rx = options.rx || 0;
self.ry = options.ry || 0;
self.rz = options.rz || 0;
self.tint = options.ti || 0xFFFFFF;
// Define faceCoordinates property
self.baseFaceCoordinates = [{
x: -self.w + self.dx * self.w,
y: -self.h + self.dy * self.h,
z: self.dz * self.d
},
// Top-left
{
x: self.w + self.dx * self.w,
y: -self.h + self.dy * self.h,
z: self.dz * self.d
},
// Top-right
{
x: self.w + self.dx * self.w,
y: self.h + self.dy * self.h,
z: self.dz * self.d
},
// Bottom-right
{
x: -self.w + self.dx * self.w,
y: self.h + self.dy * self.h,
z: self.dz * self.d
} // Bottom-left
];
log("SimpleFAce ready to init ...", self.baseFaceCoordinates, "DX=" + self.dx);
self.baseFaceCoordinates.forEach(function (point) {
// Update z of each face point coordinates depending on dz and rx, ry
point.z += self.dz * Math.cos(self.rx) * Math.cos(self.ry);
});
// Create a square face using the Shape class
self.face = new Shape(self.baseFaceCoordinates, self.tint);
// Attach the face to the SimpleFace container
self.addChild(self.face);
// Rotate in 3d : X = roasting chicken / Y = whirling dervish / Z = wheel of Fortune
self.rotate3D = function (angleX, angleY, angleZ, scale) {
scale = scale || 1;
log("SimpleFace rotate3D old coord=", self.faceCoordinates, Date.now());
self.faceCoordinates = self.baseFaceCoordinates.map(function (coord) {
return {
x: coord.x,
y: coord.y,
z: coord.z
};
});
// Apply rotation around X-axis
// Adjust initial rotation parameters before applying new rotations
self.faceCoordinates = self.faceCoordinates.map(function (coord) {
// Apply initial rotation around Z-axis
var xZ = coord.x * Math.cos(self.rz) - coord.y * Math.sin(self.rz);
var yZ = coord.x * Math.sin(self.rz) + coord.y * Math.cos(self.rz);
// Apply initial rotation around Y-axis
var xY = xZ * Math.cos(self.ry) + coord.z * Math.sin(self.ry);
var zY = coord.z * Math.cos(self.ry) - xZ * Math.sin(self.ry);
// Apply initial rotation around X-axis
var yX = yZ * Math.cos(self.rx) - zY * Math.sin(self.rx);
var zX = yZ * Math.sin(self.rx) + zY * Math.cos(self.rx);
return {
x: xY,
y: yX,
z: zX
};
});
// Apply new rotations
// Calculate center of the face
var centerX = self.faceCoordinates.reduce(function (acc, coord) {
return acc + coord.x;
}, 0) / self.faceCoordinates.length;
var centerY = self.faceCoordinates.reduce(function (acc, coord) {
return acc + coord.y;
}, 0) / self.faceCoordinates.length;
var centerZ = self.faceCoordinates.reduce(function (acc, coord) {
return acc + coord.z;
}, 0) / self.faceCoordinates.length;
self.faceCoordinates = self.faceCoordinates.map(function (coord) {
// Translate coordinates to rotate around the center including dy and dz adjustment
var translatedY = (coord.y + self.dy * self.h - centerY) * Math.cos(angleX) - (coord.z + self.dz * self.d - centerZ) * Math.sin(angleX);
var translatedZ = (coord.y + self.dy * self.h - centerY) * Math.sin(angleX) + (coord.z + self.dz * self.d - centerZ) * Math.cos(angleX);
return {
x: coord.x + self.dx * self.w - centerX,
// Keep X unchanged but translate to rotate around center
y: translatedY + centerY,
z: translatedZ + centerZ
};
});
self.faceCoordinates = self.faceCoordinates.map(function (coord) {
var translatedX = (coord.z - centerZ) * Math.sin(angleY) + (coord.x - centerX) * Math.cos(angleY);
var translatedZ = (coord.z - centerZ) * Math.cos(angleY) - (coord.x - centerX) * Math.sin(angleY);
return {
x: translatedX + centerX,
y: coord.y,
// Keep Y unchanged
z: translatedZ + centerZ
};
});
self.faceCoordinates = self.faceCoordinates.map(function (coord) {
return {
x: coord.x * scale,
y: coord.y * scale,
z: coord.z * scale
};
});
log("SimpleFace rotate3D new coord=", self.faceCoordinates, Date.now());
self.face.updateCoordinates(self.faceCoordinates);
};
// initialize face in 3D space
self.rotate3D(0, 0, 0, 1);
log("SimpleFace end init coord=", self.baseFaceCoordinates, Date.now());
});
/***********************************************************************************/
/********************************** SPHERE CLASS ***********************************/
/***********************************************************************************/
var Sphere = Container.expand(function () {
var self = Container.call(this);
self.z = 0;
self.radius = 100; // Sphere radius
// Initialize sphere as a collection of Face instances to simulate a 3D sphere
self.faces = [];
var segments = 5; // Number of segments to simulate the sphere
for (var i = 0; i < segments; i++) {
var angle = 2 * Math.PI / segments;
// Create a circular segment as a face of the sphere
var face = new Face({
points: 22,
w: self.radius * 2,
h: self.radius * 2,
d: self.radius * 2,
dx: 0,
dy: 0,
dz: 0,
rx: 0,
ry: i * angle,
rz: 0,
ti: currentColor // Use currentColor for sphere tint
});
self.faces.push(face);
self.addChild(face);
}
self.speedX = 0;
self.speedY = 0;
self.speedZ = 0;
// Rotate sphere around its axes
self.rotate3D = function (angleX, angleY, angleZ) {
log("sphere rotate3D ", angleX, angleY, angleZ);
self.rotation = angleZ;
var zScaleFactor = 1 + self.z / 500;
for (var i = 0; i < self.faces.length; i++) {
self.faces[i].rotate3D(angleX, angleY, angleZ, zScaleFactor);
}
};
self.rotate3D(Math.PI * 0.5, Math.PI * 0.5, 0);
});
/***********************************************************************************/
/********************************** TARGET CLASS ***********************************/
/***********************************************************************************/
var Target = Container.expand(function () {
var self = Container.call(this);
// Create target using ball asset
self.targetAsset = self.attachAsset('ball', {
anchorX: 0.5,
anchorY: 0.5,
scaleX: 0.5,
scaleY: 0.5,
alpha: 1
});
// Store the color for this target
self.targetColor = 0xFFFFFF; // Default white, will be set by manager
// Set the tint to match the target color
self.setColor = function (color) {
self.targetColor = color;
self.targetAsset.tint = color;
};
// Update scale to match animation
self.updateScale = function (newScale) {
self.targetAsset.scaleX = newScale;
self.targetAsset.scaleY = newScale;
self.targetAsset.alpha = Math.min(1, newScale * 2);
};
return self;
});
/***********************************************************************************/
/********************************** TARGET MANAGER CLASS ***************************/
/***********************************************************************************/
var TargetManager = Container.expand(function () {
var self = Container.call(this);
// Array to hold targets
self.targets = [];
// Animation timing
self.targetAnimStartTime = Date.now();
self.targetAnimationSpeed = globalSpeed / 2000; // Slower than gates
// Song timing properties
self.currentSong = songsList[0];
self.songStartTime = Date.now();
self.currentNoteIndex = 0;
self.noteSpawnScale = 0.2; // Initial scale for new targets
self.lastTargetAngle = null; // Track last target angle for path continuity
// Spawn a single target at current time
self.spawnTargetAtTime = function () {
// Get the current note's key
var noteKey = null;
if (self.currentNoteIndex < self.currentSong.songNotes.length) {
noteKey = self.currentSong.songNotes[self.currentNoteIndex].key;
}
// Get the color for this key
var keyColor = keyColorMap[noteKey] || currentColor; // Default to currentColor if key not found
// Create a single target with the key's color
var target = new Target();
target.setColor(keyColor);
target.updateScale(self.noteSpawnScale);
// Store spawn time for tracking
target.spawnTime = Date.now();
target.colorIndex = 0;
// Store the note key for this target
target.noteKey = noteKey;
// Add rotation to the target similar to gates
var minAngle = Math.PI * 0.5; // + gateLimitAngle;
var maxAngle = Math.PI * 0.5; // + Math.PI - gateLimitAngle;
var randomAngle;
// If this is the first target or no previous target exists, use random angle
if (self.targets.length === 0 || !self.lastTargetAngle) {
randomAngle = minAngle + Math.random() * (maxAngle - minAngle);
} else {
// For consecutive targets, generate angle close to the previous one
var maxAngleChange = Math.PI * 0.15; // Maximum 15% of PI change between consecutive targets
var angleChange = (Math.random() - 0.5) * 2 * maxAngleChange; // Random change between -maxAngleChange and +maxAngleChange
randomAngle = self.lastTargetAngle + angleChange;
// Clamp the angle to stay within bounds
randomAngle = Math.max(minAngle, Math.min(maxAngle, randomAngle));
}
// Store this angle for the next target
self.lastTargetAngle = randomAngle;
// Store the target angle for movement
target.targetAngle = randomAngle;
// Start targets at center of screen
var centerX = 1024;
var centerY = 1366;
target.x = centerX;
target.y = centerY;
// Store progress for animation (0 = center, 1 = edge)
target.progress = 0;
self.targets.push(target);
self.addChild(target);
};
// Update targets animation
self.update = function () {
var now = Date.now();
var songElapsed = now - self.songStartTime;
// Check if we need to spawn a new target based on song timing
if (self.currentNoteIndex < self.currentSong.songNotes.length) {
var nextNote = self.currentSong.songNotes[self.currentNoteIndex];
if (songElapsed >= nextNote.time) {
// Spawn a new target for this note
self.spawnTargetAtTime();
self.currentNoteIndex++;
}
}
// Animate existing targets
for (var i = self.targets.length - 1; i >= 0; i--) {
var target = self.targets[i];
var currentScale = target.targetAsset.scaleX;
// Increase scale with acceleration
var newScale = currentScale + self.targetAnimationSpeed * currentScale;
// Update target progress (movement from center to edge)
target.progress += globalSpeed / 300; // Progress speed based on globalSpeed
// Calculate position on ellipse path based on progress
var centerX = 1024;
var centerY = 1366;
var radiusX = 924;
var radiusY = 634;
// Interpolate position from center to edge along the target angle
target.x = centerX + radiusX * Math.cos(target.targetAngle) * target.progress;
target.y = centerY + radiusY * Math.sin(target.targetAngle) * target.progress;
// Remove target when it reaches the edge or becomes too large
if (newScale > 1.5 || target.progress > 1.0) {
target.destroy();
self.targets.splice(i, 1);
} else {
target.updateScale(newScale);
}
}
// Check if song has ended and needs restart
self.checkSongEnd();
};
// Reset song when it ends
self.resetSong = function () {
self.songStartTime = Date.now();
self.currentNoteIndex = 0;
self.lastTargetAngle = null; // Reset angle tracking for new song
};
// Check if song has ended and restart
self.checkSongEnd = function () {
if (self.currentNoteIndex >= self.currentSong.songNotes.length) {
// All notes have been spawned, check if we should restart
var lastNoteTime = self.currentSong.songNotes[self.currentSong.songNotes.length - 1].time;
var songElapsed = Date.now() - self.songStartTime;
// Wait a bit after the last note before restarting
if (songElapsed > lastNoteTime + 5000) {
self.resetSong();
}
}
};
return self;
});
/****
* Initialize Game
****/
// Utility function to draw a polygon using drawLine
var game = new LK.Game({
backgroundColor: 0xDDDDDD // Initialize game with a black background
});
/****
* Game Code
****/
// Global array of 6 neon colors
var neonColors = [0x39FF14,
// Neon Green
0xFF073A,
// Neon Red
0x00FFFF,
// Neon Cyan
0xF3F315,
// Neon Yellow
0xFF61F6,
// Neon Pink
0xFF9900 // Neon Orange
];
// Map keys to colors - 15 keys (0-14) mapped to neon colors
var keyColorMap = {
'Key0': 0x39FF14,
// Neon Green
'Key1': 0xFF073A,
// Neon Red
'Key2': 0x00FFFF,
// Neon Cyan
'Key3': 0xF3F315,
// Neon Yellow
'Key4': 0xFF61F6,
// Neon Pink
'Key5': 0xFF9900,
// Neon Orange
'Key6': 0x39FF14,
// Neon Green (repeat)
'Key7': 0xFF073A,
// Neon Red (repeat)
'Key8': 0x00FFFF,
// Neon Cyan (repeat)
'Key9': 0xF3F315,
// Neon Yellow (repeat)
'Key10': 0xFF61F6,
// Neon Pink (repeat)
'Key11': 0xFF9900,
// Neon Orange (repeat)
'Key12': 0x39FF14,
// Neon Green (repeat)
'Key13': 0xFF073A,
// Neon Red (repeat)
'Key14': 0x00FFFF // Neon Cyan (repeat)
};
// Global currentColor, set to a random neon color
var currentColor = neonColors[Math.floor(Math.random() * neonColors.length)];
/***********************************************************************************/
/******************************* UTILITY FUNCTIONS *********************************/
/***********************************************************************************/
function drawPolygon(coordinates, tint) {
log("drawPolygon ", coordinates);
var lines = [];
for (var i = 0; i < coordinates.length; i++) {
var startPoint = coordinates[i];
var endPoint = coordinates[(i + 1) % coordinates.length]; // Loop back to the first point
var line = drawLine(startPoint.x, startPoint.y, endPoint.x, endPoint.y, tint);
lines.push(line);
}
return lines;
}
function updatePolygon(lines, newCoordinates, scale) {
log("updatePolygon ", lines, scale);
// Ensure lines and newCoordinates have the same length
if (lines.length !== newCoordinates.length) {
error("updatePolygon error: lines and newCoordinates length mismatch");
return lines;
}
// Update each line with new coordinates
for (var i = 0; i < lines.length; i++) {
var startPoint = newCoordinates[i];
var endPoint = newCoordinates[(i + 1) % newCoordinates.length]; // Loop back to the first point for the last line
updateLine(lines[i], startPoint.x, startPoint.y, endPoint.x, endPoint.y, scale);
}
return lines;
}
// Utility function to draw lines between two points
function drawLine(x1, y1, x2, y2, tint) {
log("drawLine ", x1, y1);
var line = LK.getAsset('line', {
anchorX: 0.0,
anchorY: 0.0,
x: x1,
y: y1,
tint: tint
});
line.startX = x1;
line.startY = y1;
line.endX = x2;
line.endY = y2;
// Calculate the distance between the two points
var distance = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));
// Set the width of the line to the distance between the points
line.width = distance;
// Calculate the angle between the two points
var angle = Math.atan2(y2 - y1, x2 - x1);
// Correct angle calculation for all quadrants
line.rotation = angle;
return line;
}
// Utility function to draw lines between two points
function updateLine(line, newX1, newY1, newX2, newY2, scale) {
log("updateLine ", line);
scale = scale === undefined ? 1 : scale;
// Calculate midpoint of the original line
var midX = (newX1 + newX2) / 2;
var midY = (newY1 + newY2) / 2;
// Adjust start and end points based on scale
newX1 = midX + (newX1 - midX) * scale;
newY1 = midY + (newY1 - midY) * scale;
newX2 = midX + (newX2 - midX) * scale;
newY2 = midY + (newY2 - midY) * scale;
// Update line start and end coordinates after scaling
line.x = newX1;
line.y = newY1;
line.startX = newX1;
line.startY = newY1;
line.endX = newX2;
line.endY = newY2;
// Recalculate the distance between the new scaled points
var distance = Math.sqrt(Math.pow(newX2 - newX1, 2) + Math.pow(newY2 - newY1, 2));
// Update the width of the line to the new distance
line.width = distance;
// Recalculate the angle between the new points
var angle = Math.atan2(newY2 - newY1, newX2 - newX1);
// Update the rotation of the line to the new angle
line.rotation = angle;
return line;
}
function log() {
if (isDebug) {
console.log(arguments);
}
}
/***********************************************************************************/
/******************************* GAME VARIABLES*********************************/
/***********************************************************************************/
var songListV2 = [{
"name": "Imagine Dragons - Believer",
"songBeats": [{
"time": 347,
"beat": "2"
}, {
"time": 661,
"beat": "1"
}, {
"time": 987,
"beat": "1"
}, {
"time": 1301,
"beat": "3"
}, {
"time": 1787,
"beat": "1"
}, {
"time": 2107,
"beat": "2"
}, {
"time": 2411,
"beat": "1"
}, {
"time": 2736,
"beat": "1"
}, {
"time": 3221,
"beat": "1"
}, {
"time": 3563,
"beat": "1"
}, {
"time": 3888,
"beat": "2"
}, {
"time": 4197,
"beat": "3"
}, {
"time": 4656,
"beat": "1"
}, {
"time": 5136,
"beat": "1"
}, {
"time": 5616,
"beat": "1"
}, {
"time": 5920,
"beat": "2"
}, {
"time": 6229,
"beat": "1"
}, {
"time": 6571,
"beat": "1"
}, {
"time": 7056,
"beat": "1"
}, {
"time": 7403,
"beat": "1"
}, {
"time": 7968,
"beat": "1"
}, {
"time": 8288,
"beat": "1"
}, {
"time": 8613,
"beat": "3"
}, {
"time": 8928,
"beat": "3"
}, {
"time": 9408,
"beat": "1"
}, {
"time": 9712,
"beat": "2"
}, {
"time": 10021,
"beat": "1"
}, {
"time": 10363,
"beat": "1"
}, {
"time": 10848,
"beat": "2"
}, {
"time": 11195,
"beat": "1"
}, {
"time": 11531,
"beat": "1"
}, {
"time": 11840,
"beat": "2"
}, {
"time": 12181,
"beat": "1"
}, {
"time": 12763,
"beat": "1"
}, {
"time": 13243,
"beat": "1"
}, {
"time": 13547,
"beat": "2"
}, {
"time": 13856,
"beat": "1"
}, {
"time": 14197,
"beat": "1"
}, {
"time": 14683,
"beat": "2"
}, {
"time": 15163,
"beat": "1"
}, {
"time": 15611,
"beat": "2"
}, {
"time": 15925,
"beat": "1"
}, {
"time": 16251,
"beat": "1"
}, {
"time": 16565,
"beat": "3"
}, {
"time": 17051,
"beat": "1"
}, {
"time": 17371,
"beat": "2"
}, {
"time": 17675,
"beat": "1"
}, {
"time": 18000,
"beat": "1"
}, {
"time": 18485,
"beat": "1"
}, {
"time": 18827,
"beat": "1"
}, {
"time": 19131,
"beat": "2"
}, {
"time": 19435,
"beat": "1"
}, {
"time": 19744,
"beat": "1"
}, {
"time": 20400,
"beat": "1"
}, {
"time": 20885,
"beat": "1"
}, {
"time": 21205,
"beat": "2"
}, {
"time": 21509,
"beat": "1"
}, {
"time": 21835,
"beat": "1"
}, {
"time": 22320,
"beat": "1"
}, {
"time": 22661,
"beat": "1"
}, {
"time": 23237,
"beat": "2"
}, {
"time": 23552,
"beat": "1"
}, {
"time": 23877,
"beat": "2"
}, {
"time": 24192,
"beat": "3"
}, {
"time": 24672,
"beat": "1"
}, {
"time": 24976,
"beat": "2"
}, {
"time": 25285,
"beat": "1"
}, {
"time": 25627,
"beat": "1"
}, {
"time": 26112,
"beat": "2"
}, {
"time": 26459,
"beat": "1"
}, {
"time": 26795,
"beat": "1"
}, {
"time": 27104,
"beat": "2"
}, {
"time": 27445,
"beat": "1"
}, {
"time": 28027,
"beat": "1"
}, {
"time": 28507,
"beat": "1"
}, {
"time": 28811,
"beat": "2"
}, {
"time": 29120,
"beat": "1"
}, {
"time": 29461,
"beat": "1"
}, {
"time": 29947,
"beat": "2"
}, {
"time": 30293,
"beat": "1"
}, {
"time": 30821,
"beat": "1"
}, {
"time": 31136,
"beat": "1"
}, {
"time": 31451,
"beat": "2"
}, {
"time": 31765,
"beat": "1"
}, {
"time": 32069,
"beat": "2"
}, {
"time": 32373,
"beat": "3"
}, {
"time": 32683,
"beat": "3"
}, {
"time": 32997,
"beat": "1"
}, {
"time": 33312,
"beat": "2"
}, {
"time": 33621,
"beat": "2"
}, {
"time": 33941,
"beat": "2"
}, {
"time": 34256,
"beat": "1"
}, {
"time": 34560,
"beat": "3"
}, {
"time": 34869,
"beat": "1"
}, {
"time": 35179,
"beat": "2"
}, {
"time": 35493,
"beat": "1"
}, {
"time": 35797,
"beat": "1"
}, {
"time": 36101,
"beat": "2"
}, {
"time": 36405,
"beat": "1"
}, {
"time": 36741,
"beat": "1"
}, {
"time": 37045,
"beat": "2"
}, {
"time": 37349,
"beat": "1"
}, {
"time": 37653,
"beat": "1"
}, {
"time": 37973,
"beat": "2"
}, {
"time": 38325,
"beat": "1"
}, {
"time": 38629,
"beat": "3"
}, {
"time": 38949,
"beat": "1"
}, {
"time": 39253,
"beat": "3"
}, {
"time": 39573,
"beat": "2"
}, {
"time": 39883,
"beat": "3"
}, {
"time": 40251,
"beat": "1"
}, {
"time": 40560,
"beat": "2"
}, {
"time": 40869,
"beat": "1"
}, {
"time": 41173,
"beat": "1"
}, {
"time": 41515,
"beat": "2"
}, {
"time": 41824,
"beat": "1"
}, {
"time": 42144,
"beat": "1"
}, {
"time": 42475,
"beat": "2"
}, {
"time": 42779,
"beat": "2"
}, {
"time": 43099,
"beat": "1"
}, {
"time": 43429,
"beat": "2"
}, {
"time": 43765,
"beat": "3"
}, {
"time": 44101,
"beat": "2"
}, {
"time": 44411,
"beat": "1"
}, {
"time": 44720,
"beat": "3"
}, {
"time": 45035,
"beat": "1"
}, {
"time": 45339,
"beat": "1"
}, {
"time": 45643,
"beat": "3"
}, {
"time": 45984,
"beat": "1"
}, {
"time": 46299,
"beat": "3"
}, {
"time": 46624,
"beat": "3"
}, {
"time": 46955,
"beat": "1"
}, {
"time": 47259,
"beat": "2"
}, {
"time": 47568,
"beat": "1"
}, {
"time": 47883,
"beat": "1"
}, {
"time": 48245,
"beat": "2"
}, {
"time": 48565,
"beat": "1"
}, {
"time": 48880,
"beat": "1"
}, {
"time": 49205,
"beat": "1"
}, {
"time": 49547,
"beat": "1"
}, {
"time": 49861,
"beat": "1"
}, {
"time": 50171,
"beat": "1"
}, {
"time": 50480,
"beat": "1"
}, {
"time": 50805,
"beat": "1"
}, {
"time": 51157,
"beat": "1"
}, {
"time": 51467,
"beat": "2"
}, {
"time": 51781,
"beat": "3"
}, {
"time": 52096,
"beat": "2"
}, {
"time": 52400,
"beat": "1"
}, {
"time": 52704,
"beat": "2"
}, {
"time": 53008,
"beat": "1"
}, {
"time": 53312,
"beat": "1"
}, {
"time": 53621,
"beat": "1"
}, {
"time": 53925,
"beat": "3"
}, {
"time": 54229,
"beat": "2"
}, {
"time": 54555,
"beat": "2"
}, {
"time": 54875,
"beat": "3"
}, {
"time": 55179,
"beat": "3"
}, {
"time": 55531,
"beat": "2"
}, {
"time": 55835,
"beat": "3"
}, {
"time": 56144,
"beat": "3"
}, {
"time": 56459,
"beat": "2"
}, {
"time": 56773,
"beat": "3"
}, {
"time": 57088,
"beat": "3"
}, {
"time": 57397,
"beat": "3"
}, {
"time": 57701,
"beat": "1"
}, {
"time": 58021,
"beat": "1"
}, {
"time": 58325,
"beat": "2"
}, {
"time": 58651,
"beat": "1"
}, {
"time": 58955,
"beat": "3"
}, {
"time": 59280,
"beat": "2"
}, {
"time": 59589,
"beat": "2"
}, {
"time": 59904,
"beat": "1"
}, {
"time": 60208,
"beat": "1"
}, {
"time": 60517,
"beat": "3"
}, {
"time": 60827,
"beat": "1"
}, {
"time": 61136,
"beat": "1"
}, {
"time": 61445,
"beat": "1"
}, {
"time": 61776,
"beat": "1"
}, {
"time": 62085,
"beat": "1"
}, {
"time": 62400,
"beat": "2"
}, {
"time": 62757,
"beat": "1"
}, {
"time": 63061,
"beat": "2"
}, {
"time": 63403,
"beat": "1"
}, {
"time": 63707,
"beat": "1"
}, {
"time": 64059,
"beat": "1"
}, {
"time": 64363,
"beat": "3"
}, {
"time": 64672,
"beat": "1"
}, {
"time": 64987,
"beat": "3"
}, {
"time": 65333,
"beat": "1"
}, {
"time": 65637,
"beat": "1"
}, {
"time": 65963,
"beat": "1"
}, {
"time": 66277,
"beat": "1"
}, {
"time": 66581,
"beat": "3"
}, {
"time": 66912,
"beat": "1"
}, {
"time": 67253,
"beat": "1"
}, {
"time": 67573,
"beat": "3"
}, {
"time": 67877,
"beat": "1"
}, {
"time": 68187,
"beat": "2"
}, {
"time": 68496,
"beat": "3"
}, {
"time": 68816,
"beat": "1"
}, {
"time": 69120,
"beat": "2"
}, {
"time": 69445,
"beat": "1"
}, {
"time": 69760,
"beat": "3"
}, {
"time": 70064,
"beat": "2"
}, {
"time": 70368,
"beat": "2"
}, {
"time": 70699,
"beat": "1"
}, {
"time": 71008,
"beat": "3"
}, {
"time": 71344,
"beat": "1"
}, {
"time": 71659,
"beat": "2"
}, {
"time": 71984,
"beat": "1"
}, {
"time": 72320,
"beat": "1"
}, {
"time": 72640,
"beat": "1"
}, {
"time": 72944,
"beat": "3"
}, {
"time": 73285,
"beat": "1"
}, {
"time": 73595,
"beat": "2"
}, {
"time": 73920,
"beat": "1"
}, {
"time": 74229,
"beat": "2"
}, {
"time": 74539,
"beat": "2"
}, {
"time": 74843,
"beat": "3"
}, {
"time": 75147,
"beat": "3"
}, {
"time": 75451,
"beat": "2"
}, {
"time": 75760,
"beat": "3"
}, {
"time": 76064,
"beat": "1"
}, {
"time": 76373,
"beat": "1"
}, {
"time": 76688,
"beat": "3"
}, {
"time": 76992,
"beat": "1"
}, {
"time": 77296,
"beat": "1"
}, {
"time": 77605,
"beat": "3"
}, {
"time": 77920,
"beat": "3"
}, {
"time": 78235,
"beat": "3"
}, {
"time": 78544,
"beat": "3"
}, {
"time": 78848,
"beat": "3"
}, {
"time": 79163,
"beat": "3"
}, {
"time": 79477,
"beat": "3"
}, {
"time": 79787,
"beat": "3"
}, {
"time": 80107,
"beat": "3"
}, {
"time": 80411,
"beat": "3"
}, {
"time": 80731,
"beat": "3"
}, {
"time": 81040,
"beat": "2"
}, {
"time": 81349,
"beat": "3"
}, {
"time": 81669,
"beat": "3"
}, {
"time": 81989,
"beat": "2"
}, {
"time": 82293,
"beat": "2"
}, {
"time": 82597,
"beat": "2"
}, {
"time": 82955,
"beat": "2"
}, {
"time": 83275,
"beat": "3"
}, {
"time": 83595,
"beat": "3"
}, {
"time": 83909,
"beat": "2"
}, {
"time": 84213,
"beat": "3"
}, {
"time": 84523,
"beat": "2"
}, {
"time": 84843,
"beat": "2"
}, {
"time": 85152,
"beat": "2"
}, {
"time": 85477,
"beat": "3"
}, {
"time": 85787,
"beat": "3"
}, {
"time": 86112,
"beat": "3"
}, {
"time": 86432,
"beat": "2"
}, {
"time": 86752,
"beat": "1"
}, {
"time": 87061,
"beat": "2"
}, {
"time": 87387,
"beat": "2"
}, {
"time": 87696,
"beat": "1"
}, {
"time": 88021,
"beat": "2"
}, {
"time": 88341,
"beat": "3"
}, {
"time": 88661,
"beat": "2"
}, {
"time": 88965,
"beat": "3"
}, {
"time": 89275,
"beat": "2"
}, {
"time": 89595,
"beat": "2"
}, {
"time": 89899,
"beat": "2"
}, {
"time": 90240,
"beat": "3"
}, {
"time": 90560,
"beat": "2"
}, {
"time": 90885,
"beat": "3"
}, {
"time": 91195,
"beat": "3"
}, {
"time": 91515,
"beat": "2"
}, {
"time": 91835,
"beat": "2"
}, {
"time": 92139,
"beat": "3"
}, {
"time": 92448,
"beat": "3"
}, {
"time": 92757,
"beat": "3"
}, {
"time": 93109,
"beat": "3"
}, {
"time": 93413,
"beat": "2"
}, {
"time": 93728,
"beat": "3"
}, {
"time": 94043,
"beat": "3"
}, {
"time": 94352,
"beat": "1"
}, {
"time": 94661,
"beat": "3"
}, {
"time": 94965,
"beat": "2"
}, {
"time": 95280,
"beat": "2"
}, {
"time": 95605,
"beat": "3"
}, {
"time": 95909,
"beat": "3"
}, {
"time": 96224,
"beat": "3"
}, {
"time": 96528,
"beat": "3"
}, {
"time": 96837,
"beat": "3"
}, {
"time": 97141,
"beat": "2"
}, {
"time": 97461,
"beat": "3"
}, {
"time": 97771,
"beat": "3"
}, {
"time": 98080,
"beat": "3"
}, {
"time": 98389,
"beat": "2"
}, {
"time": 98699,
"beat": "2"
}, {
"time": 99008,
"beat": "3"
}, {
"time": 99323,
"beat": "2"
}, {
"time": 99627,
"beat": "3"
}, {
"time": 99931,
"beat": "3"
}, {
"time": 100240,
"beat": "1"
}, {
"time": 100565,
"beat": "1"
}, {
"time": 100885,
"beat": "3"
}, {
"time": 101200,
"beat": "3"
}, {
"time": 101520,
"beat": "3"
}, {
"time": 101824,
"beat": "3"
}, {
"time": 102128,
"beat": "1"
}, {
"time": 102432,
"beat": "3"
}, {
"time": 102752,
"beat": "2"
}, {
"time": 103067,
"beat": "1"
}, {
"time": 103381,
"beat": "2"
}, {
"time": 103685,
"beat": "2"
}, {
"time": 103995,
"beat": "1"
}, {
"time": 104299,
"beat": "3"
}, {
"time": 104608,
"beat": "3"
}, {
"time": 104912,
"beat": "2"
}, {
"time": 105221,
"beat": "3"
}, {
"time": 105536,
"beat": "3"
}, {
"time": 105845,
"beat": "3"
}, {
"time": 106155,
"beat": "3"
}, {
"time": 106464,
"beat": "3"
}, {
"time": 106773,
"beat": "2"
}, {
"time": 107077,
"beat": "2"
}, {
"time": 107392,
"beat": "3"
}, {
"time": 107701,
"beat": "2"
}, {
"time": 108005,
"beat": "3"
}, {
"time": 108309,
"beat": "1"
}, {
"time": 108619,
"beat": "2"
}, {
"time": 108928,
"beat": "1"
}, {
"time": 109237,
"beat": "1"
}, {
"time": 109595,
"beat": "1"
}, {
"time": 109899,
"beat": "1"
}, {
"time": 110203,
"beat": "2"
}, {
"time": 110507,
"beat": "1"
}, {
"time": 110811,
"beat": "2"
}, {
"time": 111115,
"beat": "1"
}, {
"time": 111429,
"beat": "3"
}, {
"time": 111749,
"beat": "1"
}, {
"time": 112080,
"beat": "2"
}, {
"time": 112400,
"beat": "2"
}, {
"time": 112715,
"beat": "1"
}, {
"time": 113019,
"beat": "2"
}, {
"time": 113328,
"beat": "2"
}, {
"time": 113637,
"beat": "2"
}, {
"time": 113947,
"beat": "2"
}, {
"time": 114267,
"beat": "1"
}, {
"time": 114571,
"beat": "2"
}, {
"time": 114901,
"beat": "2"
}, {
"time": 115211,
"beat": "3"
}, {
"time": 115520,
"beat": "3"
}, {
"time": 115840,
"beat": "3"
}, {
"time": 116149,
"beat": "1"
}, {
"time": 116475,
"beat": "1"
}, {
"time": 116779,
"beat": "3"
}, {
"time": 117083,
"beat": "2"
}, {
"time": 117387,
"beat": "2"
}, {
"time": 117696,
"beat": "2"
}, {
"time": 118021,
"beat": "1"
}, {
"time": 118347,
"beat": "1"
}, {
"time": 118661,
"beat": "2"
}, {
"time": 118965,
"beat": "3"
}, {
"time": 119269,
"beat": "2"
}, {
"time": 119573,
"beat": "2"
}, {
"time": 119904,
"beat": "1"
}, {
"time": 120229,
"beat": "2"
}, {
"time": 120533,
"beat": "2"
}, {
"time": 120837,
"beat": "3"
}, {
"time": 121147,
"beat": "3"
}, {
"time": 121451,
"beat": "3"
}, {
"time": 121760,
"beat": "1"
}, {
"time": 122064,
"beat": "1"
}, {
"time": 122379,
"beat": "3"
}, {
"time": 122699,
"beat": "1"
}, {
"time": 123008,
"beat": "2"
}, {
"time": 123312,
"beat": "3"
}, {
"time": 123616,
"beat": "3"
}, {
"time": 123925,
"beat": "2"
}, {
"time": 124229,
"beat": "1"
}, {
"time": 124549,
"beat": "1"
}, {
"time": 124853,
"beat": "3"
}, {
"time": 125173,
"beat": "1"
}, {
"time": 125477,
"beat": "2"
}, {
"time": 125808,
"beat": "2"
}, {
"time": 126123,
"beat": "1"
}, {
"time": 126491,
"beat": "1"
}, {
"time": 126795,
"beat": "3"
}, {
"time": 127115,
"beat": "1"
}, {
"time": 127419,
"beat": "1"
}, {
"time": 127728,
"beat": "2"
}, {
"time": 128069,
"beat": "1"
}, {
"time": 128400,
"beat": "1"
}, {
"time": 128709,
"beat": "3"
}, {
"time": 129013,
"beat": "1"
}, {
"time": 129317,
"beat": "1"
}, {
"time": 129643,
"beat": "2"
}, {
"time": 129957,
"beat": "1"
}, {
"time": 130277,
"beat": "1"
}, {
"time": 130581,
"beat": "3"
}, {
"time": 130885,
"beat": "2"
}, {
"time": 131205,
"beat": "1"
}, {
"time": 131520,
"beat": "3"
}, {
"time": 131829,
"beat": "3"
}, {
"time": 132139,
"beat": "1"
}, {
"time": 132459,
"beat": "1"
}, {
"time": 132768,
"beat": "2"
}, {
"time": 133083,
"beat": "3"
}, {
"time": 133403,
"beat": "1"
}, {
"time": 133717,
"beat": "1"
}, {
"time": 134032,
"beat": "2"
}, {
"time": 134352,
"beat": "1"
}, {
"time": 134672,
"beat": "2"
}, {
"time": 134997,
"beat": "1"
}, {
"time": 135301,
"beat": "1"
}, {
"time": 135605,
"beat": "2"
}, {
"time": 135931,
"beat": "1"
}, {
"time": 136245,
"beat": "2"
}, {
"time": 136549,
"beat": "1"
}, {
"time": 136859,
"beat": "1"
}, {
"time": 137168,
"beat": "3"
}, {
"time": 137477,
"beat": "1"
}, {
"time": 137787,
"beat": "1"
}, {
"time": 138091,
"beat": "3"
}, {
"time": 138400,
"beat": "1"
}, {
"time": 138709,
"beat": "1"
}, {
"time": 139019,
"beat": "2"
}, {
"time": 139328,
"beat": "3"
}, {
"time": 139637,
"beat": "3"
}, {
"time": 139947,
"beat": "3"
}, {
"time": 140267,
"beat": "2"
}, {
"time": 140571,
"beat": "2"
}, {
"time": 140880,
"beat": "3"
}, {
"time": 141205,
"beat": "3"
}, {
"time": 141531,
"beat": "2"
}, {
"time": 141856,
"beat": "2"
}, {
"time": 142192,
"beat": "2"
}, {
"time": 142496,
"beat": "2"
}, {
"time": 142800,
"beat": "3"
}, {
"time": 143115,
"beat": "2"
}, {
"time": 143429,
"beat": "2"
}, {
"time": 143733,
"beat": "2"
}, {
"time": 144037,
"beat": "3"
}, {
"time": 144341,
"beat": "3"
}, {
"time": 144645,
"beat": "3"
}, {
"time": 144987,
"beat": "3"
}, {
"time": 145296,
"beat": "3"
}, {
"time": 145605,
"beat": "2"
}, {
"time": 145920,
"beat": "3"
}, {
"time": 146229,
"beat": "3"
}, {
"time": 146533,
"beat": "3"
}, {
"time": 146843,
"beat": "3"
}, {
"time": 147157,
"beat": "3"
}, {
"time": 147461,
"beat": "3"
}, {
"time": 147776,
"beat": "1"
}, {
"time": 148101,
"beat": "1"
}, {
"time": 148411,
"beat": "2"
}, {
"time": 148736,
"beat": "2"
}, {
"time": 149045,
"beat": "1"
}, {
"time": 149349,
"beat": "3"
}, {
"time": 149691,
"beat": "2"
}, {
"time": 149995,
"beat": "2"
}, {
"time": 150315,
"beat": "3"
}, {
"time": 150624,
"beat": "2"
}, {
"time": 150944,
"beat": "2"
}, {
"time": 151248,
"beat": "2"
}, {
"time": 151616,
"beat": "2"
}, {
"time": 151931,
"beat": "3"
}, {
"time": 152245,
"beat": "3"
}, {
"time": 152565,
"beat": "2"
}, {
"time": 152885,
"beat": "1"
}, {
"time": 153189,
"beat": "2"
}, {
"time": 153504,
"beat": "2"
}, {
"time": 153808,
"beat": "3"
}, {
"time": 154128,
"beat": "3"
}, {
"time": 154459,
"beat": "3"
}, {
"time": 154763,
"beat": "2"
}, {
"time": 155077,
"beat": "3"
}, {
"time": 155392,
"beat": "3"
}, {
"time": 155701,
"beat": "1"
}, {
"time": 156011,
"beat": "3"
}, {
"time": 156315,
"beat": "2"
}, {
"time": 156624,
"beat": "2"
}, {
"time": 156928,
"beat": "3"
}, {
"time": 157237,
"beat": "2"
}, {
"time": 157541,
"beat": "3"
}, {
"time": 157851,
"beat": "3"
}, {
"time": 158165,
"beat": "3"
}, {
"time": 158475,
"beat": "2"
}, {
"time": 158789,
"beat": "3"
}, {
"time": 159093,
"beat": "2"
}, {
"time": 159413,
"beat": "3"
}, {
"time": 159723,
"beat": "3"
}, {
"time": 160043,
"beat": "3"
}, {
"time": 160357,
"beat": "3"
}, {
"time": 160672,
"beat": "2"
}, {
"time": 160976,
"beat": "2"
}, {
"time": 161280,
"beat": "3"
}, {
"time": 161589,
"beat": "1"
}, {
"time": 161915,
"beat": "1"
}, {
"time": 162235,
"beat": "3"
}, {
"time": 162560,
"beat": "3"
}, {
"time": 162875,
"beat": "3"
}, {
"time": 163189,
"beat": "3"
}, {
"time": 163520,
"beat": "3"
}, {
"time": 163824,
"beat": "3"
}, {
"time": 164165,
"beat": "3"
}, {
"time": 164469,
"beat": "3"
}, {
"time": 164773,
"beat": "3"
}, {
"time": 165088,
"beat": "3"
}, {
"time": 165397,
"beat": "3"
}, {
"time": 165701,
"beat": "3"
}, {
"time": 166016,
"beat": "1"
}, {
"time": 166320,
"beat": "1"
}, {
"time": 166640,
"beat": "2"
}, {
"time": 166944,
"beat": "2"
}, {
"time": 167253,
"beat": "3"
}, {
"time": 167573,
"beat": "3"
}, {
"time": 167883,
"beat": "2"
}, {
"time": 168203,
"beat": "2"
}, {
"time": 168523,
"beat": "1"
}, {
"time": 168832,
"beat": "2"
}, {
"time": 169168,
"beat": "1"
}, {
"time": 169488,
"beat": "2"
}, {
"time": 169808,
"beat": "1"
}, {
"time": 170117,
"beat": "1"
}, {
"time": 170421,
"beat": "2"
}, {
"time": 170736,
"beat": "2"
}, {
"time": 171045,
"beat": "1"
}, {
"time": 171365,
"beat": "2"
}, {
"time": 171680,
"beat": "1"
}, {
"time": 172000,
"beat": "2"
}, {
"time": 172309,
"beat": "2"
}, {
"time": 172613,
"beat": "2"
}, {
"time": 172923,
"beat": "1"
}, {
"time": 173237,
"beat": "1"
}, {
"time": 173541,
"beat": "2"
}, {
"time": 173856,
"beat": "1"
}, {
"time": 174187,
"beat": "1"
}, {
"time": 174533,
"beat": "1"
}, {
"time": 174837,
"beat": "2"
}, {
"time": 175141,
"beat": "2"
}, {
"time": 175451,
"beat": "2"
}, {
"time": 175765,
"beat": "2"
}, {
"time": 176080,
"beat": "1"
}, {
"time": 176405,
"beat": "2"
}, {
"time": 176720,
"beat": "1"
}, {
"time": 177051,
"beat": "1"
}, {
"time": 177371,
"beat": "1"
}, {
"time": 177680,
"beat": "3"
}, {
"time": 177989,
"beat": "3"
}, {
"time": 178309,
"beat": "3"
}, {
"time": 178619,
"beat": "1"
}, {
"time": 178928,
"beat": "1"
}, {
"time": 179243,
"beat": "2"
}, {
"time": 179557,
"beat": "2"
}, {
"time": 179861,
"beat": "2"
}, {
"time": 180176,
"beat": "1"
}, {
"time": 180480,
"beat": "2"
}, {
"time": 180795,
"beat": "3"
}, {
"time": 181136,
"beat": "1"
}, {
"time": 181445,
"beat": "2"
}, {
"time": 181771,
"beat": "3"
}, {
"time": 182080,
"beat": "2"
}, {
"time": 182384,
"beat": "3"
}, {
"time": 182704,
"beat": "2"
}, {
"time": 183008,
"beat": "2"
}, {
"time": 183328,
"beat": "1"
}, {
"time": 183659,
"beat": "2"
}, {
"time": 184005,
"beat": "1"
}, {
"time": 184315,
"beat": "3"
}, {
"time": 184624,
"beat": "2"
}, {
"time": 184944,
"beat": "2"
}, {
"time": 185248,
"beat": "2"
}, {
"time": 185573,
"beat": "2"
}, {
"time": 185883,
"beat": "2"
}, {
"time": 186208,
"beat": "2"
}, {
"time": 186512,
"beat": "2"
}, {
"time": 186827,
"beat": "2"
}, {
"time": 187131,
"beat": "2"
}, {
"time": 187435,
"beat": "3"
}, {
"time": 187749,
"beat": "2"
}, {
"time": 188059,
"beat": "3"
}, {
"time": 188363,
"beat": "3"
}, {
"time": 188667,
"beat": "2"
}, {
"time": 188976,
"beat": "2"
}, {
"time": 189285,
"beat": "2"
}, {
"time": 189605,
"beat": "2"
}, {
"time": 189909,
"beat": "3"
}, {
"time": 190240,
"beat": "1"
}, {
"time": 190549,
"beat": "3"
}, {
"time": 190859,
"beat": "2"
}, {
"time": 191184,
"beat": "1"
}, {
"time": 191488,
"beat": "2"
}, {
"time": 191824,
"beat": "1"
}, {
"time": 192139,
"beat": "1"
}, {
"time": 192459,
"beat": "2"
}, {
"time": 192784,
"beat": "2"
}, {
"time": 193093,
"beat": "3"
}, {
"time": 193397,
"beat": "2"
}, {
"time": 193712,
"beat": "3"
}, {
"time": 194016,
"beat": "3"
}, {
"time": 194331,
"beat": "3"
}, {
"time": 194640,
"beat": "3"
}, {
"time": 194971,
"beat": "2"
}, {
"time": 195285,
"beat": "3"
}, {
"time": 195600,
"beat": "3"
}, {
"time": 195909,
"beat": "3"
}, {
"time": 196229,
"beat": "3"
}, {
"time": 196539,
"beat": "2"
}, {
"time": 196848,
"beat": "2"
}, {
"time": 197152,
"beat": "1"
}, {
"time": 197461,
"beat": "2"
}, {
"time": 197771,
"beat": "3"
}, {
"time": 198075,
"beat": "3"
}, {
"time": 198389,
"beat": "3"
}, {
"time": 198693,
"beat": "2"
}, {
"time": 199003,
"beat": "3"
}, {
"time": 199312,
"beat": "2"
}, {
"time": 199616,
"beat": "3"
}, {
"time": 199941,
"beat": "2"
}, {
"time": 200251,
"beat": "3"
}, {
"time": 200555,
"beat": "3"
}, {
"time": 200859,
"beat": "3"
}, {
"time": 201163,
"beat": "3"
}, {
"time": 201472,
"beat": "2"
}, {
"time": 201787,
"beat": "1"
}, {
"time": 202091,
"beat": "2"
}, {
"time": 202400,
"beat": "2"
}, {
"time": 202704,
"beat": "2"
}, {
"time": 203008,
"beat": "2"
}, {
"time": 203312,
"beat": "3"
}, {
"time": 203627,
"beat": "3"
}, {
"time": 203947,
"beat": "3"
}, {
"time": 204256,
"beat": "3"
}, {
"time": 204565,
"beat": "2"
}, {
"time": 204885,
"beat": "3"
}, {
"time": 205189,
"beat": "3"
}, {
"time": 205493,
"beat": "3"
}, {
"time": 205808,
"beat": "3"
}, {
"time": 206112,
"beat": "2"
}, {
"time": 206432,
"beat": "3"
}, {
"time": 206736,
"beat": "2"
}, {
"time": 207045,
"beat": "1"
}, {
"time": 207365,
"beat": "3"
}, {
"time": 207669,
"beat": "3"
}, {
"time": 207973,
"beat": "3"
}, {
"time": 208283,
"beat": "3"
}, {
"time": 208597,
"beat": "3"
}, {
"time": 208912,
"beat": "3"
}, {
"time": 209221,
"beat": "3"
}, {
"time": 209531,
"beat": "2"
}, {
"time": 209840,
"beat": "2"
}, {
"time": 210155,
"beat": "3"
}, {
"time": 210469,
"beat": "2"
}, {
"time": 210779,
"beat": "3"
}, {
"time": 211083,
"beat": "3"
}, {
"time": 211387,
"beat": "3"
}, {
"time": 211701,
"beat": "3"
}, {
"time": 212016,
"beat": "3"
}, {
"time": 212320,
"beat": "2"
}, {
"time": 212624,
"beat": "2"
}, {
"time": 212944,
"beat": "2"
}, {
"time": 213264,
"beat": "1"
}, {
"time": 213573,
"beat": "3"
}, {
"time": 213893,
"beat": "2"
}, {
"time": 214197,
"beat": "3"
}, {
"time": 214501,
"beat": "3"
}, {
"time": 214811,
"beat": "3"
}, {
"time": 215131,
"beat": "1"
}, {
"time": 215445,
"beat": "1"
}, {
"time": 215749,
"beat": "1"
}, {
"time": 216053,
"beat": "3"
}, {
"time": 216357,
"beat": "3"
}, {
"time": 216672,
"beat": "3"
}, {
"time": 216987,
"beat": "2"
}, {
"time": 217291,
"beat": "3"
}, {
"time": 217611,
"beat": "3"
}, {
"time": 217931,
"beat": "2"
}, {
"time": 218235,
"beat": "3"
}, {
"time": 218539,
"beat": "2"
}, {
"time": 218859,
"beat": "3"
}, {
"time": 219168,
"beat": "3"
}, {
"time": 219488,
"beat": "3"
}, {
"time": 219803,
"beat": "2"
}, {
"time": 220112,
"beat": "2"
}, {
"time": 220432,
"beat": "2"
}, {
"time": 220773,
"beat": "3"
}, {
"time": 221125,
"beat": "1"
}, {
"time": 221467,
"beat": "1"
}, {
"time": 221781,
"beat": "2"
}, {
"time": 222091,
"beat": "3"
}, {
"time": 222395,
"beat": "1"
}, {
"time": 222709,
"beat": "1"
}, {
"time": 223099,
"beat": "1"
}]
}];
var songsList = [{
"name": "Ode to Joy\r\nBeethoven",
"bpm": 220,
"pitchLevel": 0,
"bitsPerPage": 16,
"isComposed": false,
"songNotes": [{
"time": 1432,
"key": "Key6"
}, {
"time": 1855,
"key": "Key6"
}, {
"time": 2305,
"key": "Key7"
}, {
"time": 2788,
"key": "Key8"
}, {
"time": 3216,
"key": "Key8"
}, {
"time": 3666,
"key": "Key7"
}, {
"time": 4122,
"key": "Key6"
}, {
"time": 4567,
"key": "Key5"
}, {
"time": 5027,
"key": "Key4"
}, {
"time": 5479,
"key": "Key4"
}, {
"time": 5937,
"key": "Key5"
}, {
"time": 6397,
"key": "Key6"
}, {
"time": 6864,
"key": "Key6"
}, {
"time": 7583,
"key": "Key5"
}, {
"time": 7820,
"key": "Key5"
}, {
"time": 8816,
"key": "Key6"
}, {
"time": 9289,
"key": "Key6"
}, {
"time": 9778,
"key": "Key7"
}, {
"time": 10205,
"key": "Key8"
}, {
"time": 10672,
"key": "Key8"
}, {
"time": 11108,
"key": "Key7"
}, {
"time": 11564,
"key": "Key6"
}, {
"time": 12000,
"key": "Key5"
}, {
"time": 12455,
"key": "Key4"
}, {
"time": 12911,
"key": "Key4"
}, {
"time": 13339,
"key": "Key5"
}, {
"time": 13785,
"key": "Key6"
}, {
"time": 14370,
"key": "Key5"
}, {
"time": 15131,
"key": "Key4"
}, {
"time": 15341,
"key": "Key4"
}, {
"time": 16318,
"key": "Key5"
}, {
"time": 16760,
"key": "Key5"
}, {
"time": 17243,
"key": "Key6"
}, {
"time": 17711,
"key": "Key4"
}, {
"time": 18164,
"key": "Key5"
}, {
"time": 18607,
"key": "Key6"
}, {
"time": 18840,
"key": "Key7"
}, {
"time": 19107,
"key": "Key6"
}, {
"time": 19556,
"key": "Key4"
}, {
"time": 20007,
"key": "Key5"
}, {
"time": 20428,
"key": "Key6"
}, {
"time": 20634,
"key": "Key7"
}, {
"time": 20915,
"key": "Key6"
}, {
"time": 21375,
"key": "Key5"
}, {
"time": 21859,
"key": "Key4"
}, {
"time": 22325,
"key": "Key5"
}, {
"time": 22818,
"key": "Key1"
}, {
"time": 23809,
"key": "Key6"
}, {
"time": 24259,
"key": "Key6"
}, {
"time": 24725,
"key": "Key7"
}, {
"time": 25156,
"key": "Key8"
}, {
"time": 25597,
"key": "Key8"
}, {
"time": 26039,
"key": "Key7"
}, {
"time": 26496,
"key": "Key6"
}, {
"time": 26950,
"key": "Key5"
}, {
"time": 27413,
"key": "Key4"
}, {
"time": 27882,
"key": "Key4"
}, {
"time": 28309,
"key": "Key5"
}, {
"time": 28830,
"key": "Key6"
}, {
"time": 29319,
"key": "Key5"
}, {
"time": 30092,
"key": "Key4"
}, {
"time": 30343,
"key": "Key4"
}],
"fromLibrary": true
}];
var isDebug = false;
var cube;
var sphere;
var face1;
var face2;
var face3;
var globalSpeed = 20;
var rotationSpeedX = 0;
var rotationSpeedY = 0;
var rotationSpeedZ = 0;
var currentRotationAngle = 0;
var fullLog = [];
var fpsText;
var lastTick;
var frameCount;
var debugText;
var cubeManager;
var isDraggingSphere = false;
var sphereDragOffset = 0;
var backgroundManager;
var gateManager;
var targetManager;
var ball;
var runner;
var borderLimitAngle = Math.PI * 0.08;
var gateLimitAngle = Math.PI * 0.2;
var gateUniqueId = 0;
// Function to get next gate ID
function getNextGateId() {
return gateUniqueId++;
}
/***********************************************************************************/
/***************************** GAME INITIALIZATION *********************************/
/***********************************************************************************/
function gameInitialize() {
// Initialize background manager first (so it's behind other elements)
backgroundManager = new BackgroundManager();
game.addChild(backgroundManager);
cube = new Cube(1, 1, 1);
cube.x = 2048 * 0.5; // Center horizontally
cube.y = 2732 / 2; // Center vertically
cube.z = 0;
cube.visible = false;
game.addChild(cube);
cube.rotate3D(Math.PI * 0.125, -Math.PI * 0.125, 0);
sphere = new Sphere();
sphere.z = 0;
sphere.alpha = 0;
// Set speeds to zero to stop movement
sphere.speedX = 0;
sphere.speedY = 0;
sphere.speedZ = 0;
game.addChild(sphere);
// Initialize sphere at center position
updateSphereSnapPosition(snapPositions.center);
// Initialize cube manager
cubeManager = new CubeManager();
//game.addChild(cubeManager);
// Initialize gate manager
gateManager = new GateManager();
game.addChild(gateManager);
// Initialize target manager
targetManager = new TargetManager();
//game.addChild(targetManager);
// Create and position ball
ball = new Ball();
ball.x = 1024;
ball.y = 2000;
ball.alpha = true;
game.addChild(ball);
runner = new Runner();
runner.x = 1024;
runner.y = 2000;
game.addChild(runner);
if (isDebug) {
var debugMarker = LK.getAsset('debugMarker', {
anchorX: 0.5,
anchorY: 0.5,
x: 2048 * 0.5,
y: 2732 / 2
});
game.addChild(debugMarker);
fpsText = new Text2('FPS: 0', {
size: 50,
fill: 0xFFFFFF
});
// Position FPS text at the bottom-right corner
fpsText.anchor.set(1, 1); // Anchor to the bottom-right
LK.gui.bottomRight.addChild(fpsText);
// Update FPS display every second
lastTick = Date.now();
frameCount = 0;
// Debug text to display cube information
debugText = new Text2('Debug Info', {
size: 50,
fill: 0xFFFFFF
});
debugText.anchor.set(0.5, 0); // Anchor to the bottom-right
LK.gui.top.addChild(debugText);
// Create sound test button
var soundTestButton = new Container();
var buttonBg = LK.getAsset('line', {
anchorX: 0.5,
anchorY: 0.5,
scaleX: 50,
scaleY: 15,
tint: 0x333333
});
soundTestButton.addChild(buttonBg);
var buttonText = new Text2('SOUND TEST', {
size: 40,
fill: 0xFFFFFF
});
buttonText.anchor.set(0.5, 0.5);
soundTestButton.addChild(buttonText);
// Position at top right
soundTestButton.x = -100;
soundTestButton.y = 50;
LK.gui.topRight.addChild(soundTestButton);
// Add click handler
soundTestButton.down = function () {
// Play all key sounds with 600ms delay
for (var i = 0; i <= 14; i++) {
(function (index) {
LK.setTimeout(function () {
LK.getSound('key' + index).play();
}, index * 600);
})(i);
}
};
}
}
/***********************************************************************************/
/******************************** MAIN GAME LOOP ***********************************/
/***********************************************************************************/
game.update = function () {
// Rotate simpleFace in 3D on each game update
rotationSpeedX += globalSpeed * Math.PI * 0.006;
rotationSpeedY += 0 * Math.PI * 0.125 * 0.02;
rotationSpeedZ += 0 * Math.PI * 0.125 * 0.02;
// Original cube movement commented out - now handled by cubeManager
// cube.x += cube.speedX;
// cube.y += cube.speedY;
// cube.z += cube.speedZ;
// if (cube.x <= 100 || cube.x >= 2048 - 100) {
// cube.speedX *= -1;
// }
// if (cube.z <= -250 || cube.z >= 1000) {
// cube.speedZ *= -1;
// }
// if (cube.y <= 100 || cube.y >= 2732 - 100) {
// cube.speedY *= -1;
// }
sphere.rotate3D(rotationSpeedX, rotationSpeedY + currentRotationAngle, rotationSpeedZ);
if (isDebug) {
debugText.setText("X: " + Math.round(cube.x) + ", Y: " + Math.round(cube.y) + ", Z: " + Math.round(cube.z) + ", R: " + cube.rotation.toFixed(2));
// FPS
var now = Date.now();
frameCount++;
if (now - lastTick >= 1000) {
// Update every second
fpsText.setText('FPS: ' + frameCount);
frameCount = 0;
lastTick = now;
}
}
// Update cube manager
//cubeManager.update();
// Update background manager
//backgroundManager.update();
// Update gate manager
//gateManager.update();
// Update target manager
//targetManager.update();
};
// Define magnetic snap positions
var snapPositions = {
left: 0,
center: 1,
right: 2
};
// Current snap position (start at center)
var currentSnapPosition = snapPositions.center;
// Snap threshold for switching positions (percentage of screen width)
var snapThreshold = 0.15; // 15% of screen width
// Function to update sphere position based on snap
function updateSphereSnapPosition(snapPos) {
currentSnapPosition = snapPos;
// Define three fixed positions: left, center, right
var leftAngle = -Math.PI * 0.5 + gateLimitAngle;
var centerAngle = -Math.PI * 0.5 + Math.PI / 2;
var rightAngle = -Math.PI * 0.5 + Math.PI - gateLimitAngle;
var targetAngle = centerAngle;
if (snapPos === snapPositions.left) {
targetAngle = leftAngle;
} else if (snapPos === snapPositions.center) {
targetAngle = centerAngle;
} else if (snapPos === snapPositions.right) {
targetAngle = rightAngle;
}
// Calculate position on the ellipse path
var centerX = 1024;
var centerY = 1366;
var radiusX = 924;
var radiusY = 634;
// Calculate new position
sphere.x = centerX + radiusX * Math.cos(targetAngle + Math.PI * 0.5);
sphere.y = centerY + radiusY * Math.sin(targetAngle + Math.PI * 0.5);
// Apply rotation based on position
var rotationMap = {
0: -0.5,
// left
1: 0,
// center
2: 0.5 // right
};
currentRotationAngle = rotationMap[snapPos] * Math.PI * 0.5;
sphere.rotate3D(Math.PI * 0.5, Math.PI * 0.5 + currentRotationAngle, 0);
}
// Variables for drag tracking
var dragStartX = 0;
var dragStartSnapPosition = snapPositions.center;
// Add game event handlers for sphere control
game.down = function (x, y, obj) {
// Record drag start position and current snap
dragStartX = x;
dragStartSnapPosition = currentSnapPosition;
isDraggingSphere = true;
};
game.move = function (x, y, obj) {
if (isDraggingSphere) {
// Calculate drag distance as percentage of screen width
var dragDistance = (x - dragStartX) / 2048;
// Determine new snap position based on drag distance and threshold
var newSnapPosition = dragStartSnapPosition;
if (dragDistance > snapThreshold) {
// Dragged right - move to next position if possible
if (dragStartSnapPosition === snapPositions.left) {
newSnapPosition = snapPositions.center;
} else if (dragStartSnapPosition === snapPositions.center) {
newSnapPosition = snapPositions.right;
}
} else if (dragDistance < -snapThreshold) {
// Dragged left - move to previous position if possible
if (dragStartSnapPosition === snapPositions.right) {
newSnapPosition = snapPositions.center;
} else if (dragStartSnapPosition === snapPositions.center) {
newSnapPosition = snapPositions.left;
}
}
// Update position if changed
if (newSnapPosition !== currentSnapPosition) {
updateSphereSnapPosition(newSnapPosition);
}
}
};
game.up = function (x, y, obj) {
isDraggingSphere = false;
};
gameInitialize();
// Play track_001 music when game starts
LK.playMusic('track_01');
// test gate
/*
var testGate = new Gate();
var newScale = 1;
testGate.scaleX = newScale;
testGate.scaleY = newScale;
testGate.gateAsset.scaleX = newScale;
testGate.gateAsset.scaleY = newScale;
testGate.boundingBox.scaleX = newScale;
testGate.boundingBox.scaleY = newScale;
testGate.boundingBox.alpha = 0.3;
game.addChild(testGate);
*/
remove background
remove background
Futuristic speaker in the shape of a white orb. Face view
white video camera icon
landscape of a furturistic world by night
a white music note
white sparkles emiting from the center. back background
clean red-violet beam from above
button in the shape of a protorealistic holographic futuristc Rectangle . Front view.
above the clouds by a bright night, no visible moon Photorealistic
White Clef de sol
A 20 nodes straight metalic lock chain. High definition. In-Game asset. 2d. High contrast. No shadows
a closed metalic padlock. No visible key hole.
white menu icon
in white