mirror of
https://github.com/yuukiwww/taiko-web.git
synced 2024-06-27 14:59:30 +02:00
adc45cb652
- A song can be linked directly by adding "#song=<id>" to the url, replace `<id>` with the id in the database, after loading it jumps immediately jumps to the difficulty selection
- Added tutorial translations
- Fixed song preview not playing
- Use text fallback for the logo when there are no vectors
- Increased combo cache by 1 pixel
- A custom javascript file can be loaded from config.json by defining "custom_js" value
- Added lots of events to help writing custom js files: `version-link, title-screen, language-change, song-select, song-select-move, song-select-difficulty, song-select-back, about, about-link, tutorial, import-songs, import-songs-default, session, session-start, session-end, debug, load-song, load-song-player2, load-song-unfocused, load-song-cancel, load-song-error, game-start, key-events, p2-game-end, p2-disconnected, p2-abandoned, pause, unpause, pause-restart, pause-song-select, game-lag, scoresheet, scoresheet-player2`
- Event syntax example:
```js
addEventListener("game-start", event => {
console.log("game-start", event.detail)
})
```
120 lines
2.6 KiB
JavaScript
120 lines
2.6 KiB
JavaScript
addEventListener("error", function(err){
|
|
var stack
|
|
if("error" in err){
|
|
stack = err.error.stack
|
|
}else{
|
|
stack = err.message + "\n at " + err.filename + ":" + err.lineno + ":" + err.colno
|
|
}
|
|
errorMessage(stack)
|
|
})
|
|
|
|
function errorMessage(stack){
|
|
localStorage["lastError"] = JSON.stringify({
|
|
timestamp: Date.now(),
|
|
stack: stack
|
|
})
|
|
}
|
|
|
|
function toggleFullscreen(){
|
|
if("requestFullscreen" in root){
|
|
if(document.fullscreenElement){
|
|
document.exitFullscreen()
|
|
}else{
|
|
root.requestFullscreen()
|
|
}
|
|
}else if("webkitRequestFullscreen" in root){
|
|
if(document.webkitFullscreenElement){
|
|
document.webkitExitFullscreen()
|
|
}else{
|
|
root.webkitRequestFullscreen()
|
|
}
|
|
}else if("mozRequestFullScreen" in root){
|
|
if(document.mozFullScreenElement){
|
|
document.mozCancelFullScreen()
|
|
}else{
|
|
root.mozRequestFullScreen()
|
|
}
|
|
}
|
|
}
|
|
|
|
function resizeRoot(){
|
|
if(lastHeight !== innerHeight){
|
|
lastHeight = innerHeight
|
|
root.style.height = innerHeight + "px"
|
|
}
|
|
}
|
|
|
|
function debug(){
|
|
if(debugObj.state === "open"){
|
|
debugObj.debug.clean()
|
|
return "Debug closed"
|
|
}else if(debugObj.state === "minimised"){
|
|
debugObj.debug.restore()
|
|
return "Debug restored"
|
|
}else{
|
|
debugObj.debug = new Debug()
|
|
return "Debug opened"
|
|
}
|
|
}
|
|
|
|
var root = document.documentElement
|
|
|
|
if(/iPhone|iPad/.test(navigator.userAgent)){
|
|
var fullScreenSupported = false
|
|
}else{
|
|
var fullScreenSupported = "requestFullscreen" in root || "webkitRequestFullscreen" in root || "mozRequestFullScreen" in root
|
|
}
|
|
|
|
var pageEvents = new PageEvents()
|
|
var snd = {}
|
|
var p2
|
|
var disableBlur = false
|
|
var cancelTouch = true
|
|
var lastHeight
|
|
var debugObj = {
|
|
state: "closed",
|
|
debug: null
|
|
}
|
|
var perf = {
|
|
blur: 0,
|
|
allImg: 0,
|
|
load: 0
|
|
}
|
|
var strings
|
|
var vectors
|
|
|
|
pageEvents.add(root, ["touchstart", "touchmove", "touchend"], event => {
|
|
if(event.cancelable && cancelTouch && event.target.tagName !== "SELECT"){
|
|
event.preventDefault()
|
|
}
|
|
})
|
|
var versionDiv = document.getElementById("version")
|
|
var versionLink = document.getElementById("version-link")
|
|
pageEvents.add(versionDiv, ["click", "touchend"], () => {
|
|
versionLink.click()
|
|
pageEvents.send("version-link")
|
|
})
|
|
resizeRoot()
|
|
setInterval(resizeRoot, 100)
|
|
pageEvents.keyAdd(debugObj, "all", "down", event => {
|
|
if((event.keyCode === 186 || event.keyCode === 59) && event.ctrlKey && event.shiftKey && !event.altKey){
|
|
// Semicolon
|
|
if(debugObj.state === "open"){
|
|
debugObj.debug.minimise()
|
|
}else if(debugObj.state === "minimised"){
|
|
debugObj.debug.restore()
|
|
}else{
|
|
debugObj.debug = new Debug()
|
|
}
|
|
}
|
|
if(event.keyCode === 82 && debugObj.debug && debugObj.controller){
|
|
// R
|
|
debugObj.controller.restartSong()
|
|
}
|
|
})
|
|
|
|
var loader = new Loader(songId => {
|
|
new Titlescreen(songId)
|
|
})
|
|
|