Changed song selection screen

public/src/js/assets.js

@@ -32,7 +32,6 @@ var assets = {
 		"don_anim_gogo.png",
 		"don_anim_gogostart.png",
 		"don_anim_clear.png",
-		"don_anim_endclear.png",
 		"fire_anim.png",
 		"fireworks_anim.png"
 	],
@@ -92,7 +91,6 @@ var assets = {
 		"renda.ogg"
 	],
 	"audioMusic": [
-		"bgm_songsel.ogg",
 		"bgm_result.ogg",
 		"bgm_setsume.ogg"
 	],

public/src/js/controller.js

@@ -107,7 +107,6 @@ class Controller{
 		this.view.togglePauseMenu()
 	}
 	gameEnded(){
-		this.view.gameEnded()
 		var score = this.getGlobalScore()
 		var vp
 		if(score.fail === 0){

public/src/js/gamepad.js

@@ -1,16 +1,6 @@
 class Gamepad{
-	constructor(keyboard){
-		this.keyboard = keyboard
-		this.game = this.keyboard.controller.game
-		
-		var kbd = keyboard.getBindings()
-		this.gameBtn = {}
-		this.gameBtn[kbd["don_l"]] = ["u", "d", "l", "r"]
-		this.gameBtn[kbd["don_r"]] = ["a", "b", "x", "y"]
-		this.gameBtn[kbd["ka_l"]] = ["lb", "lt"]
-		this.gameBtn[kbd["ka_r"]] = ["rb", "rt"]
-		this.menuBtn = {}
-		this.menuBtn[kbd["pause"]] = ["start"]
+	constructor(bindings, callback){
+		this.bindings = bindings
 		this.b = {
 			"a": 0,
 			"b": 1,
@@ -31,15 +21,19 @@ class Gamepad{
 			"guide": 16
 		}
 		this.btn = {}
+		if(callback){
+			this.interval = setInterval(() => {
+				this.play(callback)
+			}, 100)
+		}
 	}
-	play(menuPlay){
-		var ms = this.game.getAccurateTime()
+	play(callback){
 		if("getGamepads" in navigator){
 			var gamepads = navigator.getGamepads()
 		}else{
 			return
 		}
-		var bindings = menuPlay ? this.menuBtn : this.gameBtn
+		var bindings = this.bindings
 		for(var i = 0; i < gamepads.length; i++){
 			if(gamepads[i]){
 				this.toRelease = {}
@@ -51,7 +45,7 @@ class Gamepad{
 						for(var bind in bindings){
 							for(var name in bindings[bind]){
 								if(btnName === this.b[bindings[bind][name]]){
-									this.checkButton(gamepads, btnName, bind, ms)
+									this.checkButton(gamepads, btnName, bind, callback)
 									break buttonSearch
 								}
 							}
@@ -62,7 +56,7 @@ class Gamepad{
 			}
 		}
 	}
-	checkButton(gamepads, btnName, keyCode, ms){
+	checkButton(gamepads, btnName, keyCode, callback){
 		var button = false
 		
 		for(var i = 0; i < gamepads.length; i++){
@@ -77,7 +71,6 @@ class Gamepad{
 			}
 		}
 		
-		var keys = this.keyboard.getKeys()
 		var pressed = !this.btn[btnName] && button
 		var released = this.btn[btnName] && !button
 		
@@ -88,19 +81,18 @@ class Gamepad{
 		}
 		
 		if(pressed){
-			if(keys[keyCode]){
-				this.keyboard.setKey(keyCode, false)
-			}
-			this.keyboard.setKey(keyCode, true, ms)
-			
-		}else if(!button && keys[keyCode]){
+			callback(true, keyCode)
+		}else if(!button){
 			if(released){
 				this.toRelease[keyCode + "released"] = true
 			}
 			this.toRelease[keyCode]--
 			if(this.toRelease[keyCode] === 0 && this.toRelease[keyCode + "released"]){
-				this.keyboard.setKey(keyCode, false)
+				callback(false, keyCode)
 			}
 		}
 	}
+	clean(){
+		clearInterval(this.interval)
+	}
 }

public/src/js/keyboard.js

@@ -9,7 +9,10 @@ class Keyboard{
 			"ka_l": 67, // C
 			"ka_r": 78, // N
 			"pause": 81, // Q
-			"back": 8 // Backspace
+			"back": 8, // Backspace
+			"previous": 38, // Up
+			"next": 40, // Down
+			"confirm": 13 // Enter
 		}
 		this.keys = {}
 		this.waitKeyupScore = {}
@@ -19,7 +22,24 @@ class Keyboard{
 			"don": -Infinity,
 			"ka": -Infinity
 		}
-		this.gamepad = new Gamepad(this)
+		
+		var gameBtn = {}
+		gameBtn[this.kbd["don_l"]] = ["u", "d", "l", "r"]
+		gameBtn[this.kbd["don_r"]] = ["a", "b", "x", "y"]
+		gameBtn[this.kbd["ka_l"]] = ["lb", "lt"]
+		gameBtn[this.kbd["ka_r"]] = ["rb", "rt"]
+		this.gamepad = new Gamepad(gameBtn)
+		
+		var menuBtn = {
+			"cancel": ["a"],
+		}
+		menuBtn[this.kbd["confirm"]] = ["b"]
+		menuBtn[this.kbd["previous"]] = ["u", "l", "lb", "lt"],
+		menuBtn[this.kbd["next"]] = ["d", "r", "rb", "rt"]
+		menuBtn[this.kbd["pause"]] = ["start"]
+		this.gamepadMenu = new Gamepad(menuBtn)
+		
+		
 		pageEvents.keyAdd(this, "all", "both", event => {
 			if(event.keyCode === 8){
 				// Disable back navigation when pressing backspace
@@ -48,7 +68,17 @@ class Keyboard{
 	}
 	checkGameKeys(){
 		if(!this.controller.autoPlayEnabled){
-			this.gamepad.play()
+			var ms = this.game.getAccurateTime()
+			this.gamepad.play((pressed, keyCode) => {
+				if(pressed){
+					if(this.keys[keyCode]){
+						this.setKey(keyCode, false)
+					}
+					this.setKey(keyCode, true, ms)
+				}else{
+					this.setKey(keyCode, false)
+				}
+			})
 		}
 		this.checkKeySound(this.kbd["don_l"], "don")
 		this.checkKeySound(this.kbd["don_r"], "don")
@@ -57,10 +87,51 @@ class Keyboard{
 	}
 	checkMenuKeys(){
 		if(!this.controller.multiplayer){
-			this.gamepad.play(true)
+			var moveMenu = 0
+			var ms = this.game.getAccurateTime()
+			this.gamepadMenu.play((pressed, keyCode) => {
+				if(pressed){
+					if(this.game.isPaused()){
+						if(keyCode === "cancel"){
+							return setTimeout(() => {
+								this.controller.togglePauseMenu()
+							}, 200)
+						}
+					}
+					if(this.keys[keyCode]){
+						this.setKey(keyCode, false)
+					}
+					this.setKey(keyCode, true, ms)
+				}else{
+					this.setKey(keyCode, false)
+				}
+			})
 			this.checkKey(this.kbd["pause"], "menu", () => {
 				this.controller.togglePauseMenu()
 			})
+			if(this.game.isPaused()){
+				this.checkKey(this.kbd["previous"], "menu", () => {
+					moveMenu = -1
+				})
+				this.checkKey(this.kbd["next"], "menu", () => {
+					moveMenu = 1
+				})
+				this.checkKey(this.kbd["confirm"], "menu", () => {
+					setTimeout(() => {
+						document.getElementsByClassName("selected")[0].click()
+					}, 200)
+				})
+			}
+			if(moveMenu){
+				assets.sounds["ka"].play()
+				var selected = document.getElementsByClassName("selected")[0]
+				selected.classList.remove("selected")
+				var next = selected[(moveMenu === 1 ? "next" : "previous") + "ElementSibling"]
+				if(!next){
+					next = selected.parentNode[(moveMenu === 1 ? "first" : "last") + "ElementChild"]
+				}
+				next.classList.add("selected")
+			}
 		}
 		if(this.controller.multiplayer !== 2){
 			this.checkKey(this.kbd["back"], "menu", () => {

public/src/js/titlescreen.js

@@ -2,13 +2,24 @@ class Titlescreen{
 	constructor(){
 		loader.changePage("titlescreen")
 		this.titleScreen = document.getElementById("title-screen")
-		pageEvents.keyOnce(this, 13, "down").then(this.goNext.bind(this))
-		pageEvents.once(this.titleScreen, "click").then(this.goNext.bind(this))
+		pageEvents.keyOnce(this, 13, "down").then(this.onPressed.bind(this))
+		pageEvents.once(this.titleScreen, "click").then(this.onPressed.bind(this))
 		assets.sounds["title"].play()
+		this.gamepad = new Gamepad({
+			"start": ["b", "x", "y", "start"],
+			"a": ["a"]
+		}, (pressed, key) => {
+			if(pressed){
+				this.onPressed()
+			}
+		})
 	}
-	goNext(){
+	onPressed(){
 		this.clean()
 		assets.sounds["don"].play()
+		setTimeout(this.goNext.bind(this), 500)
+	}
+	goNext(){
 		if(localStorage.getItem("tutorial") !== "true"){
 			new Tutorial()
 		} else {
@@ -16,6 +27,7 @@ class Titlescreen{
 		}
 	}
 	clean(){
+		this.gamepad.clean()
 		assets.sounds["title"].stop()
 		pageEvents.keyRemove(this, 13)
 		pageEvents.remove(this.titleScreen, "click")

public/src/js/tutorial.js

@@ -1,19 +1,28 @@
 class Tutorial{
-	constructor(){
+	constructor(fromSongSel){
+		this.fromSongSel = fromSongSel
 		loader.changePage("tutorial")
 		assets.sounds["bgm_setsume"].playLoop(0.1, false, 0, 1.054, 16.054)
 		this.endButton = document.getElementById("tutorial-end-button")
 		pageEvents.once(this.endButton, "click").then(this.onEnd.bind(this))
+		pageEvents.keyOnce(this, 13, "down").then(this.onEnd.bind(this))
+		this.gamepad = new Gamepad({
+			"confirm": ["start", "b"]
+		}, this.onEnd.bind(this))
 	}
 	onEnd(){
 		this.clean()
 		assets.sounds["don"].play()
 		localStorage.setItem("tutorial", "true")
-		new SongSelect()
+		setTimeout(() => {
+			new SongSelect(this.fromSongSel)
+		}, 500)
 	}
 	clean(){
+		this.gamepad.clean()
 		assets.sounds["bgm_setsume"].stop()
 		pageEvents.remove(this.endButton, "click")
+		pageEvents.keyRemove(this, 13)
 		delete this.endButton
 	}
 }

public/src/js/view.js

@@ -777,18 +777,6 @@ class View{
 			don.setAnimationEnd(ms + length * don.speed, don.normalAnimation)
 		}
 	}
-	gameEnded(){
-		if(this.controller.getGlobalScore().hp >= 50){
-			var don = this.assets.don
-			don.setAnimation("endclear")
-			var ms = this.controller.getElapsedTime().ms
-			don.setAnimationStart(ms)
-			var length = don.getAnimationLength("normal")
-			don.setUpdateSpeed(this.beatInterval / (length / 4))
-			var length = don.getAnimationLength("endclear")
-			don.setAnimationEnd(ms + length * don.speed, don.normalAnimation)
-		}
-	}
 	onmousemove(event){
 		this.lastMousemove = this.controller.getElapsedTime().ms
 		this.cursorHidden = false

public/src/js/viewassets.js

@@ -55,7 +55,6 @@ class ViewAssets{
 			}
 		}
 		this.don.addFrames("clear", 30, "don_anim_clear")
-		this.don.addFrames("endclear", 22, "don_anim_endclear")
 		this.don.normalAnimation()
 		this.fire = this.createAsset("bar", frame => {
 			var imgw = 360