2020-10-25 00:45:50 +00:00
<!DOCTYPE html>
< head >
< link rel = "stylesheet" type = "text/css" href = "style.css" / >
< link href = "https://fonts.googleapis.com/css?family=Inconsolata" rel = "stylesheet" >
< script src = "https://cdn.jsdelivr.net/npm/vue@2.6.12" > < / script >
2020-10-30 17:27:23 +00:00
< script type = "text/javascript" src = "js/technical/break_eternity.js" > < / script >
< script type = "text/javascript" src = "js/technical/layerSupport.js" > < / script >
2020-10-28 02:35:07 +00:00
< script type = "text/javascript" src = "js/demo/demoTree.js" > < / script >
2020-10-25 00:45:50 +00:00
< script type = "text/javascript" src = "js/demo/demoLayers.js" > < / script >
< script type = "text/javascript" src = "js/demo/demoMod.js" > < / script >
2020-10-30 17:27:23 +00:00
< script type = "text/javascript" src = "js/technical/temp.js" > < / script >
2020-10-25 00:45:50 +00:00
< script type = "text/javascript" src = "js/game.js" > < / script >
< script type = "text/javascript" src = "js/utils.js" > < / script >
2020-10-30 17:27:23 +00:00
< script type = "text/javascript" src = "js/technical/systemComponents.js" > < / script >
< script type = "text/javascript" src = "js/components.js" > < / script >
< script type = "text/javascript" src = "js/technical/canvas.js" > < / script >
2020-10-25 00:45:50 +00:00
< / head >
< body onload = "load()" >
< div id = "app" >
2020-10-28 02:04:16 +00:00
< canvas id = "treeCanvas" class = "canvas" > < / canvas >
2020-10-25 00:45:50 +00:00
< div v-if = "false" id = "loadingSection" class = "fullWidth" >
< h1 > Loading... (If this takes too long it means there was a serious error!)< / h1 >
< / div >
2020-10-30 17:27:23 +00:00
< div class = "vl" v-if = "player.navTab!= 'none' &&player.tab!='none'&&!player.gameEnded" > < / div >
< div v-if = "player.gameEnded" class = "fullWidth" >
2020-10-25 00:45:50 +00:00
< br >
< h2 > {{modInfo.name}} {{VERSION.withoutName}}< / h2 > < br > < br >
< h3 > Congratulations! You have reached the end and beaten this game, but for now...< / h3 > < br >
< h3 > Please check the Discord to see if there are new content updates!< / h3 > < br > < br >
< div v-if = "!player.timePlayedReset" > It took you {{formatTime(player.timePlayed)}} to beat the game.< / div >
< div v-if = "player.timePlayedReset" > Make sure that you record the time in your stream or else your speedrun won't count!< / div >
< br >
< button class = "longUpg can" onclick = "hardReset(true)" > Play Again< / button > < button class = "longUpg can" onclick = "keepGoing()" > Keep Going< / button >
< br > < br > < br >
< span v-if = "modInfo.discordLink" > < a class = "link" v-bind:href = "modInfo.discordLink" target = "_blank" > {{modInfo.discordName}}< / a > < br > < / span >
< a class = "link" href = "https://discord.gg/F3xveHV" target = "_blank" v-bind:style = "modInfo.discordLink ? {'font-size': '16px'} : {}" > The Modding Tree Discord< / a > < br >
< a class = "link" href = "http://discord.gg/wwQfgPa" target = "_blank" v-bind:style = "{'font-size': '16px'}" > Main Prestige Tree server< / a > < br >
< br > < br >
If you would like to speedrun this, press Play Again and record your attempt, then submit on the Discord Server in the channel #speedrun-submissions.
< br > < br > < br >
< h1 > Oh, you are still reading this?< / h1 >
< br >
< / div >
< div v-if = "player.tab=='changelog'" class = "col right" >
2020-10-27 23:25:03 +00:00
< button class = "back" onclick = "showTab('none')" > ←< / button > < br > < br > < br >
2020-10-25 00:45:50 +00:00
< / div >
< div v-if = "player.tab=='info'" class = "col right" >
2020-10-27 23:25:03 +00:00
< button class = "back" onclick = "showTab('none')" > ←< / button > < br >
2020-10-25 00:45:50 +00:00
< h2 > {{modInfo.name}}< / h2 >
< br >
< h3 > {{VERSION.withName}}< / h3 >
< span v-if = "modInfo.author" >
< br >
Made by {{modInfo.author}}
< / span >
< br >
The Modding Tree {{TMT_VERSION.tmtNum}} by Acamaeda
< br >
The Prestige Tree made by Jacorb and Aarex
< br >
Original idea by papyrus (on discord)
< br > < br >
< a v-bind:href = "modInfo.changelogLink" target = "_blank" class = "link" > Changelog< / a > < br >
< span v-if = "modInfo.discordLink" > < a class = "link" v-bind:href = "modInfo.discordLink" target = "_blank" > {{modInfo.discordName}}< / a > < br > < / span >
< a class = "link" href = "https://discord.gg/F3xveHV" target = "_blank" v-bind:style = "modInfo.discordLink ? {'font-size': '16px'} : {}" > The Modding Tree Discord< / a > < br >
< a class = "link" href = "http://discord.gg/wwQfgPa" target = "_blank" v-bind:style = "{'font-size': '16px'}" > Main Prestige Tree server< / a > < br >
< br >
Note by Jacorb: If anyone wishes to make a mod of this game, that is perfectly fine with me, just make sure to name it something different (ex: Prestige Tree NG+) and to let me know on < a href = "https://discord.gg/wwQfgPa" target = "_blank" > my discord< / a > .
< br > < br >
Time Played: {{ formatTime(player.timePlayed) }}< br > < br >
< h3 > Hotkeys< / h3 > < br >
< span v-for = "key in hotkeys" v-if = "player[key.layer].unlocked" > < br > {{key.description}}< / span >
< / div >
< div v-if = "player.tab=='options'" class = "col right" >
2020-10-27 23:25:03 +00:00
< button class = "back" onclick = "showTab('none')" > ←< / button > < br >
2020-10-25 00:45:50 +00:00
< table >
< tr >
< td > < button class = "opt" onclick = "save()" > Save< / button > < / td >
< td > < button class = "opt" onclick = "toggleOpt('autosave')" > Autosave: {{ player.autosave?"ON":"OFF" }}< / button > < / td >
< td > < button class = "opt" onclick = "hardReset()" > HARD RESET< / button > < / td >
< / tr >
< tr >
< td > < button class = "opt" onclick = "exportSave()" > Export to clipboard< / button > < / td >
< td > < button class = "opt" onclick = "importSave()" > Import< / button > < / td >
< td > < button class = "opt" onclick = "toggleOpt('offlineProd')" > Offline Prod: {{ player.offlineProd?"ON":"OFF" }}< / button > < / td >
< / tr >
< tr >
< td > < button class = "opt" onclick = "switchTheme()" > Theme: {{ getThemeName() }}< / button > < / td >
< td > < button class = "opt" onclick = "adjustMSDisp()" > Show Milestones: {{ player.msDisplay.toUpperCase() }}< / button > < / td >
< td > < button class = "opt" onclick = "toggleOpt('hqTree')" > High-Quality Tree: {{ player.hqTree?"ON":"OFF" }}< / button > < / td >
< / tr >
< tr >
< td > < button class = "opt" onclick = "toggleOpt('hideChallenges')" > Completed Challenges: {{ player.hideChallenges?"HIDDEN":"SHOWN" }}< / button > < / td >
<!-- <td><button class="opt" onclick="toggleOpt('oldStyle')">Style: {{ player.oldStyle?"v1.0":"NEW" }}</button></td> -->
< / tr >
< / table >
< / div >
2020-10-29 18:57:42 +00:00
< div id = "treeOverlay" class = "treeOverlay" onscroll = "resizeCanvas()" v-bind:class = "{ fullWidth: (player.tab == 'none' || player.navTab == 'none'), col: (player.tab !== 'none' && player.navTab !== 'none'), left: (player.tab !== 'none' && player.navTab !== 'none')}" >
2020-10-25 00:45:50 +00:00
< div id = "version" class = "overlayThing" style = "margin-right: 13px" > {{VERSION.withoutName}}< / div >
< img id = "optionWheel" class = "overlayThing" v-if = "player.tab!='options'" src = "options_wheel.png" onclick = "showTab('options')" > < / img >
< div id = "info" v-if = "player.tab!='info'" class = "overlayThing" onclick = "showTab('info')" > < br > i< / div >
< div id = "discord" class = "overlayThing" >
< img onclick = "window.open((modInfo.discordLink ? modInfo.discordLink : 'https://discord.gg/F3xveHV'),'mywindow')" src = "discord.png" target = "_blank" > < / img >
< ul id = "discord-links" >
< li v-if = "modInfo.discordLink" > < a class = "link" v-bind:href = "modInfo.discordLink" target = "_blank" > {{modInfo.discordName}}< / a > < br > < / li >
< li > < a class = "link" href = "https://discord.gg/F3xveHV" target = "_blank" v-bind:style = "modInfo.discordLink ? {'font-size': '16px'} : {}" > The Modding Tree Discord< / a > < br > < / li >
< li > < a class = "link" href = "http://discord.gg/wwQfgPa" target = "_blank" v-bind:style = "{'font-size': '16px'}" > Main Prestige Tree server< / a > < / li >
< / ul >
< / div >
2020-10-30 17:27:23 +00:00
< overlay-head v-if = "!player.gameEnded && !(player.navTab == 'none' && (player.tab=='options' || player.tab=='info'))" > < / overlay-head >
2020-10-25 00:45:50 +00:00
< div class = "sideLayers" >
2020-10-28 02:04:16 +00:00
< div v-for = "node in OTHER_LAYERS['side']" > < layer-node :layer = 'node' :abb = 'tmp[node].symbol' :size = "'small'" > < / layer-node > < / div >
2020-10-25 00:45:50 +00:00
< / div >
< / div >
2020-10-30 17:27:23 +00:00
< div v-if = "player.gameEnded" id = "treeTab" style = "z-index: 0" onscroll = "resizeCanvas()" v-bind:class = "{ fullWidth: player.tab == 'none', col: player.tab != 'none', left: player.tab != 'none'}" >
2020-10-25 00:45:50 +00:00
< br > < br > < br > < br >
2020-10-30 01:49:34 +00:00
< overlay-head id = "fakeHead" style = "visibility: hidden;" >
< / overlay-head >
2020-10-30 17:27:23 +00:00
< layer-tab :layer = "player.navTab == 'none' ? player.tab : player.navTab" > < / layer-tab >
2020-10-27 23:25:03 +00:00
2020-10-30 17:27:23 +00:00
< / div >
< div v-if = "player.navTab !== 'none'" v-bind:class = "{ fullWidth: player.navTab == 'none', col: player.navTab != 'none', right: player.navTab != 'none', fast: true, tab: true}" >
< div v-for = "layer in LAYERS" >
< div v-if = "player.tab==layer" >
< layer-tab :layer = "layer" :back = "'none'" :spacing = "'50px'" > < / layer-tab >
< / div >
2020-10-25 00:45:50 +00:00
< / div >
< / div >
< / div >
2020-10-25 22:21:02 +00:00
< / body >
