diff --git a/404.html b/404.html index 3d785d06..733dd352 100644 --- a/404.html +++ b/404.html @@ -21,7 +21,7 @@

Appearance

404

PAGE NOT FOUND

But if you don't change your direction, and if you keep looking, you may end up where you are heading.
Take me home
- + diff --git a/assets/index.md.be9a3711.js b/assets/index.md.ae2fa25c.js similarity index 88% rename from assets/index.md.be9a3711.js rename to assets/index.md.ae2fa25c.js index f9e7f074..61f0ffbc 100644 --- a/assets/index.md.be9a3711.js +++ b/assets/index.md.ae2fa25c.js @@ -1 +1 @@ -import{_ as e,c as t,o as a}from"./app.99998402.js";const m=JSON.parse(`{"title":"The Paper Pilot","description":"","frontmatter":{"title":"The Paper Pilot","layout":"home","hero":{"name":"The Paper Pilot","tagline":"I'm Anthony, or The Paper Pilot, and I make fun games and tools!","actions":[{"theme":"brand","text":"My Projects","link":"/projects/"}]}},"headers":[],"relativePath":"index.md","lastUpdated":1676961451000}`),o={name:"index.md"};function n(r,s,i,c,d,p){return a(),t("div")}const h=e(o,[["render",n]]);export{m as __pageData,h as default}; +import{_ as e,c as t,o as a}from"./app.99998402.js";const m=JSON.parse(`{"title":"The Paper Pilot","description":"","frontmatter":{"title":"The Paper Pilot","layout":"home","hero":{"name":"The Paper Pilot","tagline":"I'm Anthony, or The Paper Pilot, and I make fun games and tools!","actions":[{"theme":"brand","text":"My Projects","link":"/projects/"}]}},"headers":[],"relativePath":"index.md","lastUpdated":1676986465000}`),o={name:"index.md"};function n(r,s,i,c,d,p){return a(),t("div")}const h=e(o,[["render",n]]);export{m as __pageData,h as default}; diff --git a/assets/index.md.be9a3711.lean.js b/assets/index.md.ae2fa25c.lean.js similarity index 88% rename from assets/index.md.be9a3711.lean.js rename to assets/index.md.ae2fa25c.lean.js index f9e7f074..61f0ffbc 100644 --- a/assets/index.md.be9a3711.lean.js +++ b/assets/index.md.ae2fa25c.lean.js @@ -1 +1 @@ -import{_ as e,c as t,o as a}from"./app.99998402.js";const m=JSON.parse(`{"title":"The Paper Pilot","description":"","frontmatter":{"title":"The Paper Pilot","layout":"home","hero":{"name":"The Paper Pilot","tagline":"I'm Anthony, or The Paper Pilot, and I make fun games and tools!","actions":[{"theme":"brand","text":"My Projects","link":"/projects/"}]}},"headers":[],"relativePath":"index.md","lastUpdated":1676961451000}`),o={name:"index.md"};function n(r,s,i,c,d,p){return a(),t("div")}const h=e(o,[["render",n]]);export{m as __pageData,h as default}; +import{_ as e,c as t,o as a}from"./app.99998402.js";const m=JSON.parse(`{"title":"The Paper Pilot","description":"","frontmatter":{"title":"The Paper Pilot","layout":"home","hero":{"name":"The Paper Pilot","tagline":"I'm Anthony, or The Paper Pilot, and I make fun games and tools!","actions":[{"theme":"brand","text":"My Projects","link":"/projects/"}]}},"headers":[],"relativePath":"index.md","lastUpdated":1676986465000}`),o={name:"index.md"};function n(r,s,i,c,d,p){return a(),t("div")}const h=e(o,[["render",n]]);export{m as __pageData,h as default}; diff --git a/assets/projects_babble_index.md.21ac71b1.js b/assets/projects_babble_index.md.93eae4ff.js similarity index 98% rename from assets/projects_babble_index.md.21ac71b1.js rename to assets/projects_babble_index.md.93eae4ff.js index d706d3ee..82534c4d 100644 --- a/assets/projects_babble_index.md.21ac71b1.js +++ b/assets/projects_babble_index.md.93eae4ff.js @@ -1 +1 @@ -import{_ as e,c as a,o as t,d as r}from"./app.99998402.js";const s="/assets/screenshot.3bf794a2.png",o="/assets/babblemmscreenshot.7646b6c2.png",g=JSON.parse('{"title":"Babble Buds","description":"","frontmatter":{"title":"Babble Buds"},"headers":[{"level":2,"title":"Engine","slug":"engine","link":"#engine","children":[]},{"level":2,"title":"Babble Movie Maker","slug":"babble-movie-maker","link":"#babble-movie-maker","children":[]}],"relativePath":"projects/babble/index.md","lastUpdated":1676961451000}'),n={name:"projects/babble/index.md"},i=r('

Babble Buds

Babble Buds Homepage

Source Code:

Babble buds is a free, open-source virtual puppet show software. It is heavily based on the non-public software called "Puppet Pals", used in URealms Live. The software is written in javascript using React, a rendering library called PIXI.js, and electron.

Users can create puppets with different faces for different emotions, and then use the puppet on a stage where you and other users can each make your respective puppets move, change emotions, and "babble" at each other. The stage has a green screen feature and can be popped out, which gives the users tons of possibilities in terms of using the program for a role-playing live stream, faux video chatting with friends, game development, or whatever else you want!

Users can connect to the public server and create private rooms so that they and their friends can see each other's puppets and use the software however they please. For the security conscious, you can also use the server's source code to self-host your private server.

Babble Buds Screenshot

Engine

The engine originally made to make the Babble Buds program was separated into a separate engine called babble.js, so that projects created in Babble Buds can be used in other projects. For example, a game can create puppets in Babble Buds and then use them for cutscenes or player agency inside of the game. Additionally, it has been ported to C# (called babble.cs) for use with Unity, for the same kinds of purposes. You can check out Tower Offense for a pixi.js game using Babble Buds puppets for the cutscenes, or Dice Armor for a unity game using Babble Buds puppets for the cutscenes.

Babble Movie Maker

Babble Movie Maker is a cutscene editor for Babble Buds puppets. You open a babble buds project in it, and you can add actors to a stage and have them move and change expressions, etc., on a timeline. You can then use the cutscene in a game using babble.js or babble.cs, or export the cutscene into a video file. There is even support for defining custom commands with custom fields, so that if you've expanded upon the default actions provided in babble.js or babble.cs, you can still use Movie Maker to create your cutscenes.

Babble MM Screenshot

',13),b=[i];function c(l,p,d,h,u,f){return t(),a("div",null,b)}const v=e(n,[["render",c]]);export{g as __pageData,v as default}; +import{_ as e,c as a,o as t,d as r}from"./app.99998402.js";const s="/assets/screenshot.3bf794a2.png",o="/assets/babblemmscreenshot.7646b6c2.png",g=JSON.parse('{"title":"Babble Buds","description":"","frontmatter":{"title":"Babble Buds"},"headers":[{"level":2,"title":"Engine","slug":"engine","link":"#engine","children":[]},{"level":2,"title":"Babble Movie Maker","slug":"babble-movie-maker","link":"#babble-movie-maker","children":[]}],"relativePath":"projects/babble/index.md","lastUpdated":1676986465000}'),n={name:"projects/babble/index.md"},i=r('

Babble Buds

Babble Buds Homepage

Source Code:

Babble buds is a free, open-source virtual puppet show software. It is heavily based on the non-public software called "Puppet Pals", used in URealms Live. The software is written in javascript using React, a rendering library called PIXI.js, and electron.

Users can create puppets with different faces for different emotions, and then use the puppet on a stage where you and other users can each make your respective puppets move, change emotions, and "babble" at each other. The stage has a green screen feature and can be popped out, which gives the users tons of possibilities in terms of using the program for a role-playing live stream, faux video chatting with friends, game development, or whatever else you want!

Users can connect to the public server and create private rooms so that they and their friends can see each other's puppets and use the software however they please. For the security conscious, you can also use the server's source code to self-host your private server.

Babble Buds Screenshot

Engine

The engine originally made to make the Babble Buds program was separated into a separate engine called babble.js, so that projects created in Babble Buds can be used in other projects. For example, a game can create puppets in Babble Buds and then use them for cutscenes or player agency inside of the game. Additionally, it has been ported to C# (called babble.cs) for use with Unity, for the same kinds of purposes. You can check out Tower Offense for a pixi.js game using Babble Buds puppets for the cutscenes, or Dice Armor for a unity game using Babble Buds puppets for the cutscenes.

Babble Movie Maker

Babble Movie Maker is a cutscene editor for Babble Buds puppets. You open a babble buds project in it, and you can add actors to a stage and have them move and change expressions, etc., on a timeline. You can then use the cutscene in a game using babble.js or babble.cs, or export the cutscene into a video file. There is even support for defining custom commands with custom fields, so that if you've expanded upon the default actions provided in babble.js or babble.cs, you can still use Movie Maker to create your cutscenes.

Babble MM Screenshot

',13),b=[i];function c(l,p,d,h,u,f){return t(),a("div",null,b)}const v=e(n,[["render",c]]);export{g as __pageData,v as default}; diff --git a/assets/projects_babble_index.md.21ac71b1.lean.js b/assets/projects_babble_index.md.93eae4ff.lean.js similarity index 90% rename from assets/projects_babble_index.md.21ac71b1.lean.js rename to assets/projects_babble_index.md.93eae4ff.lean.js index e4e2ff4f..9b691ce9 100644 --- a/assets/projects_babble_index.md.21ac71b1.lean.js +++ b/assets/projects_babble_index.md.93eae4ff.lean.js @@ -1 +1 @@ -import{_ as e,c as a,o as t,d as r}from"./app.99998402.js";const s="/assets/screenshot.3bf794a2.png",o="/assets/babblemmscreenshot.7646b6c2.png",g=JSON.parse('{"title":"Babble Buds","description":"","frontmatter":{"title":"Babble Buds"},"headers":[{"level":2,"title":"Engine","slug":"engine","link":"#engine","children":[]},{"level":2,"title":"Babble Movie Maker","slug":"babble-movie-maker","link":"#babble-movie-maker","children":[]}],"relativePath":"projects/babble/index.md","lastUpdated":1676961451000}'),n={name:"projects/babble/index.md"},i=r("",13),b=[i];function c(l,p,d,h,u,f){return t(),a("div",null,b)}const v=e(n,[["render",c]]);export{g as __pageData,v as default}; +import{_ as e,c as a,o as t,d as r}from"./app.99998402.js";const s="/assets/screenshot.3bf794a2.png",o="/assets/babblemmscreenshot.7646b6c2.png",g=JSON.parse('{"title":"Babble Buds","description":"","frontmatter":{"title":"Babble Buds"},"headers":[{"level":2,"title":"Engine","slug":"engine","link":"#engine","children":[]},{"level":2,"title":"Babble Movie Maker","slug":"babble-movie-maker","link":"#babble-movie-maker","children":[]}],"relativePath":"projects/babble/index.md","lastUpdated":1676986465000}'),n={name:"projects/babble/index.md"},i=r("",13),b=[i];function c(l,p,d,h,u,f){return t(),a("div",null,b)}const v=e(n,[["render",c]]);export{g as __pageData,v as default}; diff --git a/assets/projects_citadel_index.md.da0ccde6.js b/assets/projects_citadel_index.md.1e74d84c.js similarity index 93% rename from assets/projects_citadel_index.md.da0ccde6.js rename to assets/projects_citadel_index.md.1e74d84c.js index fc2948c7..7ba9f87b 100644 --- a/assets/projects_citadel_index.md.da0ccde6.js +++ b/assets/projects_citadel_index.md.1e74d84c.js @@ -1 +1 @@ -import{_ as a,c as r,o as s,a as e,b as t}from"./app.99998402.js";const n="/assets/screenshot.f2631300.png",C=JSON.parse('{"title":"Capture the Citadel","description":"","frontmatter":{"title":"Capture the Citadel"},"headers":[],"relativePath":"projects/citadel/index.md","lastUpdated":1676961451000}'),o={name:"projects/citadel/index.md"},i=e("h1",{id:"capture-the-citadel",tabindex:"-1"},[t("Capture the Citadel "),e("a",{class:"header-anchor",href:"#capture-the-citadel","aria-hidden":"true"},"#")],-1),c=e("p",null,"A 3D VR re-envisioning of a Slay the Spire-style game by Anthony Lawn and Grant Barbee for their VR class in college's final project.",-1),d=e("p",null,[t("For more details, visit "),e("a",{href:"https://grantcbarbee.github.io/conquer-the-citadel.html",target:"_blank",rel:"noreferrer"},"Grant's page on the game"),t(".")],-1),l=e("p",null,[e("img",{src:n,alt:"Screenshot"})],-1),h=[i,c,d,l];function p(_,u,f,m,g,b){return s(),r("div",null,h)}const v=a(o,[["render",p]]);export{C as __pageData,v as default}; +import{_ as a,c as r,o as s,a as e,b as t}from"./app.99998402.js";const n="/assets/screenshot.f2631300.png",C=JSON.parse('{"title":"Capture the Citadel","description":"","frontmatter":{"title":"Capture the Citadel"},"headers":[],"relativePath":"projects/citadel/index.md","lastUpdated":1676986465000}'),o={name:"projects/citadel/index.md"},i=e("h1",{id:"capture-the-citadel",tabindex:"-1"},[t("Capture the Citadel "),e("a",{class:"header-anchor",href:"#capture-the-citadel","aria-hidden":"true"},"#")],-1),c=e("p",null,"A 3D VR re-envisioning of a Slay the Spire-style game by Anthony Lawn and Grant Barbee for their VR class in college's final project.",-1),d=e("p",null,[t("For more details, visit "),e("a",{href:"https://grantcbarbee.github.io/conquer-the-citadel.html",target:"_blank",rel:"noreferrer"},"Grant's page on the game"),t(".")],-1),l=e("p",null,[e("img",{src:n,alt:"Screenshot"})],-1),h=[i,c,d,l];function p(_,u,f,m,g,b){return s(),r("div",null,h)}const v=a(o,[["render",p]]);export{C as __pageData,v as default}; diff --git a/assets/projects_citadel_index.md.da0ccde6.lean.js b/assets/projects_citadel_index.md.1e74d84c.lean.js similarity index 93% rename from assets/projects_citadel_index.md.da0ccde6.lean.js rename to assets/projects_citadel_index.md.1e74d84c.lean.js index fc2948c7..7ba9f87b 100644 --- a/assets/projects_citadel_index.md.da0ccde6.lean.js +++ b/assets/projects_citadel_index.md.1e74d84c.lean.js @@ -1 +1 @@ -import{_ as a,c as r,o as s,a as e,b as t}from"./app.99998402.js";const n="/assets/screenshot.f2631300.png",C=JSON.parse('{"title":"Capture the Citadel","description":"","frontmatter":{"title":"Capture the Citadel"},"headers":[],"relativePath":"projects/citadel/index.md","lastUpdated":1676961451000}'),o={name:"projects/citadel/index.md"},i=e("h1",{id:"capture-the-citadel",tabindex:"-1"},[t("Capture the Citadel "),e("a",{class:"header-anchor",href:"#capture-the-citadel","aria-hidden":"true"},"#")],-1),c=e("p",null,"A 3D VR re-envisioning of a Slay the Spire-style game by Anthony Lawn and Grant Barbee for their VR class in college's final project.",-1),d=e("p",null,[t("For more details, visit "),e("a",{href:"https://grantcbarbee.github.io/conquer-the-citadel.html",target:"_blank",rel:"noreferrer"},"Grant's page on the game"),t(".")],-1),l=e("p",null,[e("img",{src:n,alt:"Screenshot"})],-1),h=[i,c,d,l];function p(_,u,f,m,g,b){return s(),r("div",null,h)}const v=a(o,[["render",p]]);export{C as __pageData,v as default}; +import{_ as a,c as r,o as s,a as e,b as t}from"./app.99998402.js";const n="/assets/screenshot.f2631300.png",C=JSON.parse('{"title":"Capture the Citadel","description":"","frontmatter":{"title":"Capture the Citadel"},"headers":[],"relativePath":"projects/citadel/index.md","lastUpdated":1676986465000}'),o={name:"projects/citadel/index.md"},i=e("h1",{id:"capture-the-citadel",tabindex:"-1"},[t("Capture the Citadel "),e("a",{class:"header-anchor",href:"#capture-the-citadel","aria-hidden":"true"},"#")],-1),c=e("p",null,"A 3D VR re-envisioning of a Slay the Spire-style game by Anthony Lawn and Grant Barbee for their VR class in college's final project.",-1),d=e("p",null,[t("For more details, visit "),e("a",{href:"https://grantcbarbee.github.io/conquer-the-citadel.html",target:"_blank",rel:"noreferrer"},"Grant's page on the game"),t(".")],-1),l=e("p",null,[e("img",{src:n,alt:"Screenshot"})],-1),h=[i,c,d,l];function p(_,u,f,m,g,b){return s(),r("div",null,h)}const v=a(o,[["render",p]]);export{C as __pageData,v as default}; diff --git a/assets/projects_dice_index.md.082b0d43.js b/assets/projects_dice_index.md.12c98397.js similarity index 99% rename from assets/projects_dice_index.md.082b0d43.js rename to assets/projects_dice_index.md.12c98397.js index cb64986e..c65ce428 100644 --- a/assets/projects_dice_index.md.082b0d43.js +++ b/assets/projects_dice_index.md.12c98397.js @@ -1 +1 @@ -import{_ as e,c as t,o as a,d as i}from"./app.99998402.js";const o="/assets/da2.57c7af0b.png",s="/assets/editors.c2eaa93b.png",n="/assets/simulator.7ede7b83.jpg",r="/assets/da1.ae7a2bb1.png",h="/assets/da6.5b5d63de.png",d="/assets/da7.b7b33663.png",l="/assets/da8.d623c64f.png",c="/assets/da3.e16fb4de.png",p="/assets/da9.35a2db61.png",I=JSON.parse('{"title":"Dice Armor","description":"","frontmatter":{"title":"Dice Armor"},"headers":[],"relativePath":"projects/dice/index.md","lastUpdated":1676961451000}'),g={name:"projects/dice/index.md"},m=i('

Dice Armor

Download Here

Dice Armor is a game that started development as a semester-long project by a team of nine: a producer, a creative director, a narrative writer, an artist, two programmers, and 3 game designers. The information here is about my contributions as the lead programmer over the semester because I can show off stuff like the editor scripts I wrote. I was doing everything from interface coding, editor scripts, integrating Babble Buds, and of course, everything related to the gameplay itself. To date I'm still the lead programmer for the game; for more up-to-date information on the current state of the game please visit the official site.

The build available here was created for showing off at the end of the semester, and as such has some buttons present to make the game easier to skip parts of the game to see all the content: You start with all the dice in the game already in the shop, there's a button to give yourself free money to buy these dice with, and in the duel, there are buttons to force a win or a loss, which can be used to skip the tutorial (not recommended for first-time players).

Tutorial

Dice Armor is a dice dueling game. Players can use abilities, flip dice, and attack each other to win in a dice game that puts chance into the hands of the players. This is what the dueling scene looks like, with a tutorial cutscene happening on top to guide the player through the basics. Also, all the dice are constructed dynamically, using quaternion math to figure out the placement of each component relative to the face it is going on. The die in the middle has one of the player' and opponents' portraits on each of its sides.

Editors

For many of the objects I've created, I've made scriptable objects so that game designers can add and modify them easily. Additionally, I would create custom inspectors for the objects to help make them as easy to understand and edit as possible. The opponent's artificial intelligence is made up of many strategies, in a prioritized list. When it is the opponents' turn they go through each strategy and check if they can be run, and if so then the opponent performs the strategy and starts back over at the top of the list of strategies. The + sign under the list of strategies opens an organized dropdown of all the various strategies.

Simulator

In addition to custom inspector code, I've created new tools for the editor for our game designers to use. This is a duel simulator that will take two opponents and simulate an arbitrary number of duels between them, and output the results and summarize them for you, much much quicker than manually going through the duels, even with an absurdly high timeScale. This will become incredibly useful in making balance changes and testing new dice against existing sets. This is a screenshot of it in edit mode, but in play mode it removes the "Dueling Managers" field and will use whatever the current duel balance settings are, allowing for the GDs to test freely in play mode without worrying about undoing all their changes afterward.

Cutscene

I created the Babble Buds puppet editor and ported the rendering library I wrote for it to C# so it could be used in Unity. Dice Armor has a full campaign using cutscenes made using the Babble Buds cutscene editor, taking advantage of its support for custom commands and fields to control things like talking, giving the player dice and money, starting duels, and controlling player progression through the story.

Action Wheel

When a cutscene ends, its final command is to either start a duel or set the next cutscene in the story. In the latter case, there is an additional field for what to call the next cutscene, and what location it takes place. The cutscene is then added to the player's save file, and when they visit the city locations are greyed out until they have at least one action to do there. Each location has a dynamically populated action wheel with a custom range of acceptable angles.

Shop

The dice shop is dynamically populated by a list of dice available to the player, which can be changed during cutscenes, and is checked against the dice owned by the player to generate sold-out indicators. On the left, the player can choose to filter the options down to a single dice effect, which also updates the "Buy All" button to buy only all the dice in the current filter.

Inventory

The inventory works most the same as the shop, but for equipping dice. It also allows you to drag individual dice or entire sets to the equipped dice glyph. While dragging it will highlight all the slots the new dice will be equipped into.

Dice Rolling

The dice rolling uses the physics engine and detects once the dice have stopped moving, then determines which side is face up based on which of the normals is closest to straight up. It flags the die as cocked if that smallest angle is above a threshold. The dice sink into the table when not rolling to not interfere with any dice that are rolling.

Missile Storm

During certain events like winning the game or having the face of a die broken, the players' portraits will flash an emotion for a second. After winning, a random living die from the winning player is chosen to play their "finisher move", a flashy and dramatic effect to end the game. Shown is the arcane mechana's finisher, "Missile Storm".

',22),u=[m];function f(y,b,w,_,v,k){return a(),t("div",null,u)}const q=e(g,[["render",f]]);export{I as __pageData,q as default}; +import{_ as e,c as t,o as a,d as i}from"./app.99998402.js";const o="/assets/da2.57c7af0b.png",s="/assets/editors.c2eaa93b.png",n="/assets/simulator.7ede7b83.jpg",r="/assets/da1.ae7a2bb1.png",h="/assets/da6.5b5d63de.png",d="/assets/da7.b7b33663.png",l="/assets/da8.d623c64f.png",c="/assets/da3.e16fb4de.png",p="/assets/da9.35a2db61.png",I=JSON.parse('{"title":"Dice Armor","description":"","frontmatter":{"title":"Dice Armor"},"headers":[],"relativePath":"projects/dice/index.md","lastUpdated":1676986465000}'),g={name:"projects/dice/index.md"},m=i('

Dice Armor

Download Here

Dice Armor is a game that started development as a semester-long project by a team of nine: a producer, a creative director, a narrative writer, an artist, two programmers, and 3 game designers. The information here is about my contributions as the lead programmer over the semester because I can show off stuff like the editor scripts I wrote. I was doing everything from interface coding, editor scripts, integrating Babble Buds, and of course, everything related to the gameplay itself. To date I'm still the lead programmer for the game; for more up-to-date information on the current state of the game please visit the official site.

The build available here was created for showing off at the end of the semester, and as such has some buttons present to make the game easier to skip parts of the game to see all the content: You start with all the dice in the game already in the shop, there's a button to give yourself free money to buy these dice with, and in the duel, there are buttons to force a win or a loss, which can be used to skip the tutorial (not recommended for first-time players).

Tutorial

Dice Armor is a dice dueling game. Players can use abilities, flip dice, and attack each other to win in a dice game that puts chance into the hands of the players. This is what the dueling scene looks like, with a tutorial cutscene happening on top to guide the player through the basics. Also, all the dice are constructed dynamically, using quaternion math to figure out the placement of each component relative to the face it is going on. The die in the middle has one of the player' and opponents' portraits on each of its sides.

Editors

For many of the objects I've created, I've made scriptable objects so that game designers can add and modify them easily. Additionally, I would create custom inspectors for the objects to help make them as easy to understand and edit as possible. The opponent's artificial intelligence is made up of many strategies, in a prioritized list. When it is the opponents' turn they go through each strategy and check if they can be run, and if so then the opponent performs the strategy and starts back over at the top of the list of strategies. The + sign under the list of strategies opens an organized dropdown of all the various strategies.

Simulator

In addition to custom inspector code, I've created new tools for the editor for our game designers to use. This is a duel simulator that will take two opponents and simulate an arbitrary number of duels between them, and output the results and summarize them for you, much much quicker than manually going through the duels, even with an absurdly high timeScale. This will become incredibly useful in making balance changes and testing new dice against existing sets. This is a screenshot of it in edit mode, but in play mode it removes the "Dueling Managers" field and will use whatever the current duel balance settings are, allowing for the GDs to test freely in play mode without worrying about undoing all their changes afterward.

Cutscene

I created the Babble Buds puppet editor and ported the rendering library I wrote for it to C# so it could be used in Unity. Dice Armor has a full campaign using cutscenes made using the Babble Buds cutscene editor, taking advantage of its support for custom commands and fields to control things like talking, giving the player dice and money, starting duels, and controlling player progression through the story.

Action Wheel

When a cutscene ends, its final command is to either start a duel or set the next cutscene in the story. In the latter case, there is an additional field for what to call the next cutscene, and what location it takes place. The cutscene is then added to the player's save file, and when they visit the city locations are greyed out until they have at least one action to do there. Each location has a dynamically populated action wheel with a custom range of acceptable angles.

Shop

The dice shop is dynamically populated by a list of dice available to the player, which can be changed during cutscenes, and is checked against the dice owned by the player to generate sold-out indicators. On the left, the player can choose to filter the options down to a single dice effect, which also updates the "Buy All" button to buy only all the dice in the current filter.

Inventory

The inventory works most the same as the shop, but for equipping dice. It also allows you to drag individual dice or entire sets to the equipped dice glyph. While dragging it will highlight all the slots the new dice will be equipped into.

Dice Rolling

The dice rolling uses the physics engine and detects once the dice have stopped moving, then determines which side is face up based on which of the normals is closest to straight up. It flags the die as cocked if that smallest angle is above a threshold. The dice sink into the table when not rolling to not interfere with any dice that are rolling.

Missile Storm

During certain events like winning the game or having the face of a die broken, the players' portraits will flash an emotion for a second. After winning, a random living die from the winning player is chosen to play their "finisher move", a flashy and dramatic effect to end the game. Shown is the arcane mechana's finisher, "Missile Storm".

',22),u=[m];function f(y,b,w,_,v,k){return a(),t("div",null,u)}const q=e(g,[["render",f]]);export{I as __pageData,q as default}; diff --git a/assets/projects_dice_index.md.082b0d43.lean.js b/assets/projects_dice_index.md.12c98397.lean.js similarity index 90% rename from assets/projects_dice_index.md.082b0d43.lean.js rename to assets/projects_dice_index.md.12c98397.lean.js index 05a2dd8c..796499c9 100644 --- a/assets/projects_dice_index.md.082b0d43.lean.js +++ b/assets/projects_dice_index.md.12c98397.lean.js @@ -1 +1 @@ -import{_ as e,c as t,o as a,d as i}from"./app.99998402.js";const o="/assets/da2.57c7af0b.png",s="/assets/editors.c2eaa93b.png",n="/assets/simulator.7ede7b83.jpg",r="/assets/da1.ae7a2bb1.png",h="/assets/da6.5b5d63de.png",d="/assets/da7.b7b33663.png",l="/assets/da8.d623c64f.png",c="/assets/da3.e16fb4de.png",p="/assets/da9.35a2db61.png",I=JSON.parse('{"title":"Dice Armor","description":"","frontmatter":{"title":"Dice Armor"},"headers":[],"relativePath":"projects/dice/index.md","lastUpdated":1676961451000}'),g={name:"projects/dice/index.md"},m=i("",22),u=[m];function f(y,b,w,_,v,k){return a(),t("div",null,u)}const q=e(g,[["render",f]]);export{I as __pageData,q as default}; +import{_ as e,c as t,o as a,d as i}from"./app.99998402.js";const o="/assets/da2.57c7af0b.png",s="/assets/editors.c2eaa93b.png",n="/assets/simulator.7ede7b83.jpg",r="/assets/da1.ae7a2bb1.png",h="/assets/da6.5b5d63de.png",d="/assets/da7.b7b33663.png",l="/assets/da8.d623c64f.png",c="/assets/da3.e16fb4de.png",p="/assets/da9.35a2db61.png",I=JSON.parse('{"title":"Dice Armor","description":"","frontmatter":{"title":"Dice Armor"},"headers":[],"relativePath":"projects/dice/index.md","lastUpdated":1676986465000}'),g={name:"projects/dice/index.md"},m=i("",22),u=[m];function f(y,b,w,_,v,k){return a(),t("div",null,u)}const q=e(g,[["render",f]]);export{I as __pageData,q as default}; diff --git a/assets/projects_index.md.a5c9b927.js b/assets/projects_index.md.00414e01.js similarity index 97% rename from assets/projects_index.md.a5c9b927.js rename to assets/projects_index.md.00414e01.js index 5ae51db2..72b283f8 100644 --- a/assets/projects_index.md.a5c9b927.js +++ b/assets/projects_index.md.00414e01.js @@ -1 +1 @@ -import{_ as e,c as a,o as t,d as r}from"./app.99998402.js";const f=JSON.parse('{"title":"Projects","description":"","frontmatter":{"title":"Projects","lastUpdated":false},"headers":[],"relativePath":"projects/index.md","lastUpdated":1676961451000}'),n={name:"projects/index.md"},s=r('

Games!

I make games regularly! Check them out in the sidebar or on my itch.io page.

Profectus!

I contributed to a modding framework called The Modding Tree and then made Profectus as an alternative that gives developers more control. Profectus is a game engine for the web that uses TS and Vue.

V-ecs!

V-ecs (pronounced "Vex") is a Vulkan-based engine I made for making highly moddable games and tools in Lua centered around the ECS design pattern and a work-stealing job system.

OptiSpeech!

I led a team updating a legacy Unity project for research on speech therapy to use a modern version with a focus on extensibility to facilitate future maintenance and features.

Babble Buds!

Babble Buds is a free, open-source virtual puppet show engine I made for various platforms including HTLM5 and Unity, as well as an accompanying electron-based puppet editor and multiplayer stage.

Dice Armor

I was the lead programmer on a team of nine creating this game in a semester-long college course. I programmed all the gameplay systems as well as incorporated Babble Buds for the cutscenes and tutorial.

Capture the Citadel

A 3D VR re-envisioning of a Slay the Spire-style game by Anthony Lawn and Grant Barbee.

',14),i=[s];function o(d,h,c,l,p,u){return t(),a("div",null,i)}const b=e(n,[["render",o]]);export{f as __pageData,b as default}; +import{_ as e,c as a,o as t,d as r}from"./app.99998402.js";const f=JSON.parse('{"title":"Projects","description":"","frontmatter":{"title":"Projects","lastUpdated":false},"headers":[],"relativePath":"projects/index.md","lastUpdated":1676986465000}'),n={name:"projects/index.md"},s=r('

Games!

I make games regularly! Check them out in the sidebar or on my itch.io page.

Profectus!

I contributed to a modding framework called The Modding Tree and then made Profectus as an alternative that gives developers more control. Profectus is a game engine for the web that uses TS and Vue.

V-ecs!

V-ecs (pronounced "Vex") is a Vulkan-based engine I made for making highly moddable games and tools in Lua centered around the ECS design pattern and a work-stealing job system.

OptiSpeech!

I led a team updating a legacy Unity project for research on speech therapy to use a modern version with a focus on extensibility to facilitate future maintenance and features.

Babble Buds!

Babble Buds is a free, open-source virtual puppet show engine I made for various platforms including HTLM5 and Unity, as well as an accompanying electron-based puppet editor and multiplayer stage.

Dice Armor

I was the lead programmer on a team of nine creating this game in a semester-long college course. I programmed all the gameplay systems as well as incorporated Babble Buds for the cutscenes and tutorial.

Capture the Citadel

A 3D VR re-envisioning of a Slay the Spire-style game by Anthony Lawn and Grant Barbee.

',14),i=[s];function o(d,h,c,l,p,u){return t(),a("div",null,i)}const b=e(n,[["render",o]]);export{f as __pageData,b as default}; diff --git a/assets/projects_index.md.a5c9b927.lean.js b/assets/projects_index.md.00414e01.lean.js similarity index 84% rename from assets/projects_index.md.a5c9b927.lean.js rename to assets/projects_index.md.00414e01.lean.js index d7da9073..20bf0b36 100644 --- a/assets/projects_index.md.a5c9b927.lean.js +++ b/assets/projects_index.md.00414e01.lean.js @@ -1 +1 @@ -import{_ as e,c as a,o as t,d as r}from"./app.99998402.js";const f=JSON.parse('{"title":"Projects","description":"","frontmatter":{"title":"Projects","lastUpdated":false},"headers":[],"relativePath":"projects/index.md","lastUpdated":1676961451000}'),n={name:"projects/index.md"},s=r("",14),i=[s];function o(d,h,c,l,p,u){return t(),a("div",null,i)}const b=e(n,[["render",o]]);export{f as __pageData,b as default}; +import{_ as e,c as a,o as t,d as r}from"./app.99998402.js";const f=JSON.parse('{"title":"Projects","description":"","frontmatter":{"title":"Projects","lastUpdated":false},"headers":[],"relativePath":"projects/index.md","lastUpdated":1676986465000}'),n={name:"projects/index.md"},s=r("",14),i=[s];function o(d,h,c,l,p,u){return t(),a("div",null,i)}const b=e(n,[["render",o]]);export{f as __pageData,b as default}; diff --git a/assets/projects_optispeech_index.md.6fd3f043.js b/assets/projects_optispeech_index.md.0f8444db.js similarity index 97% rename from assets/projects_optispeech_index.md.6fd3f043.js rename to assets/projects_optispeech_index.md.0f8444db.js index 36604c42..306c5144 100644 --- a/assets/projects_optispeech_index.md.6fd3f043.js +++ b/assets/projects_optispeech_index.md.0f8444db.js @@ -1 +1 @@ -import{_ as t,c as s,o as a,a as e,b as o}from"./app.99998402.js";const n="/assets/system-architecture-600.254c8a7e.jpg",r="/assets/new-interface.99f03ba7.png",i="/assets/documentation.4e9ae6e0.png",c="/assets/unittests.e8833eb5.png",U=JSON.parse('{"title":"OptiSpeech","description":"","frontmatter":{"title":"OptiSpeech"},"headers":[],"relativePath":"projects/optispeech/index.md","lastUpdated":1676961451000}'),l={name:"projects/optispeech/index.md"},d=e("h1",{id:"optispeech",tabindex:"-1"},[o("OptiSpeech "),e("a",{class:"header-anchor",href:"#optispeech","aria-hidden":"true"},"#")],-1),p=e("p",null,"The Optispeech project involves designing and testing a real-time tongue model that can be viewed in a transparent head while a subject talks \u2014 for the purposes of treating speech errors and teaching foreign language sounds. This work has been conducted in partnership with Vulintus and with support from the National Institutes of Health (NIH). The UT Dallas Speech Production Lab is currently updating the program to use updated versions of Unity and adding support for more features and hardware.",-1),h=e("p",null,[e("img",{src:n,alt:"System Architecture"})],-1),u=e("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/9uHqIRs7ZjM",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:"",style:{display:"block",margin:"auto"}},null,-1),m=e("p",null,"This video shows a talker with WAVE sensors placed on the tongue hitting a virtual target sphere located at the alveolar ridge. When an alveolar consonant is hit (e.g., /s/, /n/, /d/) the sphere changes color from red to green.",-1),g=e("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/Oz42mKvlzqI",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:"",style:{display:"block",margin:"auto"}},null,-1),_=e("p",null,"This video shows an American talker learning a novel sound not found in English. When the post-alveolar consonant is hit, the target sphere changes color from red to green. Here, the NDI WAVE system serves as input.",-1),f=e("p",null,"The program is being updated by a team in the UT Dallas Speech Production Lab led by Anthony Lawn, so the program uses a more modern version of Unity, has an easier-to-use interface, can more easily support new features, and can connect to additional EMA systems, namely the Carstens AG501.",-1),w=e("p",null,[e("img",{src:r,alt:"New Interface"})],-1),y=e("p",null,"In addition, the program now includes documentation and unit tests to improve program stability and maintainability going forward.",-1),b=e("p",null,[e("img",{src:i,alt:"Documentation"})],-1),v=e("p",null,[e("img",{src:c,alt:"Unit Tests"})],-1),T=[d,p,h,u,m,g,_,f,w,y,b,v];function k(x,A,I,N,S,j){return a(),s("div",null,T)}const D=t(l,[["render",k]]);export{U as __pageData,D as default}; +import{_ as t,c as s,o as a,a as e,b as o}from"./app.99998402.js";const n="/assets/system-architecture-600.254c8a7e.jpg",r="/assets/new-interface.99f03ba7.png",i="/assets/documentation.4e9ae6e0.png",c="/assets/unittests.e8833eb5.png",U=JSON.parse('{"title":"OptiSpeech","description":"","frontmatter":{"title":"OptiSpeech"},"headers":[],"relativePath":"projects/optispeech/index.md","lastUpdated":1676986465000}'),l={name:"projects/optispeech/index.md"},d=e("h1",{id:"optispeech",tabindex:"-1"},[o("OptiSpeech "),e("a",{class:"header-anchor",href:"#optispeech","aria-hidden":"true"},"#")],-1),p=e("p",null,"The Optispeech project involves designing and testing a real-time tongue model that can be viewed in a transparent head while a subject talks \u2014 for the purposes of treating speech errors and teaching foreign language sounds. This work has been conducted in partnership with Vulintus and with support from the National Institutes of Health (NIH). The UT Dallas Speech Production Lab is currently updating the program to use updated versions of Unity and adding support for more features and hardware.",-1),h=e("p",null,[e("img",{src:n,alt:"System Architecture"})],-1),u=e("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/9uHqIRs7ZjM",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:"",style:{display:"block",margin:"auto"}},null,-1),m=e("p",null,"This video shows a talker with WAVE sensors placed on the tongue hitting a virtual target sphere located at the alveolar ridge. When an alveolar consonant is hit (e.g., /s/, /n/, /d/) the sphere changes color from red to green.",-1),g=e("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/Oz42mKvlzqI",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:"",style:{display:"block",margin:"auto"}},null,-1),_=e("p",null,"This video shows an American talker learning a novel sound not found in English. When the post-alveolar consonant is hit, the target sphere changes color from red to green. Here, the NDI WAVE system serves as input.",-1),f=e("p",null,"The program is being updated by a team in the UT Dallas Speech Production Lab led by Anthony Lawn, so the program uses a more modern version of Unity, has an easier-to-use interface, can more easily support new features, and can connect to additional EMA systems, namely the Carstens AG501.",-1),w=e("p",null,[e("img",{src:r,alt:"New Interface"})],-1),y=e("p",null,"In addition, the program now includes documentation and unit tests to improve program stability and maintainability going forward.",-1),b=e("p",null,[e("img",{src:i,alt:"Documentation"})],-1),v=e("p",null,[e("img",{src:c,alt:"Unit Tests"})],-1),T=[d,p,h,u,m,g,_,f,w,y,b,v];function k(x,A,I,N,S,j){return a(),s("div",null,T)}const D=t(l,[["render",k]]);export{U as __pageData,D as default}; diff --git a/assets/projects_optispeech_index.md.6fd3f043.lean.js b/assets/projects_optispeech_index.md.0f8444db.lean.js similarity index 97% rename from assets/projects_optispeech_index.md.6fd3f043.lean.js rename to assets/projects_optispeech_index.md.0f8444db.lean.js index 36604c42..306c5144 100644 --- a/assets/projects_optispeech_index.md.6fd3f043.lean.js +++ b/assets/projects_optispeech_index.md.0f8444db.lean.js @@ -1 +1 @@ -import{_ as t,c as s,o as a,a as e,b as o}from"./app.99998402.js";const n="/assets/system-architecture-600.254c8a7e.jpg",r="/assets/new-interface.99f03ba7.png",i="/assets/documentation.4e9ae6e0.png",c="/assets/unittests.e8833eb5.png",U=JSON.parse('{"title":"OptiSpeech","description":"","frontmatter":{"title":"OptiSpeech"},"headers":[],"relativePath":"projects/optispeech/index.md","lastUpdated":1676961451000}'),l={name:"projects/optispeech/index.md"},d=e("h1",{id:"optispeech",tabindex:"-1"},[o("OptiSpeech "),e("a",{class:"header-anchor",href:"#optispeech","aria-hidden":"true"},"#")],-1),p=e("p",null,"The Optispeech project involves designing and testing a real-time tongue model that can be viewed in a transparent head while a subject talks \u2014 for the purposes of treating speech errors and teaching foreign language sounds. This work has been conducted in partnership with Vulintus and with support from the National Institutes of Health (NIH). The UT Dallas Speech Production Lab is currently updating the program to use updated versions of Unity and adding support for more features and hardware.",-1),h=e("p",null,[e("img",{src:n,alt:"System Architecture"})],-1),u=e("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/9uHqIRs7ZjM",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:"",style:{display:"block",margin:"auto"}},null,-1),m=e("p",null,"This video shows a talker with WAVE sensors placed on the tongue hitting a virtual target sphere located at the alveolar ridge. When an alveolar consonant is hit (e.g., /s/, /n/, /d/) the sphere changes color from red to green.",-1),g=e("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/Oz42mKvlzqI",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:"",style:{display:"block",margin:"auto"}},null,-1),_=e("p",null,"This video shows an American talker learning a novel sound not found in English. When the post-alveolar consonant is hit, the target sphere changes color from red to green. Here, the NDI WAVE system serves as input.",-1),f=e("p",null,"The program is being updated by a team in the UT Dallas Speech Production Lab led by Anthony Lawn, so the program uses a more modern version of Unity, has an easier-to-use interface, can more easily support new features, and can connect to additional EMA systems, namely the Carstens AG501.",-1),w=e("p",null,[e("img",{src:r,alt:"New Interface"})],-1),y=e("p",null,"In addition, the program now includes documentation and unit tests to improve program stability and maintainability going forward.",-1),b=e("p",null,[e("img",{src:i,alt:"Documentation"})],-1),v=e("p",null,[e("img",{src:c,alt:"Unit Tests"})],-1),T=[d,p,h,u,m,g,_,f,w,y,b,v];function k(x,A,I,N,S,j){return a(),s("div",null,T)}const D=t(l,[["render",k]]);export{U as __pageData,D as default}; +import{_ as t,c as s,o as a,a as e,b as o}from"./app.99998402.js";const n="/assets/system-architecture-600.254c8a7e.jpg",r="/assets/new-interface.99f03ba7.png",i="/assets/documentation.4e9ae6e0.png",c="/assets/unittests.e8833eb5.png",U=JSON.parse('{"title":"OptiSpeech","description":"","frontmatter":{"title":"OptiSpeech"},"headers":[],"relativePath":"projects/optispeech/index.md","lastUpdated":1676986465000}'),l={name:"projects/optispeech/index.md"},d=e("h1",{id:"optispeech",tabindex:"-1"},[o("OptiSpeech "),e("a",{class:"header-anchor",href:"#optispeech","aria-hidden":"true"},"#")],-1),p=e("p",null,"The Optispeech project involves designing and testing a real-time tongue model that can be viewed in a transparent head while a subject talks \u2014 for the purposes of treating speech errors and teaching foreign language sounds. This work has been conducted in partnership with Vulintus and with support from the National Institutes of Health (NIH). The UT Dallas Speech Production Lab is currently updating the program to use updated versions of Unity and adding support for more features and hardware.",-1),h=e("p",null,[e("img",{src:n,alt:"System Architecture"})],-1),u=e("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/9uHqIRs7ZjM",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:"",style:{display:"block",margin:"auto"}},null,-1),m=e("p",null,"This video shows a talker with WAVE sensors placed on the tongue hitting a virtual target sphere located at the alveolar ridge. When an alveolar consonant is hit (e.g., /s/, /n/, /d/) the sphere changes color from red to green.",-1),g=e("iframe",{width:"560",height:"315",src:"https://www.youtube.com/embed/Oz42mKvlzqI",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:"",style:{display:"block",margin:"auto"}},null,-1),_=e("p",null,"This video shows an American talker learning a novel sound not found in English. When the post-alveolar consonant is hit, the target sphere changes color from red to green. Here, the NDI WAVE system serves as input.",-1),f=e("p",null,"The program is being updated by a team in the UT Dallas Speech Production Lab led by Anthony Lawn, so the program uses a more modern version of Unity, has an easier-to-use interface, can more easily support new features, and can connect to additional EMA systems, namely the Carstens AG501.",-1),w=e("p",null,[e("img",{src:r,alt:"New Interface"})],-1),y=e("p",null,"In addition, the program now includes documentation and unit tests to improve program stability and maintainability going forward.",-1),b=e("p",null,[e("img",{src:i,alt:"Documentation"})],-1),v=e("p",null,[e("img",{src:c,alt:"Unit Tests"})],-1),T=[d,p,h,u,m,g,_,f,w,y,b,v];function k(x,A,I,N,S,j){return a(),s("div",null,T)}const D=t(l,[["render",k]]);export{U as __pageData,D as default}; diff --git a/assets/projects_vecs_index.md.e5214c86.js b/assets/projects_vecs_index.md.e7e6f0e0.js similarity index 96% rename from assets/projects_vecs_index.md.e5214c86.js rename to assets/projects_vecs_index.md.e7e6f0e0.js index acfa74e7..d202a8f5 100644 --- a/assets/projects_vecs_index.md.e5214c86.js +++ b/assets/projects_vecs_index.md.e7e6f0e0.js @@ -1 +1 @@ -import{_ as e,c as t,o as s,d as a}from"./app.99998402.js";const o="/assets/screenshot.78830a30.png",n="/assets/debug.0a8c47b7.png",r="/assets/sandsoftime.ba63f865.png",w=JSON.parse('{"title":"V-ecs","description":"","frontmatter":{"title":"V-ecs"},"headers":[],"relativePath":"projects/vecs/index.md","lastUpdated":1676961451000}'),i={name:"projects/vecs/index.md"},d=a('

V-ecs

V-ecs Screenshot

V-ecs (pronounced "Vex") is a Vulkan-based engine I made for making highly moddable games and tools in Lua centered around the ECS design pattern and a work-stealing job system.

The engine works with "worlds", which are collections of systems and renderers. The engine comes with several worlds using systems and renderers I made, including a voxel world, an incremental game, and some test scenes. All of these include systems to render the fps as well as show a debug console by typing the grave key (`). The default world is a title screen that detects any worlds in the "worlds" folder and displays a button for each of them.

Debug Menu

The original plans were to eventually put it on the steam workshop so people could more easily share their creations amongst each other, but I never became happy enough with the performance of the engine - the parallelization of the lua code involved a lot of overhead that severely limited performance.

Instead, I made a couple of worlds by myself - an infinite procedurally generated voxel world, a simple incremental game, and a more complex incremental game I call "Sands of Time".

Sands of Time

',8),l=[d];function c(p,h,m,u,_,g){return s(),t("div",null,l)}const y=e(i,[["render",c]]);export{w as __pageData,y as default}; +import{_ as e,c as t,o as s,d as a}from"./app.99998402.js";const o="/assets/screenshot.78830a30.png",n="/assets/debug.0a8c47b7.png",r="/assets/sandsoftime.ba63f865.png",w=JSON.parse('{"title":"V-ecs","description":"","frontmatter":{"title":"V-ecs"},"headers":[],"relativePath":"projects/vecs/index.md","lastUpdated":1676986465000}'),i={name:"projects/vecs/index.md"},d=a('

V-ecs

V-ecs Screenshot

V-ecs (pronounced "Vex") is a Vulkan-based engine I made for making highly moddable games and tools in Lua centered around the ECS design pattern and a work-stealing job system.

The engine works with "worlds", which are collections of systems and renderers. The engine comes with several worlds using systems and renderers I made, including a voxel world, an incremental game, and some test scenes. All of these include systems to render the fps as well as show a debug console by typing the grave key (`). The default world is a title screen that detects any worlds in the "worlds" folder and displays a button for each of them.

Debug Menu

The original plans were to eventually put it on the steam workshop so people could more easily share their creations amongst each other, but I never became happy enough with the performance of the engine - the parallelization of the lua code involved a lot of overhead that severely limited performance.

Instead, I made a couple of worlds by myself - an infinite procedurally generated voxel world, a simple incremental game, and a more complex incremental game I call "Sands of Time".

Sands of Time

',8),l=[d];function c(p,h,m,u,_,g){return s(),t("div",null,l)}const y=e(i,[["render",c]]);export{w as __pageData,y as default}; diff --git a/assets/projects_vecs_index.md.e5214c86.lean.js b/assets/projects_vecs_index.md.e7e6f0e0.lean.js similarity index 87% rename from assets/projects_vecs_index.md.e5214c86.lean.js rename to assets/projects_vecs_index.md.e7e6f0e0.lean.js index c42411eb..70fcc61a 100644 --- a/assets/projects_vecs_index.md.e5214c86.lean.js +++ b/assets/projects_vecs_index.md.e7e6f0e0.lean.js @@ -1 +1 @@ -import{_ as e,c as t,o as s,d as a}from"./app.99998402.js";const o="/assets/screenshot.78830a30.png",n="/assets/debug.0a8c47b7.png",r="/assets/sandsoftime.ba63f865.png",w=JSON.parse('{"title":"V-ecs","description":"","frontmatter":{"title":"V-ecs"},"headers":[],"relativePath":"projects/vecs/index.md","lastUpdated":1676961451000}'),i={name:"projects/vecs/index.md"},d=a("",8),l=[d];function c(p,h,m,u,_,g){return s(),t("div",null,l)}const y=e(i,[["render",c]]);export{w as __pageData,y as default}; +import{_ as e,c as t,o as s,d as a}from"./app.99998402.js";const o="/assets/screenshot.78830a30.png",n="/assets/debug.0a8c47b7.png",r="/assets/sandsoftime.ba63f865.png",w=JSON.parse('{"title":"V-ecs","description":"","frontmatter":{"title":"V-ecs"},"headers":[],"relativePath":"projects/vecs/index.md","lastUpdated":1676986465000}'),i={name:"projects/vecs/index.md"},d=a("",8),l=[d];function c(p,h,m,u,_,g){return s(),t("div",null,l)}const y=e(i,[["render",c]]);export{w as __pageData,y as default}; diff --git a/guide-to-incrementals/design/introduction/index.html b/guide-to-incrementals/design/introduction/index.html index d53839ce..79dc342c 100644 --- a/guide-to-incrementals/design/introduction/index.html +++ b/guide-to-incrementals/design/introduction/index.html @@ -22,7 +22,7 @@

Appearance

Return to top
On this page

Making an Incremental Game

- + diff --git a/guide-to-incrementals/index.html b/guide-to-incrementals/index.html index 4951c63a..70c28532 100644 --- a/guide-to-incrementals/index.html +++ b/guide-to-incrementals/index.html @@ -22,7 +22,7 @@

Appearance

Return to top
On this page

Introduction

This is a comprehensive guide to Incremental Games, a genre of video games. It will explore defining the genre, why it's appealing, and how to design and build your own incremental game. Along the way will be interactive examples, snippets from other creators, and relevant material to contextualize everything.

Note: This is an incomplete document. I want to keep adding opinions and opposing views from other incremental games developers, and add interactive examples to illustrate various points regarding game design and balancing. Consider this a living document - and see the changelog at the end.

Who am I?

That's a good question! What authority do I have to be making this site? I haven't made the best incremental games, nor the most incremental games, certainly not the most popular ones either. I do have some formal education in game development, know a lot of incremental game devs, as well as other game devs, and an interest in ludology, classifying genres, etc. I've also made a couple of incremental games myself.

If you have any additional questions about my credentials or anything on this site, feel free to contact me: I'm "The Paper Pilot" on most social media. You'll probably get a response fastest via my discord server, or if you just want to suggest changes to the website you can click the "Edit this page" link present on every single page.

- + diff --git a/guide-to-incrementals/ludology/appeal-developers/index.html b/guide-to-incrementals/ludology/appeal-developers/index.html index 0218d101..7d72579f 100644 --- a/guide-to-incrementals/ludology/appeal-developers/index.html +++ b/guide-to-incrementals/ludology/appeal-developers/index.html @@ -22,7 +22,7 @@

Appearance

Return to top
On this page

Appeal to Developers

There are a lot of developers in the incremental games community - the genre seems to draw them in, and convert a lot of players into developers. Let's explore the reasons why this genre appeals to developers.

Incrementals are Easy to Make

Compared to other genres, incrementals have quite low expectations. You don't need to make fancy art, or music, or lay things out nicely. If you can make a button and learn the few lines of code necessary to make a number go up, you can make an incremental. This low threshold makes the genre perfect for those who are actively learning to code and haven't developed any gamedev-related skills yet.

Additionally, unlike other genres incrementals are uniquely easy to implement in a normal web page - no need to worry about rendering sprites, moving them around, implementing physics, etc. New developers can just use HTML to add a button, and the game is now available in your browser. You don't need to choose an engine, have admin privileges, or hell for the dedicated you don't even need a computer - there are tools for web development that run in the browser itself, so you can technically use your phone if that's all you have.

Javascript is a perfectly viable language for making web games, whereas other genres are typically going to require using other more difficult languages to learn. There are countless javascript tutorials that start from 0 knowledge of programming, making it incredibly accessible to beginners.

Players are Easy to Find

Once you've finished your game and uploaded it on github pages or itch or just copied the link if you're using glitch or replit (all of which are easy to do), anyone can now play the game in their browser. This low barrier to entry has shown tremendous success in getting completely unknown developers to have thousands of plays.

The incremental games community, which mostly centers around r/incremental_games, is always looking for new games and tends to flood any new ones posted with initial players.

Having your games be played can be incredibly motivating, and the community makes it quite clear that you can expect players to play your game. These communities - both for incremental games in general as well as game-specific communities - tend to be very developer friendly as well. A lot of the developers know each other, and welcome new developers with open arms, often with dedicated channels for programming help and discussions.

Monetization

I'd like to clarify that everything I've said above mainly applies to web-based incrementals. Incremental games are also incredibly popular on mobile, but with a much different culture and community. Many mobile gamers will still participate in the web-focused community for the culture. This web-focused community has a culture that has been criticized for being "anti-monetization". Ads, IAPs, and similar forms of monetization are often criticized, mainly due to the abundance of completely non-monetized games available from hobbyist developers. There are exceptions, like paid games often being considered fine, like Increlution or Stuck in Time, or donation ware games like kittens game, but even popular games that have IAP see some level of regular criticism, like NGU Idle, Idle Skilling, or Idle Pins. A large part of this can be explained by the community being hyper-aware of the addictive nature of this genre and its susceptibility to exploiting players.

On mobile, however, monetization is the norm and expected. If an incremental game is available on mobile, it almost certainly will be monetized, and mobile players are aware and accepting of that. Mobile incremental games, due to their addictive nature, tend to make a lot of money. It's very lucrative, and therefore these games are quite abundant on mobile storefronts.

- + diff --git a/guide-to-incrementals/ludology/appeal-gamers/index.html b/guide-to-incrementals/ludology/appeal-gamers/index.html index e6f8a84b..3aef3a2d 100644 --- a/guide-to-incrementals/ludology/appeal-gamers/index.html +++ b/guide-to-incrementals/ludology/appeal-gamers/index.html @@ -22,7 +22,7 @@

Appearance

Return to top
On this page

Appeal to Players

This is something that has been discussed and analyzed by many people, and to some extent, I feel like everything that can be said on the topic already has. However, a lot of these analyses are from the perspective of those with not as much experience and involvement within the genre as I'd argue would be necessary for a fully contextualized answer. I recently watched a video about Vampire Survivors, which has since been taken down due to drawing negative attention, which made me think about some interesting arguments about what games are, and what makes them good. The video's argument that "Vampire Survivors is not a video game" mirrors a claim by the developer of Cookie Clicker that his games are "non-games". Using Vampire Survivors and the video made on it as a framework, I'll be answering why incremental games appeal to players. Since the video has been taken down, I'll do my best to contextualize and generalize the arguments of the video without requiring the reader to watch it. For what it's worth, while I disagreed with the video I actually liked a lot of the way it went about thinking about games, and I consider this a continuation of that discussion.

Numbers Going Up

This is a very common response to why people enjoy incremental games, although it's not one I find compels me personally, and I suspect it might be a stand-in for progression or content. But reportedly, some people do just like seeing big numbers. I must reiterate I suspect the actual cause is seeing big numbers in context though - if you start at 1e1000 of a currency and get to 1e1001, that isn't going to feel as satisfying as going from 1e10 to 1e100, and in any case, I don't think a button that just adds a zero to your number will feel quite satisfying - I believe its the sense of having made progress, and comparing where you are to where you started and feeling like you've earned your way here that is enjoyable.

Progression

Vampire Survivors can be argued to have a comparatively low depth to its combat compared to many other games. I'd argue it has sufficient depth and more than someone might expect who has only played the game for a short while, but it still definitely gets beat out by many other combat-focused games. Instead, a lot of the progression in Vampire Survivors comes from a meta-progression system by which base stats are increased by spending a currency that persists between runs. While it is technically possible to win without this meta-progression system, and indeed in many roguelikes players like to challenge themselves by beating the game without any meta-progression, the criticism can be made that meta-progression de-emphasizes player skill by making it less important to have to beat the game. Certainly, in incremental games, it is often literally impossible to complete a game without taking advantage of the meta-progression systems. I'd argue this does not detract from the game, however, and is actually a part of what makes incremental games, and roguelikes, enjoyable to many players: meta-progression augments the increases in skill the player is naturally gaining as they play. In effect, it's not replacing the skill increase, but exaggerating it to make it feel more real to the player.

Note: There is also a lot of progression from exploring the mechanics and discovering synergies, unlocking new weapons or playable characters, etc. That just isn't as relevant to this discussion, but it does make up a lot of the appeal of the game.

Effortlessness

Incremental games are so easy, a lot of them even have you progress while you're not playing! Part of the appeal is being able to feel like you're making progress while doing something actually productive - multitasking, in a way. In this sense, the game is more of a fidget toy - not something to think hard about and play actively, but something to click a few buttons every so often while you're paying attention to a lecture or studying or working. Of course, not all incremental games lend themselves to being played this way - it's specifically "idle" games that work like this. These are games that take an incredibly long amount of time to see all the content, stretching it as thin as possible, but they aren't expecting you to be sitting at your device playing it the entire time. They expect you to leave and come back later to make a bit of progress and repeat the cycle.

If you look at the higher-level play of most games, you'll see them perform difficult feats with ease and speed. They'll achieve a "flow state" that takes all their knowledge and experience of the game and uses it to play the game as instinctively as possible. It's incredible to watch things like Slay the Spire speed runs or competitive DDR-likes. I'd argue the goal of a lot of games with a competitive scene is to get so good that the game becomes effortless. In that sense, a game that allows you to reach that point earlier isn't any less legitimate, but rather lowers the barrier to entry by allowing more people to get "really good" at the game. And to be clear, Vampire Survivors and (most) incremental games aren't trivially easy - they, and to an extent, every game will have some level of learning and improvement over time.

Addiction

A lot of these reasons for why incremental games appeal may have reminded you of why gambling appeals to people, particularly those prone to addiction. Indeed, incremental games are quite often criticized for their similarity to a skinner box. Some have gone as far as to say incremental games as a genre are commenting that all games are skinner boxes. The argument goes that some games are not fun, but rather condition players into continuing to play without actually getting anything from the experience. When tied to real-world money this is seen as predatory, and to a lesser extent, even free games may be feeding the addictive sides of people and making them more prone to seek out gambling or micro-transaction heavy games.

While incremental games can be fun and even healthy in certain contexts, they can exacerbate video game addiction more than other genres. If you feel like playing incremental games is taking priority over other things in your life, or manipulating your sleep schedule, it may be prudent to seek help. See r/StopGaming for resources.

Since incremental games are often built on extrinsic motivations in the form of progression systems, it's hard to argue whether players continue to play because they are enjoying the gameplay, or if they are just conditioned to keep doing it because the game keeps rewarding them. Unfortunately, it can often feel like it's the latter, as there isn't typically anything compelling about the "gameplay" of clicking a button and waiting. There may be a significant overlap between those who enjoy incremental games and those who are most prone to addiction, and there are often posts on r/incremental_games about someone either struggling with or overcoming video game addiction.

Strategy

Incremental games could be considered a subset of strategy games, and inherit the appeals of strategy games. This includes the appeal of feeling like you've found a good solution to a puzzle, or that you're learning more about the game and are improving at making decisions within it. This applies to Vampire Survivors specifically, where you're learning about evolutions and synergies and what kinds of enemies can spawn under what conditions, and how best to handle them.

Note that strategy games are not all the same difficulty, as well. Vampire Survivors is still easier to play than Starcraft 2, and Cookie Clicker is probably somewhere in between (once you progress sufficiently). Vampire Survivors being so successful may indicate that "easier" strategies may have their separate appeal to harder strategy games - players like to feel smart and that they figured the game out and have optimized or mastered it, and the game being easier doesn't detract from that sense of accomplishment as much as it allows more and more users to be able to reach the point where they gain that sense.

Avoiding Staleness

Incremental games tend to have "paradigm shifts", where the gameplay changes in a meaningful way at various times throughout the progression of the game. These upset and change the gameplay loop, which helps keep them from stagnating. This constant "freshness" to the gameplay can keep players engaged for longer, compared to a game with a repetitive and static gameplay loop.

Good Game Design

Incremental games tend to show their game design "plainly", so it's more readily apparent if a game has good game design while playing, even if you're not looking for it. While different players have different preferences and might enjoy different types of games more than others, there are underlying good and bad game design principles that players will notice the effects of. To be clear, this isn't talking about stuff like big numbers being enjoyable, where I can comfortably agree to disagree with other players. They don't intrinsically make my experience better, but I'm aware of those for whom it does and I won't argue against their feelings. However, the game designer in me does feel like there are some extremely clear-cut examples of good and bad game design philosophies.

Let's start by giving an example of a mechanic I think can be easily and strongly argued is good game design. There are of course many examples, but a personal favorite of mine is how DOOM encourages aggressive gameplay by linking health drops to melee attacks. It has an intended experience it's trying to give the player - immersing themselves as DOOM guy, who would not hide behind cover when low on health - and this mechanic does a great job at encouraging and effectively teaching players to behave properly. This is in sharp contrast to shooters like Call of Duty, which have you regen health passively, encouraging players to hide behind cover and wait after getting hit. Note that I'm not arguing CoD is poorly designed, as the games have different intended experiences. I'm specifically praising DOOM for having a mechanic that does a good job at ensuring the player has that intended experience.

To contrast with an example I think is bad game design, let's talk about shields in souls-likes. This is a bit of a famous example, and I highly recommend this video essay which spends quite a good bit of time on this topic. Essentially, the argument boils down to players of earlier games in the souls games using shields too much - playing slowly, conservatively, and ultimately having less fun. Players wanted to feel safe, so they ended up playing in a way that ruined the experience for them. The developers solved this by removing shields, apart from an intentionally bad one effectively mocking the playstyle, and it did its job at getting players to play more aggressively, and often have more fun.

To bring the conversation back to incrementals, I'm incredibly opinionated on what makes a good incremental game, which I'll discuss in the game design section. Suffice it to say, incremental games rely more on good game design than other genres, due to not having much to distract from bad game design. This helps (although imperfectly - gamers are a bit too tolerant of bad game design!) well-designed games rise to the top within the genre.

Artistic Merit

The Vampire Survivors video made me think back to the old arguments about whether games are art, and whether they ought to be. The video seems preoccupied with attaching value to games solely based on their mechanics and the depth thereof, to the point of arguing Vampire Survivors is a waste of time due to its lack of depth. However, even setting aside the fact that if players are having fun then it's not time wasted, I think games can have artistic merit that supersedes the necessity of having (any / engaging / "deep") gameplay. I think the consensus online is that games are definitively art, although I could see the argument that some genres, like incremental games, might be a bit in a grey area. Let's talk about Vampire Survivors first though - It has a story to tell, with lore and many characters, that drive the player and encourage them to continue exploring the game and discovering things within it. Like any walking simulator, it is no less legitimate of a game or the "art" label because of any lack perceived lack of depth. For what it's worth, most art can be consumed with more ease than VS - any painting, movie, sculpture, etc.

A lot of incrementals have a narrative context that can similarly qualify them as art. Cookie Clicker is, as has been pointed out numerous times before, commenting on excess and increasing production beyond any reasonable limits - devolving into increasing production for its own sake. Indeed, a lot of incremental games are written to comment upon various concepts like capitalism or tropes in games, as discussed when defining Incrementals. However, I'd like to argue most incremental games are still art, even without any narrative context. "Art" as a concept is pretty nebulous already, but I personally like those who define it as an act of expression more than any physical result. The creator and the context within which they created the art, and any meaning they put into it, are all relevant and a part of the art itself. Most incremental games have artistic merit from things like why the creator made it, why they chose to make it an incremental game, and why they made any particular design decision. Hell, even if you play through an entire incremental game without a single thought or feeling, that very fact it elicited nothing can itself be artistic merit!

I'm not an art major, and I may be taking a somewhat extreme take on what is art and what has artistic merit, but I'd argue the overall point stands that games, and incremental games specifically, can have artistic merit, which appeals to many gamers.

- + diff --git a/guide-to-incrementals/ludology/content/index.html b/guide-to-incrementals/ludology/content/index.html index c4811241..b0ed38b3 100644 --- a/guide-to-incrementals/ludology/content/index.html +++ b/guide-to-incrementals/ludology/content/index.html @@ -22,7 +22,7 @@

Appearance

Return to top
On this page

What is Content?

If you've been in the incremental games community for any amount of time, you'll quickly find the number one thing players want is content. They want as much of it as possible! The most popular incremental games have tons of content, so they just keep stretching on and on and on, introducing mechanic after mechanic, and players love it. In fact, players seem to value the amount of content over the quality of any specific content. However, there's a bit of a lack of understanding concerning what content is, and I'd like to explore what counts as content, and how we measure it. As a baseline definition, I think "content" can just be described as the parts of the game that engage the player, but to truly understand it we need to contextualize what that means and how it affects the gameplay experience.

To clarify the purpose of this page, my goal is not to get (too) nitpicky or to attack games with "low content". There's nothing wrong with short / low-content games - I'm quite a big fan of those games myself! This is mostly targeted toward those who ask for content and settle for "long" games, and those who want to provide content but want to make sure they're not just artificially inflating the game. Ultimately, I suppose the goal is to just reduce the amount of artificially inflated content for the sake of having a "longer" game.

Interaction

I think it should be a fairly non-controversial opinion that time spent solely waiting should not count towards content. That is not including the time reading various effects or making decisions in your head, but rather time spent waiting for a condition to be met so you can re-engage with the game.

That is not to say games should necessarily try to minimize this time. Plenty of games lead towards more infrequent interaction and still get popular. In fact, these games appeal to many gamers who want to have something to check up on in between bursts of working on some other activity. These games seem to have fallen slightly out of fashion amongst modern incremental games, but they're still fully valid. The point I'm trying to make here is just that this time is not content. As an extreme example, a game with no interactions and just a counter that goes up every second could safely be said to have 0 content beyond the time it takes to understand what's going on. If it has a list of "goals" to hit, then the time understanding those goals and a short time after achieving each one could be considered content, but not the idle times in between.

Let's take a look at the opposite end of the spectrum - interaction that is so frequent as to become mindless. This is any mechanic where you need to spam-click something to progress. This may be a more controversial take, but I do not believe this constitutes content either. It does not engage the player, because each consecutive click blends together and they do not individually change the gameplay experience. That is to say, a single click and 100 clicks are not meaningfully different in terms of engaging the player. I'd go as far as to say clicking 100 times would be actively worse, as it's artificially delaying the next piece of actual content, alongside the issues of accessibility and potentially causing RSI.

Repeatable Purchases

Imagine an entity in a game that you can purchase multiple times, each time it performs the same thing but for a higher cost. These are incredibly common, from the buildings in cookie clicker to the units in swarm sim to the IP and EP multipliers in antimatter dimensions. However, how much content is each specific purchase? Is it content beyond the first purchase? Does it have diminishing returns? What if you are oscillating between two different repeatable purchases? How much content is lost when you automate away a repeatable purchase?

I don't want to take too harsh a stance against repeatable purchases. They're useful tools and can be used in a myriad of interesting ways. I feel they do become "stale" or less meaningful content over time, and this happens exponentially quickly the more frequently it can be purchased. A classic example that I believe goes too far is the IP/EP multipliers in Antimatter Dimensions. I would go as far as to say they are a chore and do not provide any meaningful content after you've bought them a couple of times. It's a method for inflating numbers (effectively making every OOM a 5x step instead of 10x), that punishes the player progression-wise whenever they forget to max it again, and eventually gets automated away as a reward to the player for making enough progress.

Just to voice the other side of this argument, Acamaeda defended the IP multiplier as giving the player a "good" upgrade every OOM. I can understand that to a point and need to clarify I'm mainly criticizing IP/EP multipliers after they've been introduced for a while. In fact, I would defend the multipliers for a short while after they're introduced using the same logic I would use to defend normal dimensions as repeatable purchases, at least pre-infinity. There's "content" to be had in looking at what dimensions will become affordable next, and then choosing which to buy amongst those. The IP/EP multipliers, early into infinity or eternity respectively, provide another option that gets put into that mental queue of things to buy with each OOM reached - although the optimal order is often quite trivial and not particularly engaging.

The IP/EP multipliers are not the only repeatable purchase in antimatter dimensions I take offense to. The time dimensions are also a series of repeatable purchases, that are all so similar and static that it doesn't take long before you never need to put any thought into buying them, how much you're buying at once, or the order you buy them in - you just press max all and move on. The entire tab could've been just the max all button and it would not have made a difference beyond the start of the eternity layer. The normal dimensions technically have this problem as well, but since you're constantly getting antimatter the order feels like it has a larger impact and it's more meaningful content, right up until they're automated away. Infinity dimensions are a compromise between the two, so I'm highlighting time dimensions here as the most egregious.

Following Instructions

We're getting more and more controversial as we go along! Let's talk about how linear content is not content now (in some circumstances). A trend in incremental games is adding difficulty by adding a web of effects that abstract the true change you can expect from any specific purchase or decision you make. If a game is both linear and sufficiently abstracts the effect of player decisions, then the player will no longer be engaging with the content - they'll simply be clicking on things as they become available. This isn't necessarily a bad thing, as plenty of players don't mind this style of gameplay, but I'd argue once you reach a point where players don't bother reading the effects, those interactions are no longer truly content. Note that unlike the previous qualifiers mentioned, this qualifier is based on the player, and therefore subjective. In effect, it's a spectrum where the more complicated the web of effects becomes, the more likely it is to disengage the player.

This over-complicatedness leading to disengaging the player can also happen from non-linear gameplay. If the web of effects becomes sufficiently complicated and finding the optimal progression route too time-consuming to discover, players will seek out guides from other players who've completed the game. The second they do this, the game effectively becomes linearly following the instructions of the guide and all the above criticisms apply. Similarly to as before, though, this is a spectrum and not everyone will seek out a guide at the same level of difficulty.

Automation

Automation is a staple of the genre, but it has certain implications for the design of the game. Why, when new content is introduced, must the older content be automated away - why is it a chore and it feels rewarding to not have to do it again? Why does the new mechanic have such appeal if we know it too will just be automated away later on, and we'll be happy when that happens? It honestly begs the question of why this framework of introducing content and automating the old content is even enjoyable - and nearly nonexistent in other genres. You're not going to reach a point in a platformer game where they just automate the jumping part - that's the core mechanic! Instead, platformers either add new mechanics that build on the core mechanic or at least re-contextualize the core mechanic. However, in incremental games new content very frequently means replacing older content, as opposed to augmenting it.

Admittedly, the above paragraph ignores the obvious answer that separates incremental games in this regard. These mechanics become chores as their frequency increases. The frequency increases to give a sense of progression, and automation is seen as a reward because it now manages what was becoming unmanageable. The new content then comes in and continues the loop to give a stronger sense of progression. That's all good and a fine justification for automating content instead of building upon the base mechanic. It's also much easier to design, as each layer essentially lets you start over instead of needing to think of ideas that conform to the original core mechanic.

So, what's the problem? Even if this trend is justified and easy to implement, there are some other effects it has on the game design. First off, and this is probably a neutral point, incremental games with this cycle of replacing old mechanics with new ones trend towards more and more abstract and further away from any narrative throughline as they add layers. There are only so many justifications for resetting progress, so if a game wants to have several of these layers they're inevitably going to become generic or increasingly loosely associated with the original content. It's most unfortunate, in my opinion when an interesting or innovative core mechanic gets fully automated once a generic "prestige" layer is unlocked.

A recent example is Really Grass Cutting Incremental, an incremental game about cutting grass. Except, it doesn't continue to be about cutting grass. After you buy enough upgrades to increase your grass cutting and level up sufficiently you "prestige", an abstract term that in this case means you reset all your progress to get some currency to buy upgrades that do the same things as the original upgrades, but these won't reset on future prestiges. You'll eventually be able to "crystallize", which means you reset all your progress to get some currency to buy upgrades that do the same things as the original upgrades (and a couple of new ones) and won't reset on future crystallizes. Fine. You'll progress a bit, complete some challenges, and finally get to... grasshop? Grasshopping is this mechanic where you reset all your progress to get some resource that isn't for buying upgrades - this time you just unlock different modifiers on everything based on their amount. You may have gotten the point by now, but there are also "steelie" resets which give you steel for some reason, before unlocking a factory with various machines - none of which are directly tied to cutting grass, and start gathering things like oil and reset for rocket parts and reset to go to space and so on and so on. Throughout all of this there is absolutely no narrative justification or throughline for the direction the game is going, or why cutting grass is still relevant when we're collecting things like rocket parts. I may be going a little hard on GCI, but it is far from alone.

Tips for Developers

If you're a developer, by this point you should have a pretty decent idea of how to create "true" content in your game. Here are some other specific tips I'd suggest:

  • An upgrade that simply unlocks another upgrade trivially isn't content. However, many games have an upgrade that just unlocks a feature, which then has a wait or other requirements before it can be used. Try to make sure when you unlock a feature, there is immediately something to do with the feature - for example, perhaps give them a small amount of the new currency it unlocks, if applicable.
  • If you don't have a large web of effects, and can definitively say the impact of a purchase is to multiply the gain of the cost currency by N, and the next purchase costs N times the amount of that same currency, then this purchase effectively made no difference and it may have made more sense to just go directly to the next upgrade. That said, having effects based on things like the number of purchases made will quickly invalidate this tip.
- + diff --git a/guide-to-incrementals/ludology/definition/index.html b/guide-to-incrementals/ludology/definition/index.html index ee0accf3..f3436862 100644 --- a/guide-to-incrementals/ludology/definition/index.html +++ b/guide-to-incrementals/ludology/definition/index.html @@ -22,7 +22,7 @@

Appearance

Return to top
On this page

Defining the Genre

Video games are placed into genres for a variety of reasons. They can give a mental shorthand to set the player's expectations up, they can help a game market itself by its similarities to other, already popular games, and honestly, people just love categorization for its own sake. For this guide, it's important to define the genre so it is clear what games it's even talking about.

This poses a problem. "Incremental" is a horribly vague way to define games. Most games have numbers going up in some form or another. We need a more specific definition - similar to how "strategy" can't just mean any game with any amount of strategy because that would be most games. What specifically differentiates incremental games from the rest?

"Incremental" implies it's a genre defined by a game mechanic, but all those game mechanics it could imply exist in many other games. Having a skill tree or upgrades doesn't make you incremental, and if a reset mechanic is all it takes then every roguelite would be an incremental as well. So clearly there's more to it than that - what makes an incremental an incremental?

I'd like to go over a couple of popular suggestions I've seen on defining the genre here. I have my personal preferences and will state them here, but I don't think there's a truly perfect answer here.

Disclaimer: I mostly play incremental games on my computer, and my definitions will be heavily biased towards the games I'm familiar with.

Incrementals vs Idlers vs Clickers

Oftentimes people refer to this genre as idle games and/or clicker games. You'll even find a trend of oxymoronic game titles that contain both terms. "Incremental games" is the umbrella term both those terms fall under. However, I'd like to argue that not only is it better to just use the term "incremental games", but calling them "idle games" or "clicker games" is wrong. Almost universally, these terms are used interchangeably to refer to the same kind of game, where you start the game click spamming and eventually automate the process. Frankly, that kind of game deserves neither title, and the genre of incremental games has trended away from ever requiring click spamming, as it's a bad mechanic, anyways.

While these games do span a spectrum of how active it requires you to be, and sorting games by that metric can be useful for those looking for a particular experience, the borders of when an incremental game counts as an "idler" is too blurry for the term to be useful. "Incremental games" may not be a great descriptive term for the genre (hence this many thousands of words long page on defining what the genre even is), but it's strictly better than calling them "idler" or "clicker" games. This guide will always use the term "incremental games" unless quoting someone else, as it is the term you typically see on all modern games in the genre.

Incrementals as Parodies

Let's start with one of the most interesting definitions of incremental games. Incremental games appear to be distilled versions of games or genres, "revealing" the naked game design at the core of these games or genres not unlike how parodies comment upon their source material.

To understand what that means, think of how a casino uses skinner boxes to emotionally manipulate its customers to keep playing, but "dressing" up the skinner box with tons of stimuli to hide that ultimately the goal is to condition you into coming back compulsively. The idea that incremental games are parodies means taking the stance that at some level all games are similarly manipulating you, giving dopamine rewards in a way that manipulates you to keep playing while not necessarily giving you any value or fulfillment. Incremental games, then, are any games that plainly display the skinner box, and the manipulative core of the game, at the forefront of the experience.

While incremental games can be fun and even healthy in certain contexts, they can exacerbate video game addiction more than other genres. If you feel like playing incremental games is taking priority over other things in your life, or manipulating your sleep schedule, it may be prudent to seek help. See r/StopGaming for resources.

This "undressing" tends to go hand in hand with a reduced focus on aesthetics, often just printing the game state directly to the screen as text. This makes incremental games much easier to develop, particularly for those with programming skills but not art skills, but that's a tangent for why Incremental Games appeal to Developers.

Before I continue, I'd like to make my stance clear that I love games and incremental games, and do not think they should be considered inherently bad or manipulative with the above logic. Skinner boxes are just a way of manipulating behavior via rewards. The games are still fun - that's the reward! I'd believe the real criticism here is that it is "empty fun", or "empty dopamine", that doesn't offer any additional value or sense of fulfillment. I don't think that's inherently bad in moderation, although it can become a problem if the game is manipulating you for profit-seeking, or if you play the game to the detriment of the other parts of your life.

Another interpretation of incremental games as parodies comes from several mainstream incremental games that are also parodies of capitalism, such as cookie clicker and adventure capitalist. It's a very common framework for incremental games to portray the ever-increasing numbers as an insatiable hunger for resources, like the ones observed within capitalism. Therefore, these games are used as evidence that the genre as a whole is about parody and commentary.

Popular videos on incremental games that portray the genre as parodies are Why Idle games make good satire, and how it was ruined. and Bad Game Design - Clicker Games. You may also be interested in this response to the latter video from a fan of incremental games: BadGood Game Design - Clicker Games.

I think that this definition ultimately ascribes a motive to the genre as a whole that only happens to apply to some of the more mainstream titles. There certainly are incremental games commenting on different things, including the genre itself as in the case of The Prestige Tree Classic, The Ascension Tree, or Omega Layers, but certainly not all. And of course, not all games that comment on something or parody something are incremental games! Additionally, a very large majority of incremental games are mobile games using these manipulative strategies to get players to spend as much money as possible - hell, Adventure Capitalist is ostensibly a critique on capitalism but features microtransactions and gameplay that manipulates you into buying them! These profit-seeking incremental games certainly belong within the genre but are hardly parodies when they too use manipulation to serve their interests. Also, from my own anecdotal experience, those who use this definition seem to do so from a fairly surface-level familiarity with the genre, and often in the context of criticizing the genre or the fans thereof.

Incrementals as NGU

Another broad definition often used is that incremental games are games where the focus of the game is "numbers going up". This definition proposes that other genres simply use increasing numbers as a means to an end, but incremental games uniquely only care about the numbers themselves going up. Put another way, it implies there should be no narrative justification for the numbers going up other than "why shouldn't they be going up?"

While this definition is common because it feels easy to understand, it is difficult to formally define. Often phrases are used to describe games using this framework, such as having an "exaggerated sense of progression" or "big" numbers. These terms are vague and don't demonstrate an actual threshold between non-incrementals and incrementals. Most games have a sense of progression, so when is it "exaggerated"? How big are "big" numbers? Most notably, RPGs that are typically not considered incrementals will often pass this definition.

Additionally, a lot of incrementals tend to have some theme guiding the gameplay, or at least the names of mechanics. This makes the line blurred between when numbers are going up for their own sake versus for a contextual reason. I believe this point is best illustrated that, while most RPGs are not considered incremental games, there is a sub-genre of "incremental RPGs" that typically relates to RPGs that perform combat automatically. This definition of incremental games does not support RPGs and "incremental RPGs" being on distinct sides of the line if the only difference between them is manual vs automatic combat.

Incrementals as Strategies

This is a rarer interpretation, but there are similarities between incremental games and strategy games, implying incrementals might just be a sub-genre of strategy games. By this approach, incremental games would be defined by their relation to strategy games, and how they involve player strategy. Incremental games are often large optimization problems - above all else, the actual gameplay the player is performing is deciding what to do next. The consequences of wrong decisions are typically more lenient in incremental games - such as just not making optimal progress - but they certainly get complex.

So if we accept the premise that incrementals could fall under strategy, we still need to define what makes a strategy game an incremental versus some other strategy sub-genre. This is a bit tricky due to one particular sub-genre of strategy games: Factory Builders.

Factory builders, such as Factorio or Satisfactory, are games about gaining ever increasing resources, optimizing production, and expanding more and more. That... sounds pretty similar, doesn't it? In fact, there's been some debate on whether factory builders would fall under the "incremental" umbrella. I think it's safe to say the two are certainly related, and probably have quite a bit of overlap in playerbase.

Roguelites as Incrementals?

Earlier on, I mentioned reset mechanics shouldn't be used in the definition because that could make all roguelites incrementals... But what if it does? A lot of incrementals can be described as games with a strong sense of progression, often with layers of meta-progression. Roguelites fit that bill to a T. What would make roguelites not incremental? I honestly don't think there's a good explanation here, but many fans of incremental games will state they do believe the two genres to be unrelated, even if there's a significant overlap between their player bases due to having similar appealing traits.

At this point, it'd be appropriate to consider what part of the definition of roguelites precludes them from also being incrementals, but that reveals a new problem: What are roguelites? They're usually defined as rogue_likes with meta-progression, but that just pushes the problem back a step: Incrementals aren't the only genre to have difficulties defining themselves, it seems! Roguelikes are another genre where the community argues over the formal definition of their genre, although that means we can borrow from their process of coming to a consensus, and maybe come across a viable definition for incremental games.

The Berlin Interpretation

By far the most popular way of defining roguelikes is the "Berlin Interpretation", which acknowledged the diversity of games within the genre and argued the definition should not be based on any ideals about what the genre ought to be, but rather defined by "its canon". They argued there are a handful of games that can be used to define the canon for roguelikes, and from those games, a list of factors can be derived to determine a game's "roguelikeness". The more factors a game has, the more of a roguelike it is. This strategy is very lenient, allowing a game to not present any specific factor so long as it shows enough, and accounts for the blurriness of any genre definition by not explicitly stating how many factors a game must have to qualify as a definite roguelike.

I believe this strategy for defining genres can be applied to other genres as well. A handful of games can be argued to be the incremental games canon, and a list of factors derived from them can be used to judge any game based on its "incrementalness". I'll propose such a canon and list of factors here, but by no means should it be considered the end-all-be-all.

Note: The "Temple of the roguelike", an authority within the genre, has since replaced the Berlin Interpretation with a new set of factors here: https://blog.roguetemple.com/what-is-a-traditional-roguelike/

The Incremental Games Canon

Alright, time to get controversial. Up til now, I've been trying my best to stay objective and analytical, but now it's time to start making some opinionated decisions. Here is a list of games I think could justifiably make up an Incremental Games Canon:

I chose a variety of games here, biasing towards newer games, purposefully to avoid making a narrow or "traditional" definition. The genre is growing and shouldn't be constrained by the traits of the early popular titles. A lot of these could easily be replaced with other games that are mechanically congruent, so ultimately I'm sure if you asked 10 people for their canon list you'd just get 10 different answers, but I think this should sufficiently allow us to determine what factors make a game have higher "incrementalness".

The Paradigm Shift

The Paradigm Shift is probably the highest possible value factor for an incremental. It's so common that for a while people referred to incrementals that exhibit this trait as "unfolding" games, to the point of trying to replace the term incremental due to their popularity. Paradigm shifts refer to when the gameplay significantly changes. There are too many examples to list here, but notably, every single reset mechanic is typically going to be a paradigm shift. Examples of games with paradigm shifts that aren't tied to reset mechanics include Universal Paperclips and A Dark Room.

There are many reasons for the appeal of paradigm shifts. Oftentimes each mechanic builds on top of the existing mechanics, increasing the complexity of the game in steps so the player can follow along. They provide a sense of mystery, with the player anticipating what will happen next. They shake up the gameplay before it gets too stale - allowing the game to entertain for longer before the illusion of content dissipates. Of the canon games selected above, I would argue every single one contains a paradigm shift (although I could see someone disagreeing with that statement wrt Increlution).

I should take a moment to say that while I'm hyping up this specific factor, we cannot just reduce the genre definition to "does it have paradigm shifts". Many games have paradigm shifts that are not incremental, so it's just an indicator of incrementalness. Additionally, it can become quite hard to determine how large of a shift is a "paradigm" shift. Take, for example, any game with a skill tree. In some games, each skill node might have a large impact on how you play with the game, and qualify as a paradigm shift for some players. In other games, each skill node might just be a small percentage modifier on some stat that doesn't really impact much more than a slight bias towards an already established mechanic that's newly buffed. Every single canon game may show that it's common amongst incremental games, but could just as easily indicate that they're common in games in general.

High-Value Factors

I won't take as long to discuss the high and low-value factors, as you've already seen most of them brought up earlier on this page. As a reminder, a game does NOT need all of these to be an incremental game, but these are factors that each indicate a strong possibility the game is an incremental, so having several of these means they probably are. These factors apply to most of the canon incremental games.

"Pure UI" Display. Incrementals typically have a textual presentation of the game state - there isn't a visual representation of the entities within the game. The interface is closer to what would be just the UI of a game in another genre or the control panel of a plane. If there is a visual representation, the player is often still interacting with non-diegetic game elements.

Reduced Consequences. Incrementals tend to have reduced repurcussions for misplaying. They very rarely have fail states, where often the largest consequence is simply not progressing - never losing progress.

Optimization Problems. The predominant gameplay of incrementals is typically solving optimization problems, from deciding which purchase to save up for to reasoning and deciding between different mutually exclusive options the game presents.

Resource Management. Incrementals tend to have a lot of resources within the game to keep track of.

Low-Value Factors

These are low-value factors, meaning they aren't as strongly correlated with incremental games. Incremental games may have none of these, and non-incrementals may have several of these - if a game only has low-value factors, they're probably not an incremental.

Fast Numeric Growth. Numbers in incremental games tend to grow faster than in other genres. There are more instances of superlinear growth. The larger the numbers get, the stronger of a signal this factor is.

Automation. As an incremental game progresses, the player often no longer has to deal with earlier mechanics, by having them either happen automatically or otherwise be replaced with an alternative that requires less player interaction.

Goal-Oriented. Incrementals are often heavily reliant on extrinsic motivation to guide the player. Typically this is through some sort of in-game goal to work towards, such as a certain amount of a resource being required to unlock or purchase something new.

Waiting is a Mechanic. In incremental games, the player may come across times where there is no action they can take, and the game will progress automatically instead. The player must wait for some amount of this automatic progress to occur before they can resume interaction with the game.

Are Roguelites Incrementals?

Having made our variation of the Berlin Interpretation for incremental games, we can compare it to the Berlin Interpretation to determine if there's enough overlap that any game that "passes" the Berlin Interpretation would also pass the incremental variant. That is to say, whether any roguelite would also be considered an incremental game.

The meta-progression of an incremental game could arguably be considered a paradigm shift, and certainly adds some resource management. Goal-oriented would probably also apply. I think anything other than those would be a stretch, and in my opinion that just isn't enough to qualify. To be totally honest, I was never expecting to conclude otherwise though 😉

Sub-Genres

There are some trends in incremental games that go beyond just being a commonly used mechanic, such that they deeply affect the rest of the game design. These trends can be used to determine sub-genres within the incremental games umbrella:

  • Loops games are a sub-genre defined by having a core mechanic related to a loop, where the player is deciding the actions taken per loop. Notable examples include Idle Loops, Stuck in Time, Cavernous II, and Increlution. You may also argue Groundhog Life and Progress Knight fall into this sub-genre.
  • ITRTG-like games are a sub-genre defined by having a core mechanic based on clearing increasingly difficult battles and often tend to have a lot of different mechanics to become progressively stronger. Notable examples include Idling to Rule the Gods, NGU Idle, and Wizard and Minion Idle.
  • Polynomial Growth games are a sub-genre defined by having a core mechanic related to a higher degree polynomial. Notable examples include the base layer of Antimatter Dimensions and Swarm Simulator.
  • Upgrades Games is a category popular on flash games websites that featured games focused on buying upgrades that would allow you to attain more currency in some sort of minigame that would earn you more money to buy more upgrades, which I'd argue now belong under the fold of incremental games. Notable examples include the Learn to Fly series and Upgrade Complete.
  • Cultivation RPGs are a genre of games, books, and anime popular in China that center around being in a fantasy world with characters getting stronger over time. While few of them get translated into English, a fan of incremental games may find the available games interesting.
- + diff --git a/hashmap.json b/hashmap.json index 2abb2c71..c40e5452 100644 --- a/hashmap.json +++ b/hashmap.json @@ -1 +1 @@ -{"guide-to-incrementals_design_introduction.md":"38daee51","guide-to-incrementals_index.md":"5d93b5e4","guide-to-incrementals_ludology_appeal-developers.md":"ef988d03","guide-to-incrementals_ludology_appeal-gamers.md":"e2ccfe16","guide-to-incrementals_ludology_content.md":"8399cc9d","guide-to-incrementals_ludology_definition.md":"b8d4c239","index.md":"be9a3711","projects_babble_index.md":"21ac71b1","projects_citadel_index.md":"da0ccde6","projects_dice_index.md":"082b0d43","projects_index.md":"a5c9b927","projects_optispeech_index.md":"6fd3f043","projects_vecs_index.md":"e5214c86","public_gamedevtree_2.0-format-changes.md":"869c95cb","public_gamedevtree_readme.md":"552fe2c4","public_gamedevtree_changelog.md":"d359af81","public_gamedevtree_docs_!general-info.md":"b54b0405","public_gamedevtree_docs_achievements.md":"dcac48ff","public_gamedevtree_docs_bars.md":"5f67f039","public_gamedevtree_docs_basic-layer-breakdown.md":"7761b77c","public_gamedevtree_docs_buyables.md":"0150160d","public_gamedevtree_docs_challenges.md":"0c6f4a98","public_gamedevtree_docs_clickables.md":"31209e1f","public_gamedevtree_docs_custom-tab-layouts.md":"c0fbc4e0","public_gamedevtree_docs_getting-started.md":"8c2ddda0","public_gamedevtree_docs_infoboxes.md":"7a0953be","public_gamedevtree_docs_layer-features.md":"a7640a7f","public_gamedevtree_docs_main-mod-info.md":"6f790508","public_gamedevtree_docs_milestones.md":"264c8c9a","public_gamedevtree_docs_subtabs-and-microtabs.md":"a5ee4ade","public_gamedevtree_docs_updating-tmt.md":"0237de18","public_gamedevtree_docs_upgrades.md":"ac3bddbc","public_kronos_old things_2.0-format-changes.md":"33740b7e","public_kronos_readme.md":"b02e146e","public_kronos_changelog.md":"8c678677","public_kronos_docs_!general-info.md":"a850fc5c","public_kronos_docs_achievements.md":"50170b22","public_kronos_docs_bars.md":"e362dd22","public_kronos_docs_basic-layer-breakdown.md":"c5012569","public_kronos_docs_buyables.md":"18df767f","public_kronos_docs_challenges.md":"e035cc8c","public_kronos_docs_clickables.md":"0b620d80","public_kronos_docs_custom-tab-layouts.md":"83ea4ec4","public_kronos_docs_getting-started.md":"bbfb2db6","public_kronos_docs_grids.md":"53210faa","public_kronos_docs_infoboxes.md":"1e520ae7","public_kronos_docs_layer-features.md":"13746ddd","public_kronos_docs_main-mod-info.md":"880d3987","public_kronos_docs_milestones.md":"ddaaade5","public_kronos_docs_particles.md":"78d816e8","public_kronos_docs_subtabs-and-microtabs.md":"f0ff58d5","public_kronos_docs_trees-and-tree-customization.md":"763f6e41","public_kronos_docs_updating-tmt.md":"3d630d86","public_kronos_docs_upgrades.md":"e5295c4b","public_lit_old things_2.0-format-changes.md":"e73a9b99","public_lit_readme.md":"241d60e2","public_lit_changelog.md":"08f37d7f","public_lit_docs_!general-info.md":"e02fc830","public_lit_docs_achievements.md":"9bdd1682","public_lit_docs_bars.md":"51d95f97","public_lit_docs_basic-layer-breakdown.md":"c311548b","public_lit_docs_buyables.md":"cdd4074b","public_lit_docs_challenges.md":"ff75af2d","public_lit_docs_clickables.md":"2c4bf6c0","public_lit_docs_custom-tab-layouts.md":"4ef7b79a","public_lit_docs_getting-started.md":"1abd3c25","public_lit_docs_infoboxes.md":"6e888c51","public_lit_docs_layer-features.md":"77bde097","public_lit_docs_main-mod-info.md":"c984b67a","public_lit_docs_milestones.md":"05858e62","public_lit_docs_subtabs-and-microtabs.md":"84373a35","public_lit_docs_trees-and-tree-customization.md":"083d2a32","public_lit_docs_updating-tmt.md":"6dce2005","public_lit_docs_upgrades.md":"967aa760"} +{"guide-to-incrementals_design_introduction.md":"38daee51","guide-to-incrementals_index.md":"5d93b5e4","guide-to-incrementals_ludology_appeal-developers.md":"ef988d03","guide-to-incrementals_ludology_appeal-gamers.md":"e2ccfe16","guide-to-incrementals_ludology_content.md":"8399cc9d","guide-to-incrementals_ludology_definition.md":"b8d4c239","index.md":"ae2fa25c","projects_babble_index.md":"93eae4ff","projects_citadel_index.md":"1e74d84c","projects_dice_index.md":"12c98397","projects_index.md":"00414e01","projects_optispeech_index.md":"0f8444db","projects_vecs_index.md":"e7e6f0e0","public_gamedevtree_2.0-format-changes.md":"869c95cb","public_gamedevtree_readme.md":"552fe2c4","public_gamedevtree_changelog.md":"d359af81","public_gamedevtree_docs_!general-info.md":"b54b0405","public_gamedevtree_docs_achievements.md":"dcac48ff","public_gamedevtree_docs_bars.md":"5f67f039","public_gamedevtree_docs_basic-layer-breakdown.md":"7761b77c","public_gamedevtree_docs_buyables.md":"0150160d","public_gamedevtree_docs_challenges.md":"0c6f4a98","public_gamedevtree_docs_clickables.md":"31209e1f","public_gamedevtree_docs_custom-tab-layouts.md":"c0fbc4e0","public_gamedevtree_docs_getting-started.md":"8c2ddda0","public_gamedevtree_docs_infoboxes.md":"7a0953be","public_gamedevtree_docs_layer-features.md":"a7640a7f","public_gamedevtree_docs_main-mod-info.md":"6f790508","public_gamedevtree_docs_milestones.md":"264c8c9a","public_gamedevtree_docs_subtabs-and-microtabs.md":"a5ee4ade","public_gamedevtree_docs_updating-tmt.md":"0237de18","public_gamedevtree_docs_upgrades.md":"ac3bddbc","public_kronos_old things_2.0-format-changes.md":"33740b7e","public_kronos_readme.md":"b02e146e","public_kronos_changelog.md":"8c678677","public_kronos_docs_!general-info.md":"a850fc5c","public_kronos_docs_achievements.md":"50170b22","public_kronos_docs_bars.md":"e362dd22","public_kronos_docs_basic-layer-breakdown.md":"c5012569","public_kronos_docs_buyables.md":"18df767f","public_kronos_docs_challenges.md":"e035cc8c","public_kronos_docs_clickables.md":"0b620d80","public_kronos_docs_custom-tab-layouts.md":"83ea4ec4","public_kronos_docs_getting-started.md":"bbfb2db6","public_kronos_docs_grids.md":"53210faa","public_kronos_docs_infoboxes.md":"1e520ae7","public_kronos_docs_layer-features.md":"13746ddd","public_kronos_docs_main-mod-info.md":"880d3987","public_kronos_docs_milestones.md":"ddaaade5","public_kronos_docs_particles.md":"78d816e8","public_kronos_docs_subtabs-and-microtabs.md":"f0ff58d5","public_kronos_docs_trees-and-tree-customization.md":"763f6e41","public_kronos_docs_updating-tmt.md":"3d630d86","public_kronos_docs_upgrades.md":"e5295c4b","public_lit_old things_2.0-format-changes.md":"e73a9b99","public_lit_readme.md":"241d60e2","public_lit_changelog.md":"08f37d7f","public_lit_docs_!general-info.md":"e02fc830","public_lit_docs_achievements.md":"9bdd1682","public_lit_docs_bars.md":"51d95f97","public_lit_docs_basic-layer-breakdown.md":"c311548b","public_lit_docs_buyables.md":"cdd4074b","public_lit_docs_challenges.md":"ff75af2d","public_lit_docs_clickables.md":"2c4bf6c0","public_lit_docs_custom-tab-layouts.md":"4ef7b79a","public_lit_docs_getting-started.md":"1abd3c25","public_lit_docs_infoboxes.md":"6e888c51","public_lit_docs_layer-features.md":"77bde097","public_lit_docs_main-mod-info.md":"c984b67a","public_lit_docs_milestones.md":"05858e62","public_lit_docs_subtabs-and-microtabs.md":"84373a35","public_lit_docs_trees-and-tree-customization.md":"083d2a32","public_lit_docs_updating-tmt.md":"6dce2005","public_lit_docs_upgrades.md":"967aa760"} diff --git a/index.html b/index.html index 45c542dc..63f5b331 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ - + @@ -22,7 +22,7 @@

Appearance

The Paper Pilot

I'm Anthony, or The Paper Pilot, and I make fun games and tools!

My Projects
- + diff --git a/ludwig/assets/gameLoop.839c30ab.js b/ludwig/assets/gameLoop.c8b27b43.js similarity index 91% rename from ludwig/assets/gameLoop.839c30ab.js rename to ludwig/assets/gameLoop.c8b27b43.js index 5e677e8f..afa84863 100644 --- a/ludwig/assets/gameLoop.839c30ab.js +++ b/ludwig/assets/gameLoop.c8b27b43.js @@ -1 +1 @@ -import{_ as d,s,p as e,a as n,l as T,D as r,b as l,g as u}from"./index.9e26d6b8.js";import"./vue.f6263579.js";import{b1 as c}from"./@vue.4ce677c2.js";/* empty css */import"./nanoevents.1080beb7.js";import"./lz-string.f2f3b7cf.js";import"./vuedraggable.c3acdf62.js";import"./earcut.b6f90e68.js";import"./sortablejs.cbae5b2d.js";import"./vue-next-select.0dc4e443.js";import"./vue-textarea-autosize.35804eaf.js";import"./semver.83ff78cf.js";import"./lru-cache.9a21e90b.js";import"./yallist.fd762fe7.js";import"./socket.io-client.79ce0df5.js";import"./engine.io-client.58517560.js";import"./engine.io-parser.3f360695.js";import"./@socket.io.aec831e2.js";import"./socket.io-parser.544e37d1.js";import"./vue-toastification.b7cd620e.js";import"./@pixi.1eac1889.js";import"./ismobilejs.5c6954b9.js";import"./eventemitter3.dc5195d7.js";import"./url.e51cb87b.js";import"./querystring.23ae9a54.js";import"./workbox-window.8d14e8b7.js";let o=null,m=null;function f(){const t=Date.now();let i=(t-e.time)/1e3;e.time=t;const a=i;if(n.lastTenTicks.push(a),n.lastTenTicks.length>10&&(n.lastTenTicks=n.lastTenTicks.slice(1)),!((m==null?void 0:m.value)&&!e.keepGoing)&&!n.hasNaN&&(i=Math.max(i,0),e.devSpeed!==0)){if(T.value=!1,e.offlineTime!=null){if(r.gt(e.offlineTime,l.offlineLimit*3600)&&(e.offlineTime=l.offlineLimit*3600),r.gt(e.offlineTime,0)&&e.devSpeed!==0){const p=Math.max(e.offlineTime/10,i);e.offlineTime=e.offlineTime-p,i+=p}else e.devSpeed===0&&(e.offlineTime+=i);(!e.offlineProd||r.lt(e.offlineTime,0))&&(e.offlineTime=null)}i=Math.min(i,l.maxTickLength),e.devSpeed!=null&&(i*=e.devSpeed),Number.isFinite(i)||(i=1e308),!r.eq(i,0)&&(e.timePlayed+=i,Number.isFinite(e.timePlayed)||(e.timePlayed=1e308),u.emit("update",i,a),s.unthrottled?(requestAnimationFrame(f),o!=null&&(clearInterval(o),o=null)):o==null&&(o=setInterval(f,50)))}}async function W(){m=(await d(()=>import("./index.9e26d6b8.js").then(function(t){return t.c}),["assets/index.9e26d6b8.js","assets/index.628d8c10.css","assets/@fontsource.f66d05e7.css","assets/vue.f6263579.js","assets/earcut.b6f90e68.js","assets/@vue.4ce677c2.js","assets/nanoevents.1080beb7.js","assets/lz-string.f2f3b7cf.js","assets/vuedraggable.c3acdf62.js","assets/sortablejs.cbae5b2d.js","assets/vue-next-select.0dc4e443.js","assets/vue-next-select.9e6f4164.css","assets/vue-textarea-autosize.35804eaf.js","assets/semver.83ff78cf.js","assets/lru-cache.9a21e90b.js","assets/yallist.fd762fe7.js","assets/socket.io-client.79ce0df5.js","assets/engine.io-client.58517560.js","assets/engine.io-parser.3f360695.js","assets/@socket.io.aec831e2.js","assets/socket.io-parser.544e37d1.js","assets/vue-toastification.b7cd620e.js","assets/vue-toastification.4b5f8ac8.css","assets/@pixi.1eac1889.js","assets/ismobilejs.5c6954b9.js","assets/eventemitter3.dc5195d7.js","assets/url.e51cb87b.js","assets/querystring.23ae9a54.js","assets/workbox-window.8d14e8b7.js"])).hasWon,c(m,t=>{t&&u.emit("gameWon")}),s.unthrottled?requestAnimationFrame(f):o=setInterval(f,50)}export{W as startGameLoop}; +import{_ as d,s,p as e,a as n,l as T,D as r,b as l,g as u}from"./index.67aa62bf.js";import"./vue.f6263579.js";import{b1 as c}from"./@vue.4ce677c2.js";/* empty css */import"./nanoevents.1080beb7.js";import"./lz-string.f2f3b7cf.js";import"./vuedraggable.c3acdf62.js";import"./earcut.b6f90e68.js";import"./sortablejs.cbae5b2d.js";import"./vue-next-select.0dc4e443.js";import"./vue-textarea-autosize.35804eaf.js";import"./semver.83ff78cf.js";import"./lru-cache.9a21e90b.js";import"./yallist.fd762fe7.js";import"./socket.io-client.79ce0df5.js";import"./engine.io-client.58517560.js";import"./engine.io-parser.3f360695.js";import"./@socket.io.aec831e2.js";import"./socket.io-parser.544e37d1.js";import"./vue-toastification.b7cd620e.js";import"./@pixi.1eac1889.js";import"./ismobilejs.5c6954b9.js";import"./eventemitter3.dc5195d7.js";import"./url.e51cb87b.js";import"./querystring.23ae9a54.js";import"./workbox-window.8d14e8b7.js";let o=null,m=null;function f(){const t=Date.now();let i=(t-e.time)/1e3;e.time=t;const a=i;if(n.lastTenTicks.push(a),n.lastTenTicks.length>10&&(n.lastTenTicks=n.lastTenTicks.slice(1)),!((m==null?void 0:m.value)&&!e.keepGoing)&&!n.hasNaN&&(i=Math.max(i,0),e.devSpeed!==0)){if(T.value=!1,e.offlineTime!=null){if(r.gt(e.offlineTime,l.offlineLimit*3600)&&(e.offlineTime=l.offlineLimit*3600),r.gt(e.offlineTime,0)&&e.devSpeed!==0){const p=Math.max(e.offlineTime/10,i);e.offlineTime=e.offlineTime-p,i+=p}else e.devSpeed===0&&(e.offlineTime+=i);(!e.offlineProd||r.lt(e.offlineTime,0))&&(e.offlineTime=null)}i=Math.min(i,l.maxTickLength),e.devSpeed!=null&&(i*=e.devSpeed),Number.isFinite(i)||(i=1e308),!r.eq(i,0)&&(e.timePlayed+=i,Number.isFinite(e.timePlayed)||(e.timePlayed=1e308),u.emit("update",i,a),s.unthrottled?(requestAnimationFrame(f),o!=null&&(clearInterval(o),o=null)):o==null&&(o=setInterval(f,50)))}}async function W(){m=(await d(()=>import("./index.67aa62bf.js").then(function(t){return t.c}),["assets/index.67aa62bf.js","assets/index.6d3e8d1e.css","assets/@fontsource.f66d05e7.css","assets/vue.f6263579.js","assets/earcut.b6f90e68.js","assets/@vue.4ce677c2.js","assets/nanoevents.1080beb7.js","assets/lz-string.f2f3b7cf.js","assets/vuedraggable.c3acdf62.js","assets/sortablejs.cbae5b2d.js","assets/vue-next-select.0dc4e443.js","assets/vue-next-select.9e6f4164.css","assets/vue-textarea-autosize.35804eaf.js","assets/semver.83ff78cf.js","assets/lru-cache.9a21e90b.js","assets/yallist.fd762fe7.js","assets/socket.io-client.79ce0df5.js","assets/engine.io-client.58517560.js","assets/engine.io-parser.3f360695.js","assets/@socket.io.aec831e2.js","assets/socket.io-parser.544e37d1.js","assets/vue-toastification.b7cd620e.js","assets/vue-toastification.4b5f8ac8.css","assets/@pixi.1eac1889.js","assets/ismobilejs.5c6954b9.js","assets/eventemitter3.dc5195d7.js","assets/url.e51cb87b.js","assets/querystring.23ae9a54.js","assets/workbox-window.8d14e8b7.js"])).hasWon,c(m,t=>{t&&u.emit("gameWon")}),s.unthrottled?requestAnimationFrame(f):o=setInterval(f,50)}export{W as startGameLoop}; diff --git a/ludwig/assets/index.628d8c10.css b/ludwig/assets/index.628d8c10.css deleted file mode 100644 index fdc074c9..00000000 --- a/ludwig/assets/index.628d8c10.css +++ /dev/null @@ -1 +0,0 @@ -.table{display:flex;flex-flow:column wrap;justify-content:center;align-items:center;max-width:100%;margin:0 auto}.table+.table{margin-top:10px}.row{display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;max-width:100%;margin:0 10px}.row>:not(.feature){margin:0;display:flex}.col{display:flex;flex-flow:column wrap;justify-content:center;align-items:center;height:100%;margin:10px 0}.row.mergeAdjacent>.feature:not(.dontMerge),.row.mergeAdjacent>.tooltip-container>.feature:not(.dontMerge){margin-left:0;margin-right:0;border-radius:0}.row.mergeAdjacent>.feature:not(.dontMerge):first-child,.row.mergeAdjacent>.tooltip-container:first-child>.feature:not(.dontMerge){border-radius:var(--border-radius) 0 0 var(--border-radius)}.row.mergeAdjacent>.feature:not(.dontMerge):last-child,.row.mergeAdjacent>.tooltip-container:last-child>.feature:not(.dontMerge){border-radius:0 var(--border-radius) var(--border-radius) 0}.row.mergeAdjacent>.feature:not(.dontMerge):first-child:last-child,.row.mergeAdjacent>.tooltip-container:first-child:last-child>.feature:not(.dontMerge){border-radius:var(--border-radius)}.row-grid.mergeAdjacent>.feature:not(.dontMerge),.row-grid.mergeAdjacent>.tooltip-container>.feature:not(.dontMerge){margin:0;border-radius:0}.row-grid.mergeAdjacent>.feature:not(.dontMerge):last-child,.row-grid.mergeAdjacent>.tooltip-container:last-child>.feature:not(.dontMerge){border-radius:0}.row-grid.mergeAdjacent>.feature:not(.dontMerge):first-child,.row-grid.mergeAdjacent>.tooltip-container:first-child>.feature:not(.dontMerge){border-radius:0}.table-grid>.row-grid.mergeAdjacent:last-child>.feature:not(.dontMerge):first-child{border-radius:0 0 0 var(--border-radius)}.table-grid>.row-grid.mergeAdjacent:first-child>.feature:not(.dontMerge):last-child{border-radius:0 var(--border-radius) 0 0}.table-grid>.row-grid.mergeAdjacent:first-child>.feature:not(.dontMerge):first-child{border-radius:var(--border-radius) 0 0 0}.table-grid>.row-grid.mergeAdjacent:last-child>.feature:not(.dontMerge):last-child{border-radius:0 0 var(--border-radius) 0}.col.mergeAdjacent .feature:not(.dontMerge){margin-top:0;margin-bottom:0;border-radius:0}.col.mergeAdjacent .feature:not(.dontMerge):first-child{border-radius:var(--border-radius) var(--border-radius) 0 0}.col.mergeAdjacent .feature:not(.dontMerge):last-child{border-radius:0 0 var(--border-radius) var(--border-radius)}.col.mergeAdjacent .feature:not(.dontMerge):first-child:last-child{border-radius:var(--border-radius)}.resize-listener[data-v-2b1dc1bc]{position:absolute;top:0px;left:0;right:-4px;bottom:5px;z-index:-10;pointer-events:none}.modal-mask{position:fixed;z-index:9998;top:0;left:0;bottom:0;right:0;background-color:#00000080;transition:opacity .3s ease}.modal-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.modal-container{width:640px;max-width:95vw;max-height:95vh;background-color:var(--background);padding:20px;border-radius:5px;transition:all .3s ease;text-align:left;border:var(--modal-border);box-sizing:border-box;display:flex;flex-direction:column}.modal-header{width:100%}.modal-body{margin:20px 0;width:100%;overflow-y:auto;overflow-x:hidden}.modal-footer{width:100%}.modal-default-footer{display:flex}.modal-default-flex-grow{flex-grow:1}.modal-enter-from,.modal-leave-active{opacity:0}.modal-enter-from .modal-container,.modal-leave-active .modal-container{-webkit-transform:scale(1.1);transform:scale(1.1)}.layer-container[data-v-a592996e]{min-width:100%;min-height:100%;margin:0;flex-grow:1;display:flex;isolation:isolate}.layer-tab[data-v-a592996e]:not(.minimized){padding-top:20px;padding-bottom:20px;min-height:100%;flex-grow:1;text-align:center;position:relative}.inner-tab>.layer-container>.layer-tab[data-v-a592996e]:not(.minimized){padding-top:50px}.layer-tab.minimized[data-v-a592996e]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;padding:55px 0 0;margin:0;cursor:pointer;font-size:40px;color:var(--foreground);border:none;background-color:transparent}.layer-tab.minimized>*[data-v-a592996e]{margin:0;writing-mode:vertical-rl;text-align:left;padding-left:10px;width:50px}.inner-tab>.layer-container>.layer-tab[data-v-a592996e]:not(.minimized){margin:-50px -10px;padding:50px 10px}.modal-body .layer-tab[data-v-a592996e]{padding-bottom:0}.modal-body .layer-tab[data-v-a592996e]:not(.hasSubtabs){padding-top:0}.minimize[data-v-a592996e]{position:sticky;top:6px;right:9px;z-index:7;line-height:30px;border:none;background:var(--background);box-shadow:var(--background) 0 2px 3px 5px;border-radius:50%;color:var(--foreground);font-size:40px;cursor:pointer;margin-top:-44px;margin-right:-30px}.minimized+.minimize[data-v-a592996e]{transform:rotate(-90deg);top:10px;right:18px;pointer-events:none}.goBack[data-v-a592996e]{position:sticky;top:10px;left:10px;line-height:30px;margin-top:-50px;margin-left:-35px;border:none;background:var(--background);box-shadow:var(--background) 0 2px 3px 5px;border-radius:50%;color:var(--foreground);font-size:30px;cursor:pointer;z-index:7}.goBack[data-v-a592996e]:hover{transform:scale(1.1);text-shadow:0 0 7px var(--foreground)}.layer-tab.minimized>*>.desc{color:var(--accent1);font-size:30px}details[data-v-4b4bda40]{margin:10px 0;padding-left:18px}summary[data-v-4b4bda40]{cursor:pointer;margin-bottom:10px;margin-left:-18px}ul[data-v-4b4bda40]{margin:var(--feature-margin) 0;background:var(--raised-background);border:2px solid rgba(0,0,0,.125);padding:5px 5px 5px 15px;list-style:inside}li[data-v-4b4bda40]{margin:8px 0}li[data-v-4b4bda40]:before{padding:2px 8px;margin-right:8px;border-radius:var(--border-radius)}.feature[data-v-4b4bda40]:before{content:"Feature";background:var(--accent1)}.fix[data-v-4b4bda40]:before{content:"Fix";background:var(--accent2)}.balancing[data-v-4b4bda40]:before{content:"Balancing";background:var(--accent3)}.breaking[data-v-4b4bda40]:before{content:"Breaking";background:var(--danger)}.tooltip-container[data-v-7a579aa7]{position:relative;--xoffset: 0px;--yoffset: 0px;text-shadow:none!important}.tooltip[data-v-7a579aa7],.tooltip[data-v-7a579aa7]:after{pointer-events:none;position:absolute}.tooltip[data-v-7a579aa7]{text-align:center;width:250px;font-size:14px;line-height:1.2;bottom:calc(100% + var(--yoffset));left:calc(50% + var(--xoffset));margin-bottom:5px;transform:translate(-50%);padding:7px;border-radius:3px;background-color:var(--tooltip-background);color:var(--background);z-index:1000!important;word-break:break-word}.tooltip[data-v-7a579aa7] hr{margin:var(--feature-margin) 0}.shown[data-v-7a579aa7]{z-index:10}.fade-enter-from[data-v-7a579aa7],.fade-leave-to[data-v-7a579aa7]{opacity:0}.tooltip[data-v-7a579aa7]:after{content:" ";position:absolute;top:100%;bottom:100%;left:calc(50% - var(--xoffset));width:0;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--tooltip-background) transparent transparent transparent}.tooltip.left[data-v-7a579aa7],.side-nodes .tooltip[data-v-7a579aa7]:not(.right):not(.bottom):not(.top){bottom:calc(50% + var(--yoffset));left:unset;right:calc(100% + var(--xoffset));margin-bottom:unset;margin-right:5px;transform:translateY(50%)}.tooltip.left[data-v-7a579aa7]:after,.side-nodes .tooltip[data-v-7a579aa7]:not(.right):not(.bottom):not(.top):after{top:calc(50% + var(--yoffset));bottom:unset;left:100%;right:100%;margin-left:unset;margin-top:-5px;border-color:transparent transparent transparent var(--tooltip-background)}.tooltip.right[data-v-7a579aa7]{bottom:calc(50% + var(--yoffset));left:calc(100% + var(--xoffset));margin-bottom:unset;margin-left:5px;transform:translateY(50%)}.tooltip.right[data-v-7a579aa7]:after{top:calc(50% + var(--yoffset));left:0;right:100%;margin-left:-10px;margin-top:-5px;border-color:transparent var(--tooltip-background) transparent transparent}.tooltip.bottom[data-v-7a579aa7]{top:calc(100% + var(--yoffset));bottom:unset;left:calc(50% + var(--xoffset));margin-bottom:unset;margin-top:5px;transform:translate(-50%)}.tooltip.bottom[data-v-7a579aa7]:after{top:0;margin-top:-10px;border-color:transparent transparent var(--tooltip-background) transparent}.pinned[data-v-7a579aa7]{position:absolute;right:-5px;top:-5px;transform:rotate(45deg)}.info-modal-header[data-v-5d3cb6f4]{display:flex;margin:-20px -20px 0;background:var(--raised-background);align-items:center}.info-modal-header *[data-v-5d3cb6f4]{margin:0}.info-modal-logo[data-v-5d3cb6f4]{height:4em;width:4em}.info-modal-title[data-v-5d3cb6f4]{display:flex;flex-direction:column;padding:10px 0;margin-left:10px}.info-modal-discord-link[data-v-5d3cb6f4]{display:flex;align-items:center}.info-modal-discord[data-v-5d3cb6f4]{margin:0 4px 0 0}.option-tabs{border-bottom:2px solid var(--outline);margin-top:10px;margin-bottom:-10px}.option-tabs button{background-color:transparent;color:var(--foreground);margin-bottom:-2px;font-size:14px;cursor:pointer;padding:5px 20px;border:none;border-bottom:2px solid var(--foreground)}.option-tabs button:not(.selected){border-bottom-color:transparent}.option-title .tooltip-container{display:inline;margin-left:5px}.option-title desc{display:block;opacity:.6;font-size:small;width:300px;margin-left:0}.save-button{text-align:right}.field{display:flex;position:relative;min-height:2em;margin:10px 0;user-select:none;justify-content:space-between;align-items:center}.field>*{margin:0}.vue-select{width:50%;border-radius:var(--border-radius)}.field-buttons .vue-select{width:unset}.vue-select,.vue-dropdown{border-color:var(--outline)}.vue-dropdown{background:var(--raised-background)}.vue-dropdown-item{color:var(--foreground)}.vue-dropdown-item,.vue-dropdown-item *{transition-duration:0s}.vue-dropdown-item.highlighted{background-color:var(--highlighted)}.vue-dropdown-item.selected,.vue-dropdown-item.highlighted.selected{background-color:var(--bought)}.vue-input input{font-size:inherit}.vue-input input::placeholder{color:var(--link)}form[data-v-90bd4994]{margin:0;width:100%}.field>*[data-v-90bd4994]{margin:0}input[data-v-90bd4994]{width:50%;outline:none;border:solid 1px var(--outline);background-color:unset;border-radius:var(--border-radius)}.fullWidth[data-v-90bd4994]{width:100%}.container[data-v-2f8ef34c]{display:flex;align-items:center;background:var(--raised-background);box-shadow:var(--raised-background) 0 2px 3px 5px}.container.confirming button[data-v-2f8ef34c]{font-size:1em}.container>*[data-v-2f8ef34c]{margin:0 4px}.danger,.button.danger{position:relative;border:solid 2px var(--danger);border-right-width:16px}.danger:after{position:absolute;content:"!";color:#fff;right:-13px}.feedback[data-v-01a1b95c]{position:relative}.feedback[data-v-01a1b95c]:after{position:absolute;left:calc(100% + 5px);top:50%;transform:translateY(-50%);content:"\2714";opacity:0;pointer-events:none;box-shadow:inset 0 0 0 35px #6f94b600;text-shadow:none}.feedback.left[data-v-01a1b95c]:after{left:unset;right:calc(100% + 5px)}.feedback.activated[data-v-01a1b95c]:after{animation:feedback-01a1b95c .5s ease-out forwards}@keyframes feedback-01a1b95c{0%{opacity:1;transform:scale3d(.4,.4,1),translateY(-50%)}80%{opacity:.1}to{opacity:0;transform:scale3d(1.2,1.2,1),translateY(-50%)}}.save[data-v-c3447434]{position:relative;border:solid 4px var(--outline);padding:4px;background:var(--raised-background);margin:var(--feature-margin);display:flex;align-items:center;min-height:30px}.save.active[data-v-c3447434]{border-color:var(--bought)}.open[data-v-c3447434]{display:inline;margin:0;padding-left:0}.handle[data-v-c3447434]{flex-grow:0;margin-right:8px;margin-left:0;cursor:pointer}.details[data-v-c3447434]{margin:0 80px 0 0;flex-grow:1}.error[data-v-c3447434]{font-size:.8em;color:var(--danger)}.save-version[data-v-c3447434]{margin-left:4px;font-size:.7em;opacity:.7}.actions[data-v-c3447434]{position:absolute;top:0;bottom:0;right:4px;display:flex;padding:4px;z-index:1}.editname[data-v-c3447434]{margin:0}.save button{transition-duration:0s}.save .actions button{display:flex;font-size:1.2em}.save .actions button .material-icons{font-size:unset}.save .button.danger{display:flex;align-items:center;padding:4px}.save .field,.field form[data-v-5b5b1604],.field .field-title[data-v-5b5b1604],.field .field-buttons[data-v-5b5b1604]{margin:0}.field-buttons[data-v-5b5b1604]{display:flex}.field-buttons .field[data-v-5b5b1604]{margin:0 0 0 8px}.modal-footer[data-v-5b5b1604]{margin-top:-20px}.footer[data-v-5b5b1604]{display:flex;margin-top:20px}.importingFailed input{color:red}.field-buttons .v-select{width:220px}.presets .vue-select[aria-expanded=true] vue-dropdown{visibility:hidden}.nav[data-v-269f7a94]{background-color:var(--raised-background);display:flex;left:0;right:0;top:0;height:46px;width:100%;border-bottom:4px solid var(--outline)}.nav>*[data-v-269f7a94]{height:46px;width:46px;display:flex;cursor:pointer;flex-shrink:0}.nav>.banner[data-v-269f7a94]{height:100%;width:unset}.overlay-nav[data-v-269f7a94]{position:fixed;top:10px;left:10px;display:flex;flex-direction:column;z-index:2}.overlay-nav>*[data-v-269f7a94]{height:50px;width:50px;display:flex;cursor:pointer;margin:0;align-items:center;justify-content:center}.title[data-v-269f7a94]{font-size:36px;text-align:left;margin-left:12px;cursor:unset}.nav>.title[data-v-269f7a94]{width:unset;flex-shrink:1;overflow:hidden;white-space:nowrap}.nav .saves[data-v-269f7a94],.nav .info[data-v-269f7a94]{display:flex}.tooltip-container[data-v-269f7a94]{width:100%;height:100%;display:flex}.overlay-nav .discord[data-v-269f7a94]{position:relative}.discord img[data-v-269f7a94]{width:100%;height:100%}.discord-links[data-v-269f7a94]{position:fixed;top:45px;padding:20px;right:-280px;width:200px;transition:right .25s ease;background:var(--raised-background);z-index:10}.overlay-nav .discord-links[data-v-269f7a94]{position:absolute;left:-280px;right:unset;transition:left .25s ease}.overlay-nav .discord:hover .discord-links[data-v-269f7a94]{left:-10px}.discord-links li[data-v-269f7a94]{margin-bottom:4px}.discord-links li[data-v-269f7a94]:first-child{font-size:1.2em}*:not(.overlay-nav) .discord:hover .discord-links[data-v-269f7a94]{right:0}.material-icons[data-v-269f7a94]{font-size:36px}.material-icons[data-v-269f7a94]:hover{text-shadow:5px 0 10px var(--link),-3px 0 12px var(--foreground)}.nav .version-container[data-v-269f7a94]{display:flex;height:25px;margin-bottom:0;margin-left:10px}.overlay-nav .version-container[data-v-269f7a94]{width:unset;height:25px}.version[data-v-269f7a94]{color:var(--points)}.version:hover span[data-v-269f7a94]{text-shadow:5px 0 10px var(--points),-3px 0 12px var(--points)}.nav>div>a[data-v-269f7a94],.overlay-nav>div>a[data-v-269f7a94]{color:var(--foreground);text-shadow:none}.tabs-container[data-v-3e0f1aab]{width:100vw;flex-grow:1;overflow-x:auto;overflow-y:hidden;display:flex}.tabs-container[data-v-3e0f1aab]:not(.useHeader){width:calc(100vw - 50px);margin-left:50px}.tab[data-v-3e0f1aab]{position:relative;height:100%;flex-grow:1;transition-duration:0s;overflow-y:auto;overflow-x:hidden}.inner-tab[data-v-3e0f1aab]{padding:50px 10px;min-height:calc(100% - 100px);display:flex;flex-direction:column;margin:0;flex-grow:1}.tab+.tab>.inner-tab[data-v-3e0f1aab]{border-left:solid 4px var(--outline)}.tab hr{height:4px;border:none;background:var(--outline);margin:var(--feature-margin) 0}.tab .modal-body hr{margin:7px 0}.node[data-v-a48cb382]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.character[data-v-77dfedc5]{width:10vmin;height:10vmin;position:relative;margin:4vmin;justify-content:center;user-select:none;display:flex}.character[data-v-77dfedc5]:not(.empty){cursor:pointer}.character.shake[data-v-77dfedc5]{animation:shake-77dfedc5 .5s infinite}.character *[data-v-77dfedc5]{pointer-events:none}.character-display[data-v-77dfedc5]{z-index:1}.character-display img[data-v-77dfedc5]{image-rendering:pixelated;width:10vmin;height:10vmin;filter:drop-shadow(2px 4px 6px black)}.character[data-v-77dfedc5]:after{content:"";background:url(./Shadow.png);position:absolute;top:15%;left:0;right:0;bottom:-15%;background-size:contain}.character.selected[data-v-77dfedc5]:not(.dragging):before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23000' stroke-width='12' stroke-dasharray='10%25%2c90%25' stroke-dashoffset='5%25' stroke-linecap='square'/%3e%3c/svg%3e");z-index:100}.character[data-v-77dfedc5]:not(.selected):not(.empty):not(.dragging):not(.isDragging):hover:before,.character:not(.selected):not(.empty):not(.dragging).draggingOver[data-v-77dfedc5]:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23000' stroke-width='8' stroke-dasharray='10%25%2c90%25' stroke-dashoffset='5%25' stroke-linecap='square'/%3e%3c/svg%3e");z-index:100}.relevancy-display[data-v-77dfedc5]{position:absolute;top:-15%;left:0;transform:translate(-50%,-50%)}.relevancy-display img[data-v-77dfedc5]{position:absolute;transform:translate(-45%,-45%);z-index:-1;width:10vmin;height:10vmin;image-rendering:pixelated}.relevancy-display span[data-v-77dfedc5]{font-family:Roboto Mono;font-size:2vmin;color:#fff;text-shadow:-1px 1px 0 black,1px 1px 0 black,1px -1px 0 black,-1px -1px 0 black;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.presence-display[data-v-77dfedc5]{position:absolute;top:0;right:0;transform:translate(-50%,-50%);color:var(--feature-foreground)}.presence-display .material-icons[data-v-77dfedc5]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--accent1);font-size:2vmin;z-index:-1}.level-display[data-v-77dfedc5]{position:absolute;bottom:-5%;right:-5%;z-index:1;transform:translate(50%,50%)}.level-display img[data-v-77dfedc5]{width:10vmin;height:10vmin}.move-indicator[data-v-77dfedc5]{position:absolute;transform:translate(-50%) rotate(180deg);top:-75%;left:50%;animation:bouncingMoveIndicator-77dfedc5 1s infinite}.move-indicator .material-icons[data-v-77dfedc5]{font-size:5vmin;transition:all .5s ease,color 0s}.character:not(.isDragging):hover .move-indicator .material-icons[data-v-77dfedc5],.character.draggingOver .move-indicator .material-icons[data-v-77dfedc5]{color:var(--feature-foreground)}.frozen[data-v-77dfedc5]{position:absolute;background:skyblue;top:0;left:0;right:0;bottom:0;opacity:.5;transform:rotate(45deg)}@keyframes bouncingMoveIndicator-77dfedc5{0%{transform:translate(-50%) rotate(180deg) translateY(0)}50%{transform:translate(-50%) rotate(180deg) translateY(50%)}to{transform:translate(-50%) rotate(180deg) translateY(0)}}@keyframes shake-77dfedc5{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.inner-tab{background:url(./Kitchen\ BG.9c8f4daf.png);background-position:center;background-size:cover}.game-container{display:flex;flex-direction:column;height:calc(100% - 5vmin);padding-top:5vmin}.game-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-image:url(./game\ window.07b1840c.png);border-image-slice:100 50 50 450;border-style:solid;border-width:10vmin 5vmin 5vmin 45vmin;z-index:101;pointer-events:none}.game-container:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);height:10vmin;aspect-ratio:516/100;background-size:contain;background-image:url(data:image/png;base64,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);z-index:102;pointer-events:none}.team-nickname{font-size:3vmin;z-index:105;top:2.8vmin;position:absolute;left:6.3vmin;text-shadow:-1px 1px 0 var(--raised-background),1px 1px 0 var(--raised-background),1px -1px 0 var(--raised-background),-1px -1px 0 var(--raised-background)}.manager-header{width:calc(100% - 10vmin)}.manager-header .row{align-items:center;width:100%}.manager-header .button{font-size:4vmin;padding:2vmin;height:8vmin}.modifier-toggle{padding-right:10px;transform:translateY(-1px);display:inline-block}.modifier-toggle.collapsed{transform:translate(-5px,-5px) rotate(-90deg)}.resource-box{display:flex;border:solid 2px var(--bought);padding:0 4px;border-radius:4px;font-size:2em;align-items:center}.resource-box:not(:last-child){margin-right:20px!important}.resource-box .material-icons{margin-right:6px;font-size:1em}.resource-box img{margin-right:6px;width:1em;transform:scale(2);image-rendering:pixelated}.shop{margin-top:10vh!important;position:relative}.shop .row{border-image:url(./shop\ window.0a80aaff.png);border-image-slice:106 53 53 424 fill;border-style:solid;border-width:5vmin 2.5vmin 2.5vmin 20vmin;width:72.5vmin;justify-content:flex-start;align-items:center}.shop .row:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);height:5vmin;aspect-ratio:516/102;background-size:contain;background-image:url(./shop\ cat.90b80da1.png);z-index:3;pointer-events:none}.reroll{margin-left:-19vmin!important;margin-top:-1vmin!important;height:18vmin;cursor:pointer;user-select:none;transition-duration:0s;image-rendering:pixelated}.reroll img{height:100%;transform:scale(1.5) translateY(-18%);filter:drop-shadow(2px 4px 6px black)}.startStream{height:16vmin;cursor:pointer;filter:drop-shadow(2px 4px 6px black);margin-right:0!important;margin-bottom:-8vmin!important}.waiting{font-size:4vmin;height:16vmin;display:flex;align-items:center}.battle-container{display:flex;flex-direction:column;height:100%}.battle-container:not(.fast) *{transition-duration:1s}.teams-container{display:flex;height:100%;width:100%}.team-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 4vmin}.stream-container{aspect-ratio:16/9;width:calc(100% - 4px);margin:0 auto;border:solid 2px var(--accent1);position:relative;background:var(--background);filter:drop-shadow(2px 4px 6px black)}.stream-details{position:absolute;top:1vmin;display:flex;flex-direction:column}.stream-details .stats{display:flex;margin-top:1vmin}.view-counter{font-size:2vmin;position:absolute;top:1vmin}.streamers-container{width:90%;height:18vmin;position:absolute;left:5%;bottom:5%;overflow-x:auto;overflow-y:hidden}.members-container{height:18vmin;flex-shrink:0;overflow:hidden}.streamers-container .row,.members-container .row{flex-flow:row}.streamers-container .character,.members-container .character{margin:4vmin 1vmin}.battle-controls{margin-bottom:2vmin;display:flex}.battle-controls .button{display:flex;flex-direction:column;font-size:2vmin;margin:1vmin;border:solid 2px var(--link);border-radius:var(--border-radius)}.battle-controls .button.active{background:var(--link);color:var(--feature-foreground)}.outcome{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:2vmin 4vmin;background:var(--tooltip-background);border-radius:4vmin;font-size:6vmin;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.outcome span{margin:1vmin}.character-transition-enter-from{transform:translateY(100%)}.character-transition-leave-to{transform:translateY(-100%)}.character-trensition-active{position:absolute}.total-outcome-container{display:flex;flex-direction:column;justify-content:space-around;height:100%}.total-outcome{font-size:4vmin;margin:0}.smiley{font-size:20vmin;margin:0;animation:swing 2s infinite ease}.total-outcome-container .button{margin:0;font-size:xx-large}@media (orientation: portrait){.teams-container{flex-direction:column}.team-container{margin:4vmin 0}.stream-container{width:unset;height:100%}}@keyframes swing{0%,to{transform:rotate(-30deg)}20%{transform:scale(.95)}50%{transform:rotate(30deg)}80%{transform:scale(.95)}}.not-fullscreen[data-v-0b99a6fc],.resize-listener[data-v-0b99a6fc]{position:absolute;top:0px;left:0;right:-4px;bottom:5px;pointer-events:none;z-index:10}.field[data-v-11046116]{cursor:pointer}input[data-v-11046116]{appearance:none;pointer-events:none}span[data-v-11046116]{width:100%;padding-right:41px;position:relative}input+span[data-v-11046116]:before{content:"";position:absolute;top:calc(50% - 7px);right:0px;border-radius:7px;width:36px;height:14px;background-color:var(--outline);opacity:.38;vertical-align:top;transition:background-color .2s,opacity .2s}input+span[data-v-11046116]:after{content:"";position:absolute;top:calc(50% - 10px);right:16px;border-radius:50%;width:20px;height:20px;background-color:var(--locked);box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;transition:background-color .2s,transform .2s}input:checked+span[data-v-11046116]:before{background-color:var(--link);opacity:.6}input:checked+span[data-v-11046116]:after{background-color:var(--link);transform:translate(16px)}input:active+span[data-v-11046116]:before{background-color:var(--link);opacity:.6}input:checked:active+span[data-v-11046116]:before{background-color:var(--outline);opacity:.38}input:disabled+span[data-v-11046116]{color:#000;opacity:.38;cursor:default}input:disabled+span[data-v-11046116]:before{background-color:var(--outline);opacity:.38}input:checked:disabled+span[data-v-11046116]:before{background-color:var(--link);opacity:.6}.game-over-modal-header[data-v-4a50ce42]{display:flex;margin:-20px -20px 0;background:var(--raised-background);align-items:center}.game-over-modal-header *[data-v-4a50ce42]{margin:0}.game-over-modal-logo[data-v-4a50ce42]{height:4em;width:4em}.game-over-modal-title[data-v-4a50ce42]{display:flex;flex-direction:column;padding:10px 0;margin-left:10px}.game-over-footer[data-v-4a50ce42]{display:flex;justify-content:flex-end}.game-over-footer button[data-v-4a50ce42]{margin:0 10px}.game-over-modal-discord-link[data-v-4a50ce42]{display:flex;align-items:center}.game-over-modal-discord[data-v-4a50ce42]{margin:0 4px 0 0}.nan-modal-header[data-v-336bf74f]{padding:10px 0;margin-left:10px}.nan-footer[data-v-336bf74f]{display:flex;justify-content:flex-end}.nan-footer button[data-v-336bf74f]{margin:0 10px}.nan-modal-discord-link[data-v-336bf74f]{display:flex;align-items:center}.nan-modal-discord[data-v-336bf74f]{margin:0 4px 0 0}:root{color-scheme:dark}*{transition-duration:.5s;font-family:Roboto Mono,monospace;font-weight:700;margin:auto;text-size-adjust:none}*:focus{outline:none}body{overflow:hidden;transition:none;text-align:center}html,body,#app{min-height:100%;height:100%}h1,h2,h3,b,input{display:inline}button{color:#000}a,.button,.link{display:block;color:var(--link);background:none;border:none;cursor:pointer;text-decoration:none}a:hover,.button:hover,.link:hover{text-shadow:5px 0 10px var(--link),-3px 0 12px var(--link)}.button:disabled{opacity:.5;cursor:not-allowed}.button:disabled:hover{text-shadow:none}ul{list-style-type:none}.Vue-Toastification__toast{margin:unset}.app[data-v-48adfab3]{background-color:var(--background);color:var(--foreground);display:flex;flex-flow:column;min-height:100%;height:100%}#modal-root[data-v-48adfab3]{position:absolute;min-height:100%;height:100%;color:var(--foreground)} diff --git a/ludwig/assets/index.9e26d6b8.js b/ludwig/assets/index.67aa62bf.js similarity index 99% rename from ludwig/assets/index.9e26d6b8.js rename to ludwig/assets/index.67aa62bf.js index 2441ac17..f35ff37c 100644 --- a/ludwig/assets/index.9e26d6b8.js +++ b/ludwig/assets/index.67aa62bf.js @@ -11,5 +11,5 @@ Created at: Stack: ${ue} Trying to pop ${a.id}`;ue.pop(),pe(a,"color"),pe(a,"display"),pe(a,"classes"),pe(a,"style"),pe(a,"name"),et(a,"name",a.id),pe(a,"minWidth"),et(a,"minWidth",600),pe(a,"minimizable"),et(a,"minimizable",!0),pe(a,"minimizedDisplay");const i=a.style;return a.style=x(()=>{var r,l;let s=u(a.minWidth);return(typeof s=="number"||!Number.isNaN(parseInt(s)))&&(s=s+"px"),[(r=u(i))!=null?r:"",(l=a.minimized)!=null&&l.value?{flexGrow:"0",flexShrink:"0",width:"60px",minWidth:"",flexBasis:"",margin:"0"}:{flexGrow:"",flexShrink:"",width:"",minWidth:s,flexBasis:s,margin:""}]}),a})}function Ca(e,t){if(console.info("Adding layer",e.id),ee[e.id]){console.error("Attempted to add layer with same ID as existing layer",e.id,ee[e.id]);return}et(t,"layers",{}),t.layers[e.id]==null&&(t.layers[e.id]={}),ee[e.id]=e,$.emit("addLayer",e,t.layers[e.id])}function Ci(e){return ee[e]}function Na(e){console.info("Removing layer",e.id),$.emit("removeLayer",e),ee[e.id]=void 0}function Ni(e){Na(e),Ca(e,V)}function Bi(e){const t=w(!1);return{openModal:()=>t.value=!0,modal:J(()=>o(Fe,{modelValue:t.value,"onUpdate:modelValue":a=>t.value=a},{header:()=>o("h2",null,[u(e.name)]),body:u(e.display)}))}}$.on("update",function(t){Object.values(ee).forEach(a=>{a==null||a.emit("preUpdate",t)}),Object.values(ee).forEach(a=>{a==null||a.emit("update",t)}),Object.values(ee).forEach(a=>{a==null||a.emit("postUpdate",t)})});var Ei=Object.freeze(Object.defineProperty({__proto__:null,RegisterNodeInjectionKey:qt,UnregisterNodeInjectionKey:zt,NodesInjectionKey:pa,BoundsInjectionKey:ya,layers:ee,persistentRefs:Ye,addingLayers:ue,createLayer:ba,addLayer:Ca,getLayer:Ci,removeLayer:Na,reloadLayer:Ni,setupLayerModal:Bi},Symbol.toStringTag,{value:"Module"}));const wi=U({components:{Context:va},props:{index:{type:Number,required:!0},display:{type:ne(Object,String,Function),required:!0},minimizedDisplay:ne(Object,String,Function),minimized:{type:Object,required:!0},name:{type:ne(String),required:!0},color:ne(String),minimizable:ne(Boolean),nodes:{type:Object,required:!0}},emits:["setMinimized"],setup(e){const{display:t,index:a,minimized:n,minimizedDisplay:i}=be(e),s=oi(t),r=pt(i),l=x(()=>G.allowGoBack&&a.value>0&&!xe(n));function g(){V.tabs.splice(u(e.index),1/0)}function f(y){e.nodes.value=y}return{component:s,minimizedComponent:r,showGoBack:l,updateNodes:f,unref:u,goBack:g}}}),Ii={key:1};function _i(e,t,a,n,i,s){const r=Ma("Context");return h(),B("div",{class:"layer-container",style:Xe({"--layer-color":e.unref(e.color)})},[e.showGoBack?(h(),B("button",{key:0,class:"goBack",onClick:t[0]||(t[0]=(...l)=>e.goBack&&e.goBack(...l))},"\u274C")):M("",!0),e.unref(e.minimized)?(h(),B("button",{key:1,class:"layer-tab minimized",onClick:t[1]||(t[1]=l=>e.$emit("setMinimized",!1))},[e.minimizedComponent?(h(),O(ce(e.minimizedComponent),{key:0})):(h(),B("div",Ii,F(e.unref(e.name)),1))])):(h(),B("div",{key:2,class:ae(["layer-tab",{showGoBack:e.showGoBack}])},[o(r,{onUpdateNodes:e.updateNodes},{default:R(()=>[(h(),O(ce(e.component)))]),_:1},8,["onUpdateNodes"])],2)),e.unref(e.minimizable)?(h(),B("button",{key:3,class:"minimize",onClick:t[2]||(t[2]=l=>e.$emit("setMinimized",!0))}," \u25BC ")):M("",!0)],4)}var Qi=K(wi,[["render",_i],["__scopeId","data-v-a592996e"]]);const Ba=e=>(Qe("data-v-4b4bda40"),e=e(),Se(),e),Si=Ba(()=>c("h2",null,"Changelog",-1)),Mi=Ba(()=>c("details",{open:""},[c("summary",null,[v("v0.0 Initial Commit - "),c("time",null,"2021-09-04")]),v(" This is the first release :D "),c("ul",null,[c("li",{class:"feature"},"Did everything"),c("li",{class:"fix"},"Had some fun"),c("li",{class:"breaking"},"Removed everything"),c("li",{class:"balancing"},"Created some bugs to fix later")])],-1)),ki=U({__name:"Changelog",setup(e,{expose:t}){const a=w(!1);return t({open(){a.value=!0}}),(n,i)=>(h(),O(Fe,{modelValue:a.value,"onUpdate:modelValue":i[0]||(i[0]=s=>a.value=s)},{header:R(()=>[Si]),body:R(()=>[Mi]),_:1},8,["modelValue"]))}});var Ti=K(ki,[["__scopeId","data-v-4b4bda40"]]),Di=U({props:{element:Object,display:{type:ne(Object,String,Function),required:!0},style:ne(Object,String,Array),classes:ne(Object),direction:ne(String),xoffset:ne(String),yoffset:ne(String),pinned:Object},setup(e){const{element:t,display:a,pinned:n}=be(e),i=w(!1),s=x(()=>(xe(n)||i.value)&&r.value),r=pt(a),l=ye(Ne(J(()=>{const y=xe(t);return y==null?"":ri(y)})));function g(y){const p=n;y.shiftKey&&p&&(p.value=!p.value,y.stopPropagation(),y.preventDefault())}const f=x(()=>xe(n)&&vt[z.theme].showPin);return{Direction:W,isHovered:i,isShown:s,comp:r,elementComp:l,unref:u,togglePinned:g,showPin:f}}});const Ri={key:0,class:"material-icons pinned"};function Vi(e,t,a,n,i,s){return h(),B("div",{class:ae(["tooltip-container",{shown:e.isShown}]),onMouseenter:t[0]||(t[0]=r=>e.isHovered=!0),onMouseleave:t[1]||(t[1]=r=>e.isHovered=!1),onClickCapture:t[2]||(t[2]=(...r)=>e.togglePinned&&e.togglePinned(...r))},[_e(e.$slots,"default",{},void 0,!0),e.elementComp?(h(),O(ce(e.elementComp),{key:0})):M("",!0),o(ta,{name:"fade",css:!!e.comp},{default:R(()=>{var r;return[e.isShown?(h(),B("div",{key:0,class:ae(["tooltip",{top:e.unref(e.direction)===e.Direction.Up,left:e.unref(e.direction)===e.Direction.Left,right:e.unref(e.direction)===e.Direction.Right,bottom:e.unref(e.direction)===e.Direction.Down,...e.unref(e.classes)}]),style:Xe([{"--xoffset":e.unref(e.xoffset)||"0px","--yoffset":e.unref(e.yoffset)||"0px"},(r=e.unref(e.style))!=null?r:{}])},[e.showPin?(h(),B("span",Ri,"push_pin")):M("",!0),e.comp?(h(),O(ce(e.comp),{key:1})):M("",!0)],6)):M("",!0)]}),_:1},8,["css"])],34)}var j=K(Di,[["render",Vi],["__scopeId","data-v-7a579aa7"]]);const Ge=e=>(Qe("data-v-5d3cb6f4"),e=e(),Se(),e),Pi={class:"info-modal-header"},xi=["src","alt"],qi={class:"info-modal-title"},zi={key:0},Fi={key:0},Gi={key:0},Oi=Ge(()=>c("div",null," Made in Profectus, by thepaperpilot with inspiration from Acameada and Jacorb ",-1)),Ui=Ge(()=>c("br",null,null,-1)),Li=Ge(()=>c("br",null,null,-1)),Ji=["href"],Yi=Ge(()=>c("span",{class:"material-icons info-modal-discord"},"discord",-1)),Wi=Ge(()=>c("div",null,[c("a",{href:"https://discord.gg/WzejVAx",class:"info-modal-discord-link",target:"_blank"},[c("span",{class:"material-icons info-modal-discord"},"discord"),v(" The Paper Pilot Community ")])],-1)),Xi=Ge(()=>c("div",null,[c("a",{href:"https://discord.gg/F3xveHV",class:"info-modal-discord-link",target:"_blank"},[c("span",{class:"material-icons info-modal-discord"},"discord"),v(" The Modding Tree ")])],-1)),Ki=Ge(()=>c("br",null,null,-1));var ji=U({__name:"Info",props:{changelog:null},setup(e,{expose:t}){const a=e,{title:n,logo:i,author:s,discordName:r,discordLink:l,versionNumber:g,versionTitle:f}=G,y=be(a),p=w(!1),C=x(()=>Dt(V.timePlayed)),N=x(()=>Ne(J(()=>o(Y,null,[ni.map(Je)]))));t({open(){p.value=!0}});function _(){var Q;(Q=u(y.changelog))==null||Q.open()}return(Q,S)=>(h(),O(Fe,{modelValue:p.value,"onUpdate:modelValue":S[0]||(S[0]=H=>p.value=H)},{header:R(()=>[c("div",Pi,[u(i)?(h(),B("img",{key:0,class:"info-modal-logo",src:u(i),alt:u(n)},null,8,xi)):M("",!0),c("div",qi,[c("h2",null,F(u(n)),1),c("h4",null,[v(" v"+F(u(g)),1),u(f)?(h(),B("span",zi,": "+F(u(f)),1)):M("",!0)])])])]),body:R(({shown:H})=>[H?(h(),B("div",Fi,[u(s)?(h(),B("div",Gi,"By "+F(u(s)),1)):M("",!0),Oi,Ui,c("div",{class:"link",onClick:_},"Changelog"),Li,c("div",null,[u(l)?(h(),B("a",{key:0,href:u(l),class:"info-modal-discord-link",target:"_blank"},[Yi,v(" "+F(u(r)),1)],8,Ji)):M("",!0)]),Wi,Xi,Ki,c("div",null,"Time Played: "+F(u(C)),1),(h(),O(ce(u(N))))])):M("",!0)]),_:1},8,["modelValue"]))}});var Hi=K(ji,[["__scopeId","data-v-5d3cb6f4"]]);const Zi=c("h2",null,"Settings",-1);var $i=U({__name:"Options",setup(e,{expose:t}){const a=w(!1),n=w("behaviour");function i(l){return l==n.value}function s(l){n.value=l}t({isTab:i,setTab:s,save:re,open(){a.value=!0}}),Object.keys(vt).map(l=>({label:Xn(l),value:l}));const r=x(()=>Ne(J(()=>o(Y,null,[fa.map(Je)]))));return be(z),be(V),x({get(){return V.devSpeed===0},set(l){V.devSpeed=l?0:null}}),J(()=>o("span",{class:"option-title"},[v("Unthrottled"),o("desc",null,[v("Allow the game to run as fast as possible. Not battery friendly.")])])),J(()=>o("span",{class:"option-title"},[v("Offline Production"),o(j,{display:"Save-specific",direction:W.Right},{default:()=>[v("*")]}),o("desc",null,[v("Simulate production that occurs while the game is closed.")])])),J(()=>o("span",{class:"option-title"},[v("Autosave"),o(j,{display:"Save-specific",direction:W.Right},{default:()=>[v("*")]}),o("desc",null,[v("Automatically save the game every second or when the game is closed.")])])),J(()=>o("span",{class:"option-title"},[v("Pause game"),o(j,{display:"Save-specific",direction:W.Right},{default:()=>[v("*")]}),o("desc",null,[v("Stop everything from moving.")])])),J(()=>o("span",{class:"option-title"},[v("Theme"),o("desc",null,[v("How the game looks.")])])),J(()=>o("span",{class:"option-title"},[v("Show TPS"),o("desc",null,[v("Show TPS meter at the bottom-left corner of the page.")])])),J(()=>o("span",{class:"option-title"},[v("Align modifier units"),o("desc",null,[v("Align numbers to the beginning of the unit in modifier view.")])])),(l,g)=>(h(),O(Fe,{modelValue:a.value,"onUpdate:modelValue":g[0]||(g[0]=f=>a.value=f)},{header:R(()=>[Zi]),body:R(()=>[(h(),O(ce(u(r))))]),_:1},8,["modelValue"]))}});const es={class:"field"},ts={key:0,class:"field-title"},as=U({__name:"Select",props:{title:null,modelValue:null,options:null,placeholder:null,closeOnSelect:{type:Boolean}},emits:["update:modelValue"],setup(e,{emit:t}){var r;const a=e,n=pt(ze(a,"title"),"span"),i=w((r=a.options.find(l=>l.value===a.modelValue))!=null?r:null);fe(ze(a,"modelValue"),l=>{var g;xe(i)!==l&&(i.value=(g=a.options.find(f=>f.value===l))!=null?g:null)});function s(l){t("update:modelValue",l.value)}return(l,g)=>(h(),B("div",es,[u(n)?(h(),B("span",ts,[(h(),O(ce(u(n))))])):M("",!0),o(u(za),{options:e.options,modelValue:i.value,"onUpdate:modelValue":[g[0]||(g[0]=f=>i.value=f),s],min:1,"label-by":"label",placeholder:e.placeholder,"close-on-select":e.closeOnSelect},null,8,["options","modelValue","placeholder","close-on-select"])]))}});const ns=["onSubmit"],is={class:"field"},ss={key:0,class:"field-title"},rs=["placeholder"],os=U({__name:"Text",props:{title:null,modelValue:null,textArea:{type:Boolean},placeholder:null,maxHeight:null,submitOnBlur:{type:Boolean}},emits:["update:modelValue","submit","cancel"],setup(e,{emit:t}){const a=e,n=pt(ze(a,"title"),"span"),i=ye(null);Mt(()=>{var g;(g=i.value)==null||g.focus()});const s=x({get(){var g;return(g=u(a.modelValue))!=null?g:""},set(g){t("update:modelValue",g)}});function r(){t("submit")}function l(){a.submitOnBlur!==!1?t("submit"):t("cancel")}return(g,f)=>(h(),B("form",{onSubmit:at(r,["prevent"])},[c("div",is,[u(n)?(h(),B("span",ss,[(h(),O(ce(u(n))))])):M("",!0),e.textArea?(h(),O(u(Fa),{key:1,modelValue:u(s),"onUpdate:modelValue":f[0]||(f[0]=y=>Ce(s)?s.value=y:null),placeholder:e.placeholder,maxHeight:e.maxHeight,onBlur:l,ref_key:"field",ref:i},null,8,["modelValue","placeholder","maxHeight"])):kt((h(),B("input",{key:2,type:"text","onUpdate:modelValue":f[1]||(f[1]=y=>Ce(s)?s.value=y:null),placeholder:e.placeholder,class:ae({fullWidth:!e.title}),onBlur:l,ref_key:"field",ref:i},null,42,rs)),[[ka,u(s)]])])],40,ns))}});var Ft=K(os,[["__scopeId","data-v-90bd4994"]]);const ls={key:0},As=["onClick","disabled"],us={key:0},cs=["onClick"],ds=U({__name:"DangerButton",props:{disabled:{type:Boolean},skipConfirm:{type:Boolean}},emits:["click","confirmingChanged"],setup(e,{emit:t}){const n=be(e),i=w(!1);fe(i,l=>{t("confirmingChanged",l)});function s(){if(u(n.skipConfirm)){t("click");return}i.value&&t("click"),i.value=!i.value}function r(){i.value=!1}return(l,g)=>(h(),B("span",{class:ae(["container",{confirming:i.value}])},[i.value?(h(),B("span",ls,"Are you sure?")):M("",!0),c("button",{onClick:at(s,["stop"]),class:"button danger",disabled:e.disabled},[i.value?(h(),B("span",us,"Yes")):_e(l.$slots,"default",{key:1},void 0,!0)],8,As),i.value?(h(),B("button",{key:1,class:"button",onClick:at(r,["stop"])},"No",8,cs)):M("",!0)],2))}});var gs=K(ds,[["__scopeId","data-v-2f8ef34c"]]);const ms=["onClick"],fs=U({__name:"FeedbackButton",props:{left:{type:Boolean}},emits:["click"],setup(e,{emit:t}){const a=w(!1),n=w(null);function i(){t("click"),n.value&&clearTimeout(n.value),a.value=!1,qe(()=>{a.value=!0,n.value=setTimeout(()=>a.value=!1,500)})}return(s,r)=>(h(),B("button",{onClick:at(i,["stop"]),class:ae(["feedback",{activated:a.value,left:e.left}])},[_e(s.$slots,"default",{},void 0,!0)],10,ms))}});var hs=K(fs,[["__scopeId","data-v-01a1b95c"]]);const Be=e=>(Qe("data-v-c3447434"),e=e(),Se(),e),vs=Be(()=>c("div",{class:"handle material-icons"},"drag_handle",-1)),ps={key:0,class:"actions"},ys=Be(()=>c("span",{class:"material-icons"},"content_paste",-1)),bs=Be(()=>c("span",{class:"material-icons"},"content_copy",-1)),Cs=Be(()=>c("span",{class:"material-icons"},"edit",-1)),Ns=Be(()=>c("span",{class:"material-icons",style:{margin:"-2px"}},"delete",-1)),Bs={key:1,class:"actions"},Es=Be(()=>c("span",{class:"material-icons"},"check",-1)),ws=Be(()=>c("span",{class:"material-icons"},"close",-1)),Is={key:2,class:"details"},_s={class:"save-version"},Qs=Be(()=>c("br",null,null,-1)),Ss={key:0},Ms={key:3,class:"details"},ks={key:4,class:"details error"},Ts=Be(()=>c("br",null,null,-1)),Ds=U({__name:"Save",props:{save:null},emits:["export","open","duplicate","delete","editName"],setup(e,{emit:t}){const a=e,{save:n}=be(a),i=new Intl.DateTimeFormat("en-US",{year:"numeric",month:"numeric",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric"}),s=w(!1),r=w(!1),l=w("");fe(s,()=>{var p;return l.value=(p=n.value.name)!=null?p:""});const g=x(()=>n.value!=null&&n.value.id===V.id),f=x(()=>{var p;return g.value?V.time:(p=n.value!=null&&n.value.time)!=null?p:0});function y(){t("editName",l.value),s.value=!1}return(p,C)=>(h(),B("div",{class:ae(["save",{active:u(g)}])},[vs,s.value?(h(),B("div",Bs,[c("button",{onClick:y,class:"button"},[o(j,{display:"Save",direction:u(W).Left,class:"info"},{default:R(()=>[Es]),_:1},8,["direction"])]),c("button",{onClick:C[5]||(C[5]=N=>s.value=!s.value),class:"button"},[o(j,{display:"Cancel",direction:u(W).Left,class:"info"},{default:R(()=>[ws]),_:1},8,["direction"])])])):(h(),B("div",ps,[u(n).error==null&&!r.value?(h(),O(hs,{key:0,onClick:C[0]||(C[0]=N=>t("export")),class:"button",left:""},{default:R(()=>[o(j,{display:"Export",direction:u(W).Left,class:"info"},{default:R(()=>[ys]),_:1},8,["direction"])]),_:1})):M("",!0),u(n).error==null&&!r.value?(h(),B("button",{key:1,onClick:C[1]||(C[1]=N=>t("duplicate")),class:"button"},[o(j,{display:"Duplicate",direction:u(W).Left,class:"info"},{default:R(()=>[bs]),_:1},8,["direction"])])):M("",!0),u(n).error==null&&!r.value?(h(),B("button",{key:2,onClick:C[2]||(C[2]=N=>s.value=!s.value),class:"button"},[o(j,{display:"Edit Name",direction:u(W).Left,class:"info"},{default:R(()=>[Cs]),_:1},8,["direction"])])):M("",!0),o(gs,{disabled:u(g),onClick:C[3]||(C[3]=N=>t("delete")),onConfirmingChanged:C[4]||(C[4]=N=>r.value=N)},{default:R(()=>[o(j,{display:"Delete",direction:u(W).Left,class:"info"},{default:R(()=>[Ns]),_:1},8,["direction"])]),_:1},8,["disabled"])])),u(n).error==null&&!s.value?(h(),B("div",Is,[c("button",{class:"button open",onClick:C[6]||(C[6]=N=>t("open"))},[c("h3",null,F(u(n).name),1)]),c("span",_s,"v"+F(u(n).modVersion),1),Qs,u(f)?(h(),B("div",Ss,"Last played "+F(u(i).format(u(f))),1)):M("",!0)])):u(n).error==null&&s.value?(h(),B("div",Ms,[o(Ft,{modelValue:l.value,"onUpdate:modelValue":C[7]||(C[7]=N=>l.value=N),class:"editname",onSubmit:y},null,8,["modelValue"])])):(h(),B("div",ks,[v(" Error: Failed to load save with id "+F(u(n).id),1),Ts,v(F(u(n).error),1)]))],2))}});var Rs=K(Ds,[["__scopeId","data-v-c3447434"]]);const Gt=e=>(Qe("data-v-5b5b1604"),e=e(),Se(),e),Vs=Gt(()=>c("h2",null,"Saves Manager",-1)),Ps={class:"modal-footer"},xs={class:"field"},qs=Gt(()=>c("span",{class:"field-title"},"Create Save",-1)),zs={class:"field-buttons"},Fs={class:"footer"},Gs=Gt(()=>c("div",{style:{"flex-grow":"1"}},null,-1)),Os=U({__name:"SavesManager",setup(e,{expose:t}){const a=w(!1),n=w(null);t({open(){a.value=!0}});const i=w(!1),s=w(""),r=w(null);fe(s,b=>{b?qe(()=>{try{if(b[0]!=="{")if(b[0]==="e")b=decodeURIComponent(escape(atob(b)));else if(b[0]==="\u1BE1")b=Ie.decompressFromUTF16(b);else{console.warn("Unable to determine preset encoding",b),i.value=!0;return}const I=JSON.parse(b);if(typeof I!="object"){i.value=!0;return}const P=ct();I.id=P,re(I),s.value="",i.value=!1,z.saves.push(P)}catch{i.value=!0}}):i.value=!1});let l={},g=w(Object.keys(l).reduce((b,I)=>(b.push({label:I.split("/").slice(-1)[0].slice(0,-4),value:l[I]}),b),[]));const f=Tt({});function y(b){if(f[b]==null){let I=localStorage.getItem(b);if(I==null)f[b]={error:"Save doesn't exist in localStorage",id:b};else if(I==="dW5kZWZpbmVk")f[b]={error:"Save is undefined",id:b};else try{if(I[0]!=="{")if(I[0]==="e")I=decodeURIComponent(escape(atob(I)));else if(I[0]==="\u1BE1")I=Ie.decompressFromUTF16(I);else return console.warn("Unable to determine preset encoding",I),i.value=!0,f[b]={error:"Unable to determine preset encoding",id:b},f[b];f[b]={...JSON.parse(I),id:b}}catch(P){f[b]={error:P,id:b},console.warn(`SavesManager: Failed to load info about save with id ${b}: ${P} -${I}`)}}return f[b]}fe(a,b=>{b&&Object.keys(f).forEach(I=>delete f[I])});const p=x(()=>z.saves.reduce((b,I)=>(b[I]=y(I),b),{}));function C(b){let I;switch(V.id===b?I=ga(V):I=JSON.stringify(p.value[b]),G.exportEncoding){default:console.warn(`Unknown save encoding: ${G.exportEncoding}. Defaulting to lz`);case"lz":I=Ie.compressToUTF16(I);break;case"base64":I=btoa(unescape(encodeURIComponent(I)));break;case"plain":break}const P=document.createElement("textarea");P.value=I,document.body.appendChild(P),P.select(),P.setSelectionRange(0,99999),document.execCommand("copy"),document.body.removeChild(P)}function N(b){V.id===b&&re();const I={...p.value[b],id:ct()};re(I),z.saves.push(I.id)}function _(b){z.saves=z.saves.filter(I=>I!==b),localStorage.removeItem(b),f[b]=void 0}function Q(b){p.value[V.id].time=V.time,re(),f[V.id]=void 0,Ve(p.value[b]),f[b]=void 0}function S(b){if(r.value=b,qe(()=>{r.value=null}),b[0]!=="{")if(b[0]==="e")b=decodeURIComponent(escape(atob(b)));else if(b[0]==="\u1BE1")b=Ie.decompressFromUTF16(b);else{console.warn("Unable to determine preset encoding",b);return}const I=JSON.parse(b);I.id=ct(),re(I),z.saves.push(I.id),Q(I.id)}function H(b,I){const P=p.value[b];P!=null&&(P.name=I,V.id===b?(V.name=I,re()):(re(P),f[b]=void 0))}return(b,I)=>(h(),O(Fe,{modelValue:a.value,"onUpdate:modelValue":I[4]||(I[4]=P=>a.value=P),ref_key:"modal",ref:n},{header:R(()=>[Vs]),body:R(({shown:P})=>[P?(h(),O(u(qa),{key:0,list:u(z).saves,handle:".handle",itemKey:te=>te},{item:R(({element:te})=>[o(Rs,{save:u(p)[te],onOpen:ge=>Q(te),onExport:ge=>C(te),onEditName:ge=>H(te,ge),onDuplicate:ge=>N(te),onDelete:ge=>_(te)},null,8,["save","onOpen","onExport","onEditName","onDuplicate","onDelete"])]),_:1},8,["list","itemKey"])):M("",!0)]),footer:R(()=>[c("div",Ps,[o(Ft,{modelValue:s.value,"onUpdate:modelValue":I[0]||(I[0]=P=>s.value=P),title:"Import Save",placeholder:"Paste your save here!",class:ae({importingFailed:i.value})},null,8,["modelValue","class"]),c("div",xs,[qs,c("div",zs,[c("button",{class:"button",onClick:I[1]||(I[1]=P=>Q(u(Le)().id))},"New Game"),Object.keys(u(g)).length>0?(h(),O(as,{key:0,options:u(g),modelValue:r.value,"onUpdate:modelValue":I[2]||(I[2]=P=>S(P)),closeOnSelect:"",placeholder:"Select preset",class:"presets"},null,8,["options","modelValue"])):M("",!0)])]),c("div",Fs,[Gs,c("button",{class:"button modal-default-button",onClick:I[3]||(I[3]=P=>a.value=!1)}," Close ")])])]),_:1},8,["modelValue"]))}});var Ea=K(Os,[["__scopeId","data-v-5b5b1604"]]);const de=e=>(Qe("data-v-269f7a94"),e=e(),Se(),e),Us=["src","alt"],Ls={key:1,class:"title"},Js=de(()=>c("div",{style:{"flex-grow":"1",cursor:"unset"}},null,-1)),Ys={class:"discord"},Ws={class:"discord-links"},Xs={key:0},Ks=["href"],js=de(()=>c("li",null,[c("a",{href:"https://discord.gg/WzejVAx",target:"_blank"},"The Paper Pilot Community")],-1)),Hs=de(()=>c("li",null,[c("a",{href:"https://discord.gg/F3xveHV",target:"_blank"},"The Modding Tree")],-1)),Zs={href:"https://forums.moddingtree.com/",target:"_blank"},$s=de(()=>c("span",{class:"material-icons"},"forum",-1)),er=de(()=>c("span",{class:"material-icons"},"info",-1)),tr=de(()=>c("span",{class:"material-icons"},"settings",-1)),ar=de(()=>c("span",{class:"material-icons"},"settings",-1)),nr=de(()=>c("span",{class:"material-icons"},"info",-1)),ir={href:"https://forums.moddingtree.com/",target:"_blank"},sr=de(()=>c("span",{class:"material-icons"},"forum",-1)),rr={class:"discord"},or={class:"discord-links"},lr={key:0},Ar=["href"],ur=de(()=>c("li",null,[c("a",{href:"https://discord.gg/WzejVAx",target:"_blank"},"The Paper Pilot Community")],-1)),cr=de(()=>c("li",null,[c("a",{href:"https://discord.gg/F3xveHV",target:"_blank"},"The Modding Tree")],-1)),dr=U({__name:"Nav",setup(e){const t=w(null),a=w(null),n=w(null),i=w(null),{useHeader:s,banner:r,title:l,discordName:g,discordLink:f,versionNumber:y}=G;function p(){window.open(f,"mywindow")}return(C,N)=>(h(),B(Y,null,[u(s)?(h(),B("div",tt({key:0,class:"nav"},C.$attrs),[u(r)?(h(),B("img",{key:0,src:u(r),class:"banner",alt:u(l)},null,8,Us)):(h(),B("div",Ls,F(u(l)),1)),c("div",{onClick:N[0]||(N[0]=_=>{var Q;return(Q=i.value)==null?void 0:Q.open()}),class:"version-container"},[o(j,{display:"Changelog",direction:u(W).Down,class:"version"},{default:R(()=>[c("span",null,"v"+F(u(y)),1)]),_:1},8,["direction"])]),Js,c("div",Ys,[c("span",{onClick:p,class:"material-icons"},"discord"),c("ul",Ws,[u(f)?(h(),B("li",Xs,[c("a",{href:u(f),target:"_blank"},F(u(g)),9,Ks)])):M("",!0),js,Hs])]),c("div",null,[c("a",Zs,[o(j,{display:"Forums",direction:u(W).Down,yoffset:"5px"},{default:R(()=>[$s]),_:1},8,["direction"])])]),c("div",{onClick:N[1]||(N[1]=_=>{var Q;return(Q=t.value)==null?void 0:Q.open()})},[o(j,{display:"Info",direction:u(W).Down,class:"info"},{default:R(()=>[er]),_:1},8,["direction"])]),c("div",{onClick:N[2]||(N[2]=_=>{var Q;return(Q=n.value)==null?void 0:Q.open()})},[o(j,{display:"Settings",direction:u(W).Down,xoffset:"-66px"},{default:R(()=>[tr]),_:1},8,["direction"])])],16)):(h(),B("div",tt({key:1,class:"overlay-nav"},C.$attrs),[c("div",{onClick:N[3]||(N[3]=_=>{var Q;return(Q=i.value)==null?void 0:Q.open()}),class:"version-container"},[o(j,{display:"Changelog",direction:u(W).Right,xoffset:"25%",class:"version"},{default:R(()=>[c("span",null,"v"+F(u(y)),1)]),_:1},8,["direction"])]),c("div",{onClick:N[4]||(N[4]=_=>{var Q;return(Q=n.value)==null?void 0:Q.open()})},[o(j,{display:"Settings",direction:u(W).Right},{default:R(()=>[ar]),_:1},8,["direction"])]),c("div",{onClick:N[5]||(N[5]=_=>{var Q;return(Q=t.value)==null?void 0:Q.open()})},[o(j,{display:"Info",direction:u(W).Right},{default:R(()=>[nr]),_:1},8,["direction"])]),c("div",null,[c("a",ir,[o(j,{display:"Forums",direction:u(W).Right,xoffset:"7px"},{default:R(()=>[sr]),_:1},8,["direction"])])]),c("div",rr,[c("span",{onClick:p,class:"material-icons"},"discord"),c("ul",or,[u(f)?(h(),B("li",lr,[c("a",{href:u(f),target:"_blank"},F(u(g)),9,Ar)])):M("",!0),ur,cr])])],16)),o(Hi,{ref_key:"info",ref:t,changelog:i.value},null,8,["changelog"]),o(Ea,{ref_key:"savesManager",ref:a},null,512),o($i,{ref_key:"options",ref:n},null,512),o(Ti,{ref_key:"changelog",ref:i},null,512)],64))}});var wa=K(dr,[["__scopeId","data-v-269f7a94"]]);const gr={class:"inner-tab"},mr=U({__name:"Game",setup(e){const t=ze(V,"tabs"),a=x(()=>Object.keys(ee)),n=G.useHeader;function i(s){const{display:r,minimized:l,name:g,color:f,minimizable:y,nodes:p,minimizedDisplay:C}=s;return{display:r,minimized:l,name:g,color:f,minimizable:y,nodes:p,minimizedDisplay:C}}return(s,r)=>(h(),B("div",{class:ae(["tabs-container",{useHeader:u(n)}])},[(h(!0),B(Y,null,Ta(u(t),(l,g)=>{var f,y;return h(),B("div",{key:g,class:ae(["tab",u((f=u(ee)[l])==null?void 0:f.classes)]),style:Xe(u((y=u(ee)[l])==null?void 0:y.style))},[g===0&&!u(n)?(h(),O(wa,{key:0})):M("",!0),c("div",gr,[u(a).includes(l)?(h(),O(Qi,tt({key:0},i(u(ee)[l]),{index:g,onSetMinimized:p=>u(ee)[l].minimized.value=p}),null,16,["index","onSetMinimized"])):(h(),O(ce(l),{key:1,index:g},null,8,["index"]))])],6)}),128))],2))}});var fr=K(mr,[["__scopeId","data-v-3e0f1aab"]]);const hr=U({__name:"Node",props:{id:null},setup(e){const a=be(e),n=Ut(qt,()=>{}),i=Ut(zt,()=>{}),s=ye(null),r=x(()=>s.value&&s.value.parentElement);return fe([r,a.id],([l,g],[f,y])=>{f&&i(u(y)),l&&n(g,l)}),Da(()=>i(u(a.id))),(l,g)=>(h(),B("div",{class:"node",ref_key:"node",ref:s},null,512))}});var vr=K(hr,[["__scopeId","data-v-a48cb382"]]),dt="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAAAXNSR0IArs4c6QAAAqhJREFUeJzt3LFqFFEYBeBdERGJCaKgESUWCsZCTG0dbSyCZTp9B0ufxMJu38EHsA5YCDaiKGihiCxYuhZp7x254e6O6/m+8me4M1k4/HCYzGQCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAkGg69gOs2mLxbbHM86fTS8XfdKz7MuzU2A8AYxIAogkA0QSAaAJAtNNjP8Cy1FqX+zceRt1XOzTMBiCaABBNAIgmAEQTAKKtfQvU2rrsb10tzu9t/i7O9y5sF+dHP74U5w92D4rzZ9evNJ1fU7tv7e/VDg2zAYgmAEQTAKIJANEEgGhr3wL10tr21Ly4dbvLObXrq63Rp69N53PMBiCaABBNAIgmAEQTAKLFtUCff30vzl9+LF//ZKdPO1TT2vb0ui/HbACiCQDRBIBoAkA0ASBaXAt07dzF4rzWDk0ml4vTXi1N6zneBerLBiCaABBNAIgmAEQTAKL9t9+G6fW9oFo79Hz3TnHe692e2vWHb46K89cfXhXnvv8zzAYgmgAQTQCIJgBEEwCixTUE69IOaXtWwwYgmgAQTQCIJgBEEwCixTUHGxubxfl8/n6Udujpu7fF+eOzZ4rz2c95ca4dOhkbgGgCQDQBIJoAEE0AiKYh+IvWd4da1dqb2vmHW+eLc+3QydgARBMAogkA0QSAaAJAtLivQ7eqtSW1dmjZHu3cLM5nlf8gY5gNQDQBIJoAEE0AiCYARPM+yIq0vlM0u7tXnPteUF82ANEEgGgCQDQBIJoAEE1DMLLWdkjb05cNQDQBIJoAEE0AiCYARNMc/KNq7ZC2py8bgGgCQDQBIJoAEE0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACDOH2CUp5gTyjFIAAAAAElFTkSuQmCC",pr="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAAAXNSR0IArs4c6QAAAs9JREFUeJzt3TGOGjEYhmGIUlGnyxm2oIhoU9CjnIWeggvlCKRFEaLYM6TLHUiRYptxIkvjtYfveUprNWshvbL2l4ddrQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4Dmte29gdI/H78ccz1mvP/msB/Sh9wagJwEQTQBEEwDRBEC0j703MIraac/Ly9emzzc1eh9OAKIJgGgCIJoAiCYAopkC/UfttGe321U95/X1x+T6XHeQSkyZ/nICEE0ARBMA0QRANAEQbbhJQK83sOa6C1SaAm02m8n1y+VS82urlaZMc1n6NMkJQDQBEE0ARBMA0QRAtG53geaautTepSlNLUrrc02lStOe8/k8x+OLau8ylcz1OY/GCUA0ARBNAEQTANEEQLTh3ggrTS1K05LR3rS6Xq+T66X93263lttZHQ6HWZ7TegrXixOAaAIgmgCIJgCiCYBow02BSkrTktrpUGu9pj21jsfj5Pp+v59cL02TaqdDo3ECEE0ARBMA0QRANAEQbbgpUGl6UDvVaf2m1el0mlwfbdrDvzkBiCYAogmAaAIgmgCI1u3tnNIbQ6Vpz3a7bbmdavf7fXJ9tH22VvocStM8b4TBQARANAEQTQBEEwDRmv9FXjvtWYq57iwtXe2bX6ZAMBABEE0ARBMA0QRAtOHuApGp13TICUA0ARBNAEQTANEEQLSh7mXwpjQl+/L52+TP//z1vel+atXu0xQIOhAA0QRANAEQTQBEG+7boVmW0rRnKZwARBMA0QRANAEQTQBEMwV6crV3cmp/vvY5o3ECEE0ARBMA0QRANAEQTQBEEwDRBEA0ARBNAEQTANHcBXoSre/8LOX7iGo5AYgmAKIJgGgCIJoAiObboQeV9j/UfDs0dCAAogmAaAIgmgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgHfyB6WcpxI0OM3TAAAAAElFTkSuQmCC",yr="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAAAXNSR0IArs4c6QAAAvxJREFUeJzt3TGKU0Ecx/GNWKWwEDsbL7BICklj4arYBvEQ1iJeIAcQLD2FpF/J9hIW2drCws7KC8TCwmZGGXjJm5ff51MOy9vHwpchfyazZ2cAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHCaZmO/QO/2+5/7IZ4zm93zt+7QrbFfAMYkAKIJgGgCIJoAiHZ77BfoReu05/z8yUGfb2p0HHYAogmAaAIgmgCIJgCimQL9R+u0Z7lcNj3n5uaquD7UGaQaU6Y/7ABEEwDRBEA0ARBNAETrbhIw1jewhjoLVJsCzefz4vp2u235tc1qU6ahTH2aZAcgmgCIJgCiCYBoAiDaaGeBWqcuj+6/LK5/+fGp6fm1qUVtfaipVG3as16vh3h8VetZpprWM0tTmQ7ZAYgmAKIJgGgCIJoAiDbaJ/Xa9KA27bncPiyuP7/4WlyvTYeG0jpdqU17drvdAG9zeJvNprjeetaot+mQHYBoAiCaAIgmAKIJgGiTuRfo2/vPxfXL7bPiem2aNJi75eWpTHvevntTXH/64qK4vlqtiuut9x31xg5ANAEQTQBEEwDRBEC07qZAtTM8tanOx7O26dBQHr+6Kq73Nu3h3+wARBMA0QRANAEQTQBEm8w3wl4/+H7Q92n14ded4vpisTjym4zr+vq6uF47C+QbYdARARBNAEQTANEEQLSDfyJvnfZMRe3M0lC3MU+Fe4FgwgRANAEQTQBEEwDRujsLRKaxpkN2AKIJgGgCIJoAiCYAonV1LoO/Ws9QHfp/orVqfU9TIBiBAIgmAKIJgGgCIFp3t0MzLVP/Zp8dgGgCIJoAiCYAogmAaKZAJ671TE7rz7c+pzd2AKIJgGgCIJoAiCYAogmAaAIgmgCIJgCiCYBoAiCas0An4tBnfqZyH1ErOwDRBEA0ARBNAEQTANHcDt2ptP+h5nZoGIEAiCYAogmAaAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI7kN5kzpEO/lLtEAAAAAElFTkSuQmCC",br="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAAAXNSR0IArs4c6QAAAwpJREFUeJzt3aFOHUEYBWBoqtB1fQAMCEQTZAWGVPVZEHgcT1NVX0loUMWAr+s7UNEmNfsn/cksO9zzfXJyMzvc5GTCyczevT0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANhN+1svYHZPT7+eRsyzv//Odz2hN1svALYkAEQTAKIJANEEgGhvt17ALLptz+npp1Xn1xq9DDsA0QSAaAJANAEgmgAQTdPwV9XSVG3P0dFRa/77+/vF8Zubr615RtEy/WEHIJoAEE0AiCYARBMAok3XBGx1A2vUWaCqHTo4OFgcv7297Ty2be2W6bW3SXYAogkA0QSAaAJANAEg2mY3wrqty/Hxx8XxHz++teavWotqfFQr1W17Li8vRzy2fXOtUrVJ3e95NnYAogkA0QSAaAJANAEg2nTvBaranqurq9bnu+3QKNXNr6rVub6+Xhy/u7sbsp6zs7Mh81Rt0mtvh+wARBMAogkA0QSAaAJAtOlaoErVinTboUrVGlXtR/eszqhWZ5SLi4vF8ao1Oj8/XxzvtkOzsQMQTQCIJgBEEwCiCQDRpmuBqjam2+pU7VCl2/bM1urwPHYAogkA0QSAaAJANAEg2ma3c6obQ1Xbc3JysuZy9h4fHxfHDw8PV33uw8PDJs8dpVp/dRbIjTCYiAAQTQCIJgBEEwCirf4febft2Ur3RtgoVVuy9nNH6d780gLBRASAaAJANAEgmgAQbbqzQPA/RrVJdgCiCQDRBIBoAkA0ASDaVOcy+KdqyT68/7z4+e8/v6y6nq5qnV3dv6vbDtkBiCYARBMAogkA0QSAaNO9HZrdMKqVWrv1sgMQTQCIJgBEEwCiCQDRtEA7rtuijGpdtjoL1GUHIJoAEE0AiCYARBMAommBeFGz3VyzAxBNAIgmAEQTAKIJANG0QDti7TM/u3pGyA5ANAEgmgAQTQCIJgBE83boSfkNtefxdmhoEACiCQDRBIBoAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAvJDfDeK+HrbwkBcAAAAASUVORK5CYII=",Cr="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAAAXNSR0IArs4c6QAAAyJJREFUeJzt3aFuFFEYBeCWoKoxBIOrqW1SgUAsCQXFUyARiH2GJlgc74CipisRzTZ1DUklAscrkEVAgpmb8Dcznbt7vk/+aWamm5zc7Mm9s3t7AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwm/bnfoDebTY/N2NcZ3//kc+6Qw/mfgCYkwAQTQCIJgBEEwCiPZz7AXpRbXtOTl5Pen2t0f2wAhBNAIgmAEQTAKIJANE0DX+1WppW23N0dFS6/s3NzeD88vJL6Tpj0TL9YQUgmgAQTQCIJgBEEwCiddcEzHUCa6y9QK126ODgYHC+Xq8rty2bumXa9jbJCkA0ASCaABBNAIgmAESb7URYtXU5fvJmcH7143Pp+q3WojUfq5Wqtj3L5XKM25ZPrrW02qTq59wbKwDRBIBoAkA0ASCaABBttm/qrfag1facXxwPzl+9uBqct9qhsVTblVarc3Z2NjhfLBblZ5rSarUanFf3GvXWDlkBiCYARBMAogkA0QSAaFvzduhvH78Ozs8vng3OW21SS6s1arU91b0619fXpb+f2vvlu8H54vnLwfnp6engvPX5zPW+oyorANEEgGgCQDQBIJoAEK27FqjVxrRanQ97tXaopdr29NbqcDdWAKIJANEEgGgCQDQBINrWnAh7+/T7pM/z6dfjwfnh4eGk9729vZ3lvmNpPX9rL5ATYdARASCaABBNAIgmAESb/Bt5te2ZS/VE2FhabcnU9x2L9wLBFhMAogkA0QSAaAJAtO72AsH/GKtNsgIQTQCIJgBEEwCiCQDRutqXwT/VPVRT/yZa1Vh7var/V7UdsgIQTQCIJgBEEwCiCQDRuns7NLthrFZq6tbLCkA0ASCaABBNAIgmAETTAu24aosyVusy116gKisA0QSAaAJANAEgmgAQTQvEvert5JoVgGgCQDQBIJoAEE0AiKYF2hFT7/nZ1T1CVgCiCQDRBIBoAkA0ASCat0N3ym+o3Y23Q0OBABBNAIgmAEQTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgnvwGuO25ySoKWXMAAAAASUVORK5CYII=",Nr="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAAAXNSR0IArs4c6QAAAyJJREFUeJzt3bFqFUEYhuET9QKE2IiIdscbCKQQLIxFFAsLb8DGzkqIrZWNraDgPVglTVIqBNIL6bSw00uQWFjYzKAjs9k553uecoTdNfAy5Gd2s1gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMB62pj7AUZ3dvb9rMd1Njau+FkP6MLcDwBzEgDRBEA0ARBNAES7NPcDjKJ12rN17dGk1zc1Oh92AKIJgGgCIJoAiCYAopkC/UVt2nPxcdsUqHadk28fiuu9ziDVmDL9ZgcgmgCIJgCiCYBoAiDacJOAud7A6nUWqDYd+rF5q7i+uf+y5bbNjo/3J73+qk+T7ABEEwDRBEA0ARBNAESb7SxQr6lL61ma2tSitt5rKnX57avyP1wvL+/t7fW47WJ7+0GX69SmSa0/59HYAYgmAKIJgGgCIJoAiDbbb+q16UFt2nNwuFVcv3/vpLhemw710vpdoNrzP3zyqbi+s7PT/ExTOjo6Kq63njUabTpkByCaAIgmAKIJgGgCINrKfBfo85uPxfWDw9vF9dYpTW1q1DqVqqk9/1yDuOcvnhXX797ZLa7v7pbXa2eNpn4TrRc7ANEEQDQBEE0ARBMA0YabArVOY14v2qZDNa3TnvpUh1ViByCaAIgmAKIJgGgCINrKvBH29ObXSZ/n3Zcbs9z3/c+rxfXlcjnpfXs5PT0trtfOAnkjDAYiAKIJgGgCIJoAiDb5b+St0565tJ5Bmvq+vb7qPDXfBYIVJgCiCYBoAiCaAIg23Fkg+Be9pkl2AKIJgGgCIJoAiCYAog11LoM/Ws9QTf030Vr1OkPV+v9qnQ7ZAYgmAKIJgGgCIJoAiDbc16FZD72mUlNPvewARBMA0QRANAEQTQBEMwVac61TlF5Tl7nOArWyAxBNAEQTANEEQDQBEM0UiHM12ptrdgCiCYBoAiCaAIgmAKKZAq2Jqc/8rOsZITsA0QRANAEQTQBEEwDRfB16UP6G2v/xdWhoIACiCYBoAiCaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAc/ILto62yXKfIuMAAAAASUVORK5CYII=",Br="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAAAXNSR0IArs4c6QAAAvNJREFUeJzt3TGKFEEYBeAZ8QSykQYKYiwIHkA03cDQxMBkT+EVzATnDAYGGq7sAYw8gKCB2QZGpmNgYNKl/lC1XTPv+8Ji6C4GHsU8/u7ZbAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4Dht197A7Pb7y32P62y3J77rCV1bewOwJgEgmgAQTQCIJgBEu772BmZRbXse3no69Ppao6vhBCCaABBNAIgmAEQTAKJpgf6h1fb8fPa8y3U+fX+3uN5rBqlFy/SbE4BoAkA0ASCaABBNAIg2XROw1hNYvWaBWu3Qjxv3Ftdvvn5ZuW1Zq2Xq5dDbJCcA0QSAaAJANAEgmgAQbbVZoF6tS3WWptVatNZ7tVLVtuf84n6P25afXGvp9T3PxglANAEgmgAQTQCIJgBEW+2Xeqs9aLUWrVbkyaPPi+ujZ2Cq7Up1/7vTy/KeRjp7f7K4Xv2eZ2uHnABEEwCiCQDRBIBoAkC0g3kv0JdXHxfXzy8eL65XW5pWm1FtpVpa+99sltuV0e6++bC4/uDF8pNrb0+Xr1Od0ZqNE4BoAkA0ASCaABBNAIg2XQtUbWN2m1o71FJte9qtDofECUA0ASCaABBNAIgmAEQ7mCfCzu58G7qf3dfbUfftpbX/VpvniTCYiAAQTQCIJgBEEwCiDf9FXm171lKdQTr0+/bivUBwwASAaAJANAEgmgAQbbpZIPgfvdokJwDRBIBoAkA0ASCaABBtqrkM/qjOUM32NubR/1DfUm2HnABEEwCiCQDRBIBoAkC06d4OzXHo1UqNbr2cAEQTAKIJANEEgGgCQDQt0JGrtiijW5fqjNDoGScnANEEgGgCQDQBIJoAEE0LxJWqtjpmgWAgASCaABBNAIgmAETTAh2J0TM/vT5fZRYIBhIAogkA0QSAaAJANG+HnpT/UPs7/xEGHQgA0QSAaAJANAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAK7ILzj6vECOPLAcAAAAAElFTkSuQmCC";const Ot=e=>(Qe("data-v-77dfedc5"),e=e(),Se(),e),Er=["ondragstart","ondragend","ondragenter","ondragleave","ondragover","ondrop"],wr={key:0,class:"move-indicator"},Ir=Ot(()=>c("span",{class:"material-icons"},"straight",-1)),_r=[Ir],Qr={key:1,class:"move-indicator"},Sr=Ot(()=>c("span",{class:"material-icons"},"merge",-1)),Mr=[Sr],kr={key:2,class:"character-display"},Tr=["src"],Dr={key:3,class:"relevancy-display"},Rr=["src"],Vr={key:4,class:"presence-display"},Pr=Ot(()=>c("span",{class:"material-icons"}," extension ",-1)),xr={key:5,class:"level-display"},qr=["src"],zr=["src"],Fr=["src"],Gr=["src"],Or=["src"],Ur=["src"],Lr={key:6,class:"frozen"};var Jr=U({__name:"CharacterSlot",props:{id:null,character:null,isSelected:{type:Boolean},isShop:{type:Boolean},isDragging:{type:Boolean},selected:null,shake:{type:Boolean},frozen:{type:Boolean}},emits:["dragstart","dragend","drop"],setup(e,{emit:t}){const a=e,n=w(!1),i=w(!1);fe(n,r=>{t(r?"dragstart":"dragend")});const s=ye("");return St(()=>{if(a.character==null||a.selected!=null||n.value){s.value="";return}const r=Ne(X[a.character.type].abilityDescription(a.character));s.value=J(()=>o(Y,null,[o("b",null,[X[a.character.type].nickname]),o("br",null,null),o(r,null,null)]))}),(r,l)=>(h(),O(j,{display:u(s),direction:u(W).Up},{default:R(()=>{var g,f,y;return[c("div",{class:ae(["character",{selected:e.isSelected,empty:e.character==null&&e.selected==null,dragging:n.value,isDragging:e.isDragging,draggingOver:i.value,shake:e.shake}]),draggable:"true",ondragstart:()=>n.value=!0,ondragend:()=>n.value=!1,ondragenter:()=>i.value=!0,ondragleave:()=>i.value=!1,ondragover:p=>{var C;e.selected!=null&&!e.isShop&&(((C=e.character)==null?void 0:C.type)!==e.selected.type||e.isSelected)&&p.preventDefault(),e.character!=null&&e.selected!=null&&!e.isSelected&&e.character.type===e.selected.type&&e.character.exp<6&&p.preventDefault()},ondrop:()=>{i.value=!1,t("drop")}},[e.selected!=null&&!e.isShop&&(((g=e.character)==null?void 0:g.type)!==e.selected.type||e.isSelected)&&n.value===!1?(h(),B("span",wr,_r)):M("",!0),e.character!=null&&e.selected!=null&&!e.isSelected&&e.character.type===e.selected.type&&e.character.exp<6?(h(),B("span",Qr,Mr)):M("",!0),e.character!=null?(h(),B("span",kr,[c("img",{src:u(X)[e.character.type].display},null,8,Tr)])):M("",!0),e.character!=null?(h(),B("span",Dr,[c("img",{src:u(dt)},null,8,Rr),c("span",null,F((f=e.character)==null?void 0:f.relevancy),1)])):M("",!0),e.character!=null?(h(),B("span",Vr,[Pr,c("span",null,F((y=e.character)==null?void 0:y.presence),1)])):M("",!0),e.character!=null?(h(),B("span",xr,[e.character.exp===1?(h(),B("img",{key:0,src:u(pr)},null,8,qr)):M("",!0),e.character.exp===2?(h(),B("img",{key:1,src:u(yr)},null,8,zr)):M("",!0),e.character.exp===3?(h(),B("img",{key:2,src:u(br)},null,8,Fr)):M("",!0),e.character.exp===4?(h(),B("img",{key:3,src:u(Cr)},null,8,Gr)):M("",!0),e.character.exp===5?(h(),B("img",{key:4,src:u(Nr)},null,8,Or)):M("",!0),e.character.exp===6?(h(),B("img",{key:5,src:u(Br)},null,8,Ur)):M("",!0)])):M("",!0),e.frozen?(h(),B("div",Lr)):M("",!0),e.id?(h(),O(vr,{key:7,id:e.id},null,8,["id"])):M("",!0)],10,Er)]}),_:1},8,["display","direction"]))}});var we=K(Jr,[["__scopeId","data-v-77dfedc5"]]);const Yr={min:.25,max:.5},Wr=[{s:0,cp:.329,e:.548},{s:.548,cp:.767,e:.876},{s:.876,cp:.985,e:1}],Xr=.01,Kr=.1,jr=100,Hr=!0,Zr={x:0,y:0},$r=!1,eo=[{type:"alpha",config:{alpha:{list:[{time:0,value:.74},{time:1,value:0}]}}},{type:"moveSpeed",config:{speed:{list:[{time:0,value:100},{time:1,value:0}]},minMult:1}},{type:"scale",config:{scale:{list:[{time:0,value:2},{time:1,value:.5}]},minMult:1}},{type:"color",config:{color:{list:[{time:0,value:"#FFC000"},{time:1,value:"#FFDF00"}]}}},{type:"rotation",config:{accel:0,minSpeed:0,maxSpeed:200,minStart:0,maxStart:360}},{type:"textureRandom",config:{textures:["particle.png"]}},{type:"spawnShape",config:{type:"torus",data:{radius:100,x:0,y:0}}}];var to={lifetime:Yr,ease:Wr,frequency:Xr,emitterLifetime:Kr,maxParticles:jr,addAtBack:Hr,pos:Zr,emit:$r,behaviors:eo};const it=w(!1),_t=w(""),Zt=na(),Ue=w(),We=w("");function me(e,...t){var a;!it.value||(a=Ue.value)==null||a.emit(e,...t)}$.on("loadSettings",e=>{et(e,"server","https://Super-Auto-Coots.thepaperpilot.repl.co"),fe(()=>e.server,t=>{Ue.value&&Ue.value.close(),Ue.value=Oa(t),ao(Ue.value),it.value=!1,We.value="",Ue.value.connect()},{immediate:!0}),ai(J(()=>o(Y,null,[o(Ft,{title:"Server URL","onUpdate:modelValue":t=>e.server=t,modelValue:e.server},null),o("div",{style:"font-style: italic; font-size: small; margin-top: -10px;"},[it.value?o("span",null,[v("Connected!")]):We.value?o("span",{style:"color: red"},[We.value]):o("span",null,[v("Connecting...")])])])))});function ve(e){var n;const t=m.particles.boundingRect.value;if(!t)return;const a=(n=m.nodes.value[e])==null?void 0:n.rect;a&&m.particles.addEmitter(to).then(i=>{i.updateOwnerPos(a.x+a.width/2-t.x,a.y+a.height/2-t.y),i.playOnceAndDestroy()})}function ao(e){e.on("connect",()=>{We.value="",it.value=!0,m.reset.reset()}),e.on("connect_error",t=>{We.value=`${t.name}: ${t.message}`}),e.on("disconnect",(t,a)=>{var n;We.value=a instanceof Error?`${a.name}: ${a.message}`:(n=a==null?void 0:a.description)!=null?n:t,it.value=!1}),e.on("server version",t=>{Ga(G.versionNumber,t)||(Zt.info("Server only accepts game versions in range: "+t),e.disconnect())}),e.on("info",t=>{Zt.info(t),t==="Failed to start streaming"&&(m.findingMatch.value=!1)}),e.on("nickname",t=>{_t.value=t}),e.on("newTurn",t=>{m.gold.value=10,m.turn.value++,m.battle.value=null,m.shop.value=t.map(a=>({type:a,relevancy:X[a].initialRelevancy,presence:X[a].initialPresence,exp:1})),m.frozen.value=m.frozen.value.map((a,n)=>n),setTimeout(()=>{t.forEach((a,n)=>ve(`shop-char-${n}`))},0),m.showRefreshAnim.value=!0,setTimeout(()=>m.showRefreshAnim.value=!1,500)}),e.on("reroll",t=>{m.gold.value--,m.shop.value=t.map(a=>({type:a,relevancy:X[a].initialRelevancy,presence:X[a].initialPresence,exp:1})),m.frozen.value=m.frozen.value.map((a,n)=>n),setTimeout(()=>{t.forEach((a,n)=>ve(`shop-char-${n}`))},0),m.showRefreshAnim.value=!0,setTimeout(()=>m.showRefreshAnim.value=!1,500)}),e.on("buy",(t,a,n)=>{m.team.value[a]=n,m.shop.value[t]=null,m.gold.value-=3,ve(`shop-char-${t}`),ve(`team-char-${a}`),m.frozen.value.includes(t)&&(m.frozen.value=m.frozen.value.filter(i=>i!==t))}),e.on("move",(t,a)=>{const n=m.team.value[t];m.team.value[t]=m.team.value[a],m.team.value[a]=n,ve(`team-char-${t}`),ve(`team-char-${a}`)}),e.on("merge",(t,a,n)=>{var l,g;const i=(g=(l=m.team.value[a])==null?void 0:l.exp)!=null?g:0,s=i>=6?3:i>=3?2:1,r=n.exp>=6?3:n.exp>=3?2:1;m.team.value[t]=null,m.team.value[a]=n,ve(`team-char-${t}`),ve(`team-char-${a}`),X[n.type].abilityType==="LevelUp"&&s!==r&&setTimeout(()=>X[n.type].performAbility(n),1250)}),e.on("stream",(t,a)=>{let n=!1;m.team.value.forEach(i=>{i!=null&&X[i.type].abilityType==="StreamStarted"&&(n=!0,X[i.type].performAbility(i))}),n?setTimeout(()=>$t(t,a)):$t(t,a)}),e.on("sell",t=>{const a=m.team.value[t];let n;a.exp>=6?n=3:a.exp>=3?n=2:n=1,m.gold.value+=n,m.team.value[t]=null,ve(`team-char-${t}`),X[a.type].abilityType==="Sold"&&setTimeout(()=>X[a.type].performAbility(a),500)}),e.on("freeze",t=>{m.frozen.value.includes(t)?m.frozen.value=m.frozen.value.filter(a=>a!==t):m.frozen.value.push(t)})}function $t(e,t){m.findingMatch.value=!1,m.battle.value={team:JSON.parse(JSON.stringify(m.team.value.filter(a=>a!=null))),streamers:[],enemyTeam:e.team,enemyStreamers:[],enemyNickname:e.nickname,enemyLives:e.lives,enemyWins:e.wins,enemyTurn:e.turn,ranLivestreamEnded:!1},m.outcome.value=t,m.showingOutcome.value=!1,m.playClicked.value=!1,setTimeout(m.prepareMove,1e3)}var no="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAAAXNSR0IArs4c6QAABT5JREFUeJzt3UGrVVUYBuBj2ERSikSKRmXixDBoEl6kBpVSEBUGgRbUyF9QTYQLd6KDaBoNykqhSKpJoBBBmNakgeRErGahiUGkOAps4nB9t1btc8/Z532e4Xf3XXt55WWxP9ZeezIBAAAAAAAAAAAAAAAAYBzWzXoC8+7mzas3Zz2H/2Pdus3+j1dx26wnALMkAEQTAKIJANEEgGjrZz2Btdbb1Vna9Mq0prImev+9aV0jKwDRBIBoAkA0ASCaABBtYbtAVfejt6tz5sqJQeYzK0ub9nVdX/3dFrU7ZAUgmgAQTQCIJgBEEwCijebJfqg9PGPv6kzb0pZ21+jMnx8262PvDlkBiCYARBMAogkA0QSAaHO3F2ioPTxDuX7hXLN+x/adazyT1Y1lnvPGCkA0ASCaABBNAIgmAESb2T6O3m7PqdOHmvWqy1Htaan0jj8WVXdoz+6VZn1R9/xUrABEEwCiCQDRBIBoAkC0udsLVOntxlRvflXdod7xv3nq8Wb9pR/ON+uXfr/aNX6ve+/e3Kx//MiO4jfa16exAhBNAIgmAEQTAKIJANFG0wXqVXV7jr79dLN+8fh7zfq2/a816499/W2zvrL1/n8xu+GtbL6rWa/mefSDd5v1ai/Wop4abQUgmgAQTQCIJgBEEwCiLewbYZXy9OPOU6NvfPZps77hhRe7xqn89f3ZZn39o7u6xqnm+eTBT5p1b4RBEAEgmgAQTQCIJgBEm7sn+3k7L2js3xRL++ZXLysA0QSAaAJANAEgmgAQbWHfCKtORa5cPvJ8s151Ub784mDX+HfueqLr+sofZ79q1p957p1mXbdndVYAogkA0QSAaAJANAEg2sJ2gapvYP3y8oPN+oZinKo7NFRXp1d138tHfmvW08756WUFIJoAEE0AiCYARBMAoi1sF2jatr5/vFn/+dX9Ux2/V7nHSXdoMplYAQgnAEQTAKIJANEEgGhz92Tfey5QZeOvy13Xn3vzWLO+YcdDXePMyo3zPzbr1fy3HWifm3TtvuVmfVHfLLMCEE0AiCYARBMAogkA0ewFumXn4QPNetUdqq6vXDzWPqeo6sb0jtM7/8mkfd+0vUNWAKIJANEEgGgCQDQBIJou0D+Ydnfo5IVtXddvnfSdel3p7koV9bF3h6wARBMAogkA0QSAaAJAtIXtAg2196Zy6a3DzXp1nk91372Ti1333bZ9mPn3Onn7jmZ9aY3nMTQrANEEgGgCQDQBIJoAEG3uukDVXpGhzguqukOVoU57Hkpvd+uBj35q1i8faZ8XVHV7FpUVgGgCQDQBIJoAEE0AiDZ3XaDKUN2h889u7rrv3qK7Mu29RtN2zxuft38wZ12vabMCEE0AiCYARBMAogkA0UbTBarMqjs0q27PUPetvvm1tGnfIOPM2/k/FSsA0QSAaAJANAEgmgAQbRRP6v/FUG+QjV1vl6b6u1XG0u2pWAGIJgBEEwCiCQDRBIBoo98LNJQzV050Xb+0pb1npuq6lOMUXalTpw91jbNn90rX9ZWxd3V6WQGIJgBEEwCiCQDRBIBoAkA0ASCaABBNAIgmAEQTAKLZC3TL9Qvt056/e/j1Zn25GKfa29O7R6gy1HyqN7/sBYIgAkA0ASCaABBNAIi2sE/8vecCLV+7NtX5LG/c2Hf9jOYz9tOee1kBiCYARBMAogkA0QSAaAv5ZL+aWZ0aPdR5QUNJ6/ZUrABEEwCiCQDRBIBoAkC0qCf+1fR+G6tXb3dl3uazqKwARBMAogkA0QSAaAIAAAAAAAAAAADA6P0N+l5GUGAc/VMAAAAASUVORK5CYII=",io="data:image/png;base64,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",so="data:image/png;base64,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",ro="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAAAXNSR0IArs4c6QAABV5JREFUeJzt3c+LVlUcBvAxjKBNG7Ef0oCIZEQ/XIwQtYgwWmhl5J8grRSCIoJqFUEIQaAFUhG0NsrKIJJoE0JuKgokCaHQSty0CSLBFrY839Ez3Xfue+f5fJaH8b7HGR4O78M55y4sAAAAAAAAAAAAAAAAADAN68aewLy7fPni5bHn8H+sW7fB33gZ1409ARiTABBNAIgmAEQTAKKtH3sCq6231Vna9OSsprIqev+/aa2RFYBoAkA0ASCaABBNAIi2Zlugqv3obXVO/fz5IPMZy9KmR7t+vvq9rdV2yApANAEgmgAQTQCIJgBEm/w3+962Z+qtzqwtbWm3RqfOfdgcn3o7ZAUgmgAQTQCIJgBEEwCirdm9QEO5cPZMc3zj5q2rPJPlTWWe88YKQDQBIJoAEE0AiCYARJv0Po7l9O4ROn7icHN86i1K1Q7t2rl/kOdPfY+QFYBoAkA0ASCaABBNAIg2+b1AQ73D6+PXDjbHXzj2aXP84u+/DfGxpQ233Nocf+2J3c3xfUfebo73tlgHX9/X9fNVqzaV+4WsAEQTAKIJANEEgGgCQLTJtEBDvdvrjUMHmuMPPL6nOX7upwd7PnYwB+68ozm+79332v/g0qXm8NeftVus6vfwzIFDzfHedmgqrABEEwCiCQDRBIBoAkC0udqXsbAw4Lu9ipNK1XOOHXmuOX7bzke6PvfP779rjt90z71dz6mcP/FFc7x3ntUt0FXb8/yz7zTHnQiDCRMAogkA0QSAaAJAtNG+qfe2PSdP/931/Pu33dA/qYapv1Ost+2paIFgDRIAogkA0QSAaAJAtJmfCBuq7Tl7tH1PTuXk6fa9PVU7VLUiVYvywdFXmuOL23dcw+yubvfdfS3NH3/92hzX9izPCkA0ASCaABBNAIgmAESb+Tf4sVqgzXv7WqDKw9sea47/+Mu3Xc/pddfifV0//+XpTwb53LXa9lSsAEQTAKIJANEEgGgCQLS5a4F6T2Bd+ueh5vj5H9rv/HrzpW+6nj91VTuU1vZUrABEEwCiCQDRBIBoAkC0mZ8Iq1qFuh1qn8Cq2qH113/VHF/cXs1onBbo1Y+ONsdf3LN3pp978423N8d73/BemXprZAUgmgAQTQCIJgBEEwCijfam+KHaoep+nrFUbU91om2odqja81O1QL3tUKX6e02lHbICEE0AiCYARBMAogkA0UZrgXpPilW3HD+19+Wuz63aj1699/bMm7fef3qQ5/TuKZq3dsgKQDQBIJoAEE0AiCYARButBRrKUO/Aqtqh3ran2sMz1omw6t1hXGEFIJoAEE0AiCYARBMAos3VvoyFheH2CM267RlL9W6yqu2pboHuPflVmfot01YAogkA0QSAaAJANAEg2tztBeq/L2iYNmPe9LY9var2ptdU2p6KFYBoAkA0ASCaABBNAIg2dy1QZah2qLoPZ3H7jpVObSaWtrRvwz5+4nBzfNfO/V3Pn3p7MxQrANEEgGgCQDQBIJoAEG3NNgG97VD1JvpeVXvTq2p7elXt0NRPcg3FCkA0ASCaABBNAIgmAESbzF6geVO1PUOdtKraqqHaIa6wAhBNAIgmAEQTAKIJANG0QCtU7R1a2tTXDg110k07tDJWAKIJANEEgGgCQDQBINqabYH625W+e3g2bt660qld43y0PavBCkA0ASCaABBNAIgmAERbsy3QrF04e6Y5XrU05X1ExR6hod7w7v6f5VkBiCYARBMAogkA0QSAaJqA/8z6TfRDtTHVPCvanuVZAYgmAEQTAKIJANEEgGgagqvobV0q2pj5ZAUgmgAQTQCIJgBEEwAAAAAAAAAAAAAm71+GfXJS6hdsVQAAAABJRU5ErkJggg==",oo="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAAAXNSR0IArs4c6QAABHZJREFUeJzt3TFrJVUYx+Eb2UqWoBgESxHZRtjCRjYsWqgL2ogoCIKF1X4Jq3wAW7GQVRAURWwsBBHEzWJjIdiIH0BYVhARKyEWSXne6KuTe2fm/zzlIQ6TlR+HvJyZ2WwAAAAAAAAAAAAAAAAAWIa9Xd/A3J2c3DvZ9T38H3t7B/4fn+O+Xd8A7JIAiCYAogmAaAIg2qVd38C2dac6h/tvXNStbEX3902bGtkBiCYAogmAaAIgmgCIttopUDX96E51ju9+Osn97Mrh/iutn6/+3dY6HbIDEE0ARBMA0QRANAEQbTF/2U91hmfpU52LdvjweGp0/PsHw/WlT4fsAEQTANEEQDQBEE0ARJvdWaCpzvBM5Y+ffhiuX75ydct3cr6l3Ofc2AGIJgCiCYBoAiCaAIi2s3Mc3WnPl9++NVyvphzVmZZK9/pLUU2Hblw/Gq6v9cxPxQ5ANAEQTQBEEwDRBEC02Z0FqnSnMdWTX9V0qHv9b55/Zrj+2vc/Dtd/+fVe6/pdjzx0MFz/6Mkniv9i/PNp7ABEEwDRBEA0ARBNAERbzBSoq5r23Hr7heH6zx++N1x//PU3h+tPf317uH702KP/4u6md3Tw4HC9us9b7787XK/OYq31rdF2AKIJgGgCIJoAiCYAoq32ibBK+fbj5luj//zsk+H6/S+/2rpO5a/v7gzXLz11rXWd6j6fu/nxcN0TYRBEAEQTANEEQDQBEG12f9nP7X1BS/+mWNo3v7rsAEQTANEEQDQBEE0ARFvtE2HVW5Er1VTkcH88Rfni85ut6z9w7dnWz1d+u/PVcP3Fl94Zrpv2nM8OQDQBEE0ARBMA0QRAtNVOgbqqs0ZzOwtUTZOO747XqynWWt/z02UHIJoAiCYAogmAaAIgminQmerJsq6p3jtUqc44VU/Ald9KMx3abDZ2AMIJgGgCIJoAiCYAoq12CnTj+tFwfW5vme6a6vcyHTplByCaAIgmAKIJgGgCINpqp0Cc6p4dSmMHIJoAiCYAogmAaAIgminQwpRneIqzSVM96bZWdgCiCYBoAiCaAIgmAKKtdgpUTT+6T1SxbnYAogmAaAIgmgCIJgCiLeadLtV7aapve3WnOtV0qDK3b4dVT361f6+wL8vbAYgmAKIJgGgCIJoAiLaYs0DVFKI7HarMbapTqaY9XWnTnoodgGgCIJoAiCYAogmAaIuZAlUuejrUNdWUpqs682Pacz47ANEEQDQBEE0ARBMA0RY/BZqb7hNY7JYdgGgCIJoAiCYAogmAaKZA/1H1Ta7q7E15nR2914hTdgCiCYBoAiCaAIgmAKIJgGgCIJoAiCYAogmAaAIgmrNAZ6r3+Vy+cnXLd8I22QGIJgCiCYBoAiCaAIhmCvQPqulQ9cRW9YRX90mxru79VG/PTntrtB2AaAIgmgCIJgCiCYBoUX/xbzYX/+2w7je55nY/aewARBMA0QRANAEQTQBEMwk4U01juqaarsztftbKDkA0ARBNAEQTANEEAAAAAAAAAAAAwOL9DQsGFzoD+UY/AAAAAElFTkSuQmCC",lo="data:image/png;base64,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",Ao="data:image/png;base64,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",uo="data:image/png;base64,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",co="./assets/start stream.dd66a6ec.png";const go=Symbol("Reset");function mo(e){return xt(()=>{const t=e();return t.id=da("reset-"),t.type=go,t.reset=function(){var i;const a=s=>{if(s!=null&&typeof s=="object")if(Ke in s){const r=s;r.value=r[Ke]}else!(s instanceof E)&&!Ce(s)&&Object.values(s).forEach(r=>a(r))},n=u(t.thingsToReset);Bt(n)?n.forEach(a):a(n),$.emit("reset",t),(i=t.onReset)==null||i.call(t)},pe(t,"thingsToReset"),t})}const At={};$.on("removeLayer",e=>{var t;(t=At[e.id])==null||t.call(At),At[e.id]=void 0});ia.registerPlugin(La);Ja.registerPlugin("batch",Ya);var fo=U({props:{style:ne(String,Object,Array),classes:ne(Object),onInit:{type:Function,required:!0},id:{type:String,required:!0},onContainerResized:Function,onHotReload:Function},setup(e){const t=ye(null),a=new ResizeObserver(s),n=ye(null);Mt(()=>{var l,g;const r=n.value;r!=null&&(a.observe(r),t.value=new ia({resizeTo:r,backgroundAlpha:0}),(l=n.value)==null||l.appendChild(t.value.view),(g=e.onInit)==null||g.call(e,t.value)),s(),e.onHotReload&&qe(e.onHotReload)}),Ra(()=>{var r;(r=t.value)==null||r.destroy()});let i=!0;function s(){i&&(i=!1,qe(()=>{var r;n.value!=null&&((r=e.onContainerResized)==null||r.call(e,n.value.getBoundingClientRect())),i=!0}))}return $.on("fontsLoaded",s),{unref:u,resizeListener:n}}});function ho(e,t,a,n,i,s){return h(),B("div",{ref:"resizeListener",class:ae(["resize-listener",e.unref(e.classes)]),style:Xe(e.unref(e.style))},null,6)}var vo=K(fo,[["render",ho],["__scopeId","data-v-0b99a6fc"]]);const po=Symbol("Particles");function yo(e){return xt(()=>{var i,s;const t=(i=e==null?void 0:e())!=null?i:{};t.id=da("particles-"),t.type=po,t[Rt]=vo,t.app=ye(null),t.addEmitter=r=>{const l=t;return l.app.value?Promise.resolve(new Lt(l.app.value.stage,r)):new Promise(g=>{a.push({resolve:g,config:r})})};let a=[];function n(r){const l=t;l.app.value=r,a.forEach(({resolve:g,config:f})=>g(new Lt(r.stage,f))),a=[]}return t.onContainerResized=(s=t.onContainerResized)==null?void 0:s.bind(t),t[Vt]=function(){const{id:r,style:l,classes:g,onContainerResized:f,onHotReload:y}=this;return{id:r,style:u(l),classes:g,onContainerResized:f,onHotReload:y,onInit:n}},t})}window.upgradeConfig=Wa;const bo={min:1.5,max:2.5},Co=[{s:0,cp:.329,e:.548},{s:.548,cp:.767,e:.876},{s:.876,cp:.985,e:1}],No=.001,Bo=.1,Eo=100,wo=!0,Io={x:0,y:0},_o=!1,Qo=[{type:"alpha",config:{alpha:{list:[{time:0,value:.74},{time:1,value:0}]}}},{type:"moveAcceleration",config:{accel:{x:0,y:2e3},minStart:600,maxStart:600,rotate:!0}},{type:"scale",config:{scale:{list:[{time:0,value:.5},{time:1,value:.25}]},minMult:1}},{type:"color",config:{color:{list:[{time:0,value:"#962121"},{time:.5,value:"#214a96"},{time:1,value:"#4c2196"}]}}},{type:"rotation",config:{accel:0,minSpeed:0,maxSpeed:200,minStart:0,maxStart:360}},{type:"textureRandom",config:{textures:["particle.png"]}},{type:"spawnShape",config:{type:"torus",data:{radius:100,x:0,y:0}}}];var So={lifetime:bo,ease:Co,frequency:No,emitterLifetime:Bo,maxParticles:Eo,addAtBack:wo,pos:Io,emit:_o,behaviors:Qo},Mo="data:image/png;base64,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",ko="./assets/shop.3860773a.gif";function De(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!Va(e)}const X={coots:{nickname:"Coots",initialRelevancy:3,initialPresence:1,display:oo,abilityType:"LivestreamJoined",abilityDescription:e=>J(()=>o(Y,null,[o("i",null,[v("Livestream joined")]),v(": Deal "),e.exp>=6?6:e.exp>=3?4:2," ",v("relevancy damage to every character on a stream")])),performAbility(e){if(m.battle.value==null)return;const t=e.exp>=6?6:e.exp>=3?4:2;m.battle.value.streamers.forEach(a=>a.relevancy-=t),m.battle.value.enemyStreamers.forEach(a=>a.relevancy-=t)}},ludwig:{nickname:"Ludwig Coots",initialRelevancy:2,initialPresence:1,display:no,abilityType:"LivestreamJoined",abilityDescription:e=>J(()=>o(Y,null,[o("i",null,[v("Livestream joined")]),v(": Gain "),e.exp>=6?3:e.exp>=3?2:1," ",v("presence for every character on a stream")])),performAbility(e){if(m.battle.value==null)return;const t=e.exp>=6?3:e.exp>=3?2:1;m.battle.value.streamers.includes(e)?e.presence+=t*m.battle.value.streamers.length:e.presence+=t*m.battle.value.enemyStreamers.length}},qt:{nickname:"Qt Coots",initialRelevancy:1,initialPresence:2,display:lo,abilityType:"Sold",abilityDescription:e=>J(()=>o(Y,null,[o("i",null,[v("Sold")]),v(": Gain "),e.exp>=6?3:e.exp>=3?2:1,v(" mogul"),e.exp>=3?"s":""])),performAbility(e){const t=e.exp>=6?3:e.exp>=3?2:1;m.gold.value+=t}},maid:{nickname:"Maid Coots",initialRelevancy:2,initialPresence:2,display:io,abilityType:"LevelUp",abilityDescription:e=>J(()=>o(Y,null,[o("i",null,[v("Level up")]),v(": Every character gains "),e.exp>=3?2:1,v(" relevancy and presence")])),performAbility(e){const t=e.exp>=6?2:1;m.team.value.forEach(a=>{a&&(a.relevancy+=t,a.presence+=t)})}},mail:{nickname:"Mogul Mail Coots",initialRelevancy:1,initialPresence:1,display:so,abilityType:"LivestreamJoined",abilityDescription:e=>J(()=>o(Y,null,[o("i",null,[v("Livestream joined")]),v(": Summon a lv")," ",e.exp>=6?3:e.exp>=3?2:1,v(" Ludwig Coots with this character's stats.")])),performAbility(e){if(m.battle.value==null)return;const t=e.exp>=6?3:e.exp>=3?2:1,a={type:"ludwig",exp:t===3?6:t===2?3:1,presence:e.presence,relevancy:e.relevancy};m.queue.value.push({action:"LivestreamJoined",target:a}),m.battle.value.streamers.includes(e)?m.battle.value.streamers.push(a):m.battle.value.enemyStreamers.push(a)}},stanz:{nickname:"Stanz Coots",initialRelevancy:1,initialPresence:1,display:Ao,abilityType:"LivestreamEnded",abilityDescription:e=>J(()=>o(Y,null,[o("i",null,[v("Livestream ended")]),v(": Gain "),e.exp>=6?3:e.exp>=3?2:1," ",v("relevancy for every character on either livestream with more relevancy.")])),performAbility(e){if(m.battle.value==null)return;const t=e.exp>=6?3:e.exp>=3?2:1;e.relevancy+=t*(m.battle.value.streamers.filter(a=>a.relevancya.relevancyJ(()=>o(Y,null,[o("i",null,[v("Stream started")]),v(": Permanently gain")," ",e.exp>=6?3:e.exp>=3?2:1,v(" presence if you have 2 or more moguls.")])),performAbility(e){if(m.gold.value>=2){const t=e.exp>=6?3:e.exp>=3?2:1;e.presence+=t}}},vespa:{nickname:"Vespa Coots",initialRelevancy:1,initialPresence:1,display:uo,abilityType:"LivestreamJoined",abilityDescription:()=>J(()=>o(Y,null,[o("i",null,[v("Livestream joined")]),v(": Set the character that most recently joined the enemy livestream's presence to 0. This effect does not improve on level up.")])),performAbility(e){m.battle.value!=null&&(m.battle.value.streamers.includes(e)?m.battle.value.enemyStreamers.length>0&&(m.battle.value.enemyStreamers[m.battle.value.enemyStreamers.length-1].presence=0):m.battle.value.streamers.length>0&&(m.battle.value.streamers[m.battle.value.streamers.length-1].presence=0))}}},m=ba("main",function(){const e=w(3),t=w(0),a=w(0),n=w(0),i=w([null,null,null]),s=w([]),r=w(null),l=w(null),g=w(!1),f=w(""),y=w(!1),p=w(!1),C=w(!1),N=w([]),_=w([]),Q=w(!1),S=w(null),H=x(()=>S.value==null?0:S.value.streamers.reduce((ie,q)=>ie+Math.max(0,q.presence)*Math.max(0,q.relevancy),0)*100),b=x(()=>S.value==null?0:S.value.enemyStreamers.reduce((ie,q)=>ie+Math.max(0,q.presence)*Math.max(0,q.relevancy),0)*100),I=mo(()=>({onReset(){e.value=3,t.value=0,a.value=0,n.value=0,i.value=[null,null,null],s.value=[],r.value=null,l.value=null,g.value=!1,S.value=null,f.value="",y.value=!1,C.value=!1,N.value=[],_.value=[]}})),P=w(!1);function te(){var ie,q;if(S.value==null)throw"Preparing move while not in battle";if(N.value.length===0&&S.value.team.length===0&&S.value.enemyTeam.length===0){if(S.value.ranLivestreamEnded===!1){S.value.streamers.forEach(T=>{X[T.type].abilityType==="LivestreamEnded"&&N.value.push({action:"LivestreamEnded",target:T})}),S.value.enemyStreamers.forEach(T=>{X[T.type].abilityType==="LivestreamEnded"&&N.value.push({action:"LivestreamEnded",target:T})}),S.value.ranLivestreamEnded=!0,te();return}f.value==="Victory"?t.value++:f.value==="Defeat"&&e.value--,y.value=!0;return}if(N.value.length===0?N.value.push({action:"join"}):N.value.length>1&&(N.value=N.value.sort((T,L)=>T.action!==L.action?1:T.target!=null&&L.target!=null?L.target.relevancy-T.target.relevancy:0)),z.autoplay===!1&&C.value===!1)p.value=!0;else{p.value=!1;const T=N.value.shift();switch(T.action){case"join":if(((ie=S.value.team.length)!=null?ie:0)>0){const L=S.value.team.pop();S.value.streamers.push(L),X[L.type].abilityType==="LivestreamJoined"&&N.value.unshift({action:"LivestreamJoined",target:L})}if(((q=S.value.enemyTeam.length)!=null?q:0)>0){const L=S.value.enemyTeam.pop();S.value.enemyStreamers.push(L),X[L.type].abilityType==="LivestreamJoined"&&N.value.unshift({action:"LivestreamJoined",target:L})}break;default:if(T.target==null){console.error("Invalid action",T);break}X[T.target.type].performAbility(T.target);break}C.value=!1,setTimeout(te,z.fast?750:1250)}}const ge=yo(()=>({fullscreen:!1,zIndex:10,boundingRect:w(null),onContainerResized(ie){this.boundingRect.value=ie}}));return{name:"Game",minimizable:!1,display:J(()=>{let ie;if(t.value>=5){let q;return o("div",{class:"total-outcome-container"},[o("span",{class:"total-outcome"},[v("You Won!")]),o("span",{class:"smiley"},[v("\u{1F603}")]),o(he,null,De(q=new Array(3).fill(0).map((T,L)=>o(we,{character:i.value[L]},null)))?q:{default:()=>[q]}),o("button",{class:"button",onClick:()=>location.reload()},[v("Play again")]),Je(ge)])}if(e.value<=0){let q;return o("div",{class:"total-outcome-container"},[o("span",{class:"total-outcome"},[v("You ran out of lives!")]),o("span",{class:"smiley"},[v("\u{1F630}")]),o(he,null,De(q=new Array(3).fill(0).map((T,L)=>o(we,{character:i.value[L]},null)))?q:{default:()=>[q]}),o("button",{class:"button",onClick:()=>location.reload()},[v("Play again")]),Je(ge)])}if(S.value!=null){let q,T,L,Oe;return o("div",{class:{["battle-container"]:!0,fast:z.fast}},[o("div",{class:"battle-controls"},[o("button",{class:"button",onClick:()=>{C.value=!0,te()}},[o("span",{class:"material-icons"},[v("play_arrow")]),o("span",null,[v("Play")])]),o("button",{class:{button:!0,active:z.autoplay},onClick:()=>{z.autoplay=!z.autoplay,p.value&&te()}},[o("span",{class:"material-icons"},[v("all_inclusive")]),o("span",null,[v("Autoplay")])]),o("button",{class:{button:!0,active:z.fast},onClick:()=>z.fast=!z.fast},[o("span",{class:"material-icons"},[v("fast_forward")]),o("span",null,[v("Fast")])])]),o("div",{class:"teams-container",style:y.value?"pointer-events: none;":""},[o("div",{class:"team-container"},[o("div",{class:"stream-container"},[o("div",{class:"stream-details",style:"left: 1vmin"},[o("span",{style:"margin-left: 0"},[_t.value,v(" (YOU)")]),o("div",{class:"stats",style:"margin-left: 0"},[o("div",{class:"resource-box"},[o("img",{src:dt},null),o("span",null,[e.value])]),o("div",{class:"resource-box"},[o("span",{class:"material-icons"},[v("emoji_events")]),o("span",null,[t.value,v("/5")])])])]),o("div",{class:"view-counter",style:"right: 1vmin"},[Et(H.value),v(" Views")]),o(he,{class:"streamers-container"},{default:()=>[o(lt,{name:"character-transition"},De(q=S.value.streamers.slice().reverse().map((le,Me)=>{var Ae;return o(we,{key:S.value.streamers.length-Me,character:le,shake:p.value&&((Ae=N.value[0])==null?void 0:Ae.target)===le},null)}))?q:{default:()=>[q]})]})]),o(he,{class:"members-container",style:"margin-left: 0; padding-right: 4vmin;"},{default:()=>[o(lt,{name:"character-transition"},De(T=S.value.team.map((le,Me)=>{var Ae,je,He,Ze;return o(we,{character:le,key:Me,shake:p.value&&((Ae=N.value[0])==null?void 0:Ae.action)==="join"&&le===((Ze=S.value)==null?void 0:Ze.team[((He=(je=S.value)==null?void 0:je.team.length)!=null?He:0)-1])},null)}))?T:{default:()=>[T]})]})]),o("div",{class:"team-container"},[o("div",{class:"stream-container"},[o("div",{class:"stream-details",style:"right: 1vmin"},[o("span",{style:"margin-right: 0"},[S.value.enemyNickname]),o("div",{class:"stats",style:"margin-right: 0"},[o("div",{class:"resource-box"},[o("img",{src:dt},null),o("span",null,[S.value.enemyLives])]),o("div",{class:"resource-box"},[o("span",{class:"material-icons"},[v("emoji_events")]),o("span",null,[S.value.enemyWins,v("/5")])])])]),o("div",{class:"view-counter",style:"left: 1vmin"},[Et(b.value),v(" Views")]),o(he,{class:"streamers-container"},{default:()=>[o(lt,{name:"character-transition"},De(L=S.value.enemyStreamers.map((le,Me)=>{var Ae;return o(we,{key:Me,character:le,shake:p.value&&((Ae=N.value[0])==null?void 0:Ae.target)===le},null)}))?L:{default:()=>[L]})]})]),o(he,{class:"members-container",style:"margin-right: 0; padding: 0 4vmin;"},{default:()=>[o(lt,{name:"character-transition"},De(Oe=S.value.enemyTeam.slice().reverse().map((le,Me)=>{var Ae,je,He,Ze;return o(we,{character:le,key:S.value.enemyStreamers.length+Me,shake:p.value&&((Ae=N.value[0])==null?void 0:Ae.action)==="join"&&le===((Ze=S.value)==null?void 0:Ze.enemyTeam[((He=(je=S.value)==null?void 0:je.enemyTeam.length)!=null?He:0)-1])},null)}))?Oe:{default:()=>[Oe]})]})])]),y.value?o("div",{class:"outcome",onClick:()=>me("newTurn")},[o("span",null,[f.value]),o("span",{style:"font-size: 2vmin"},[v("Next Turn")])]):null])}return o("div",{class:"game-container",style:g.value?"pointer-events: none":"",onClick:()=>{r.value=null,l.value=null}},[o("h2",{class:"team-nickname"},[_t.value]),o(he,{class:"manager-header"},{default:()=>[o("div",{class:"resource-box"},[o("span",{class:"material-icons"},[v("credit_card")]),n.value]),o("div",{class:"resource-box"},[o("img",{src:dt},null),e.value]),o("div",{class:"resource-box"},[o("span",{class:"material-icons"},[v("emoji_events")]),t.value,v("/5")]),o("div",{style:"flex-grow: 1"},null),g.value?o("div",{class:"waiting"},[v("Finding opposing team...")]):o(Y,null,[r.value==null?null:o("button",{class:"button",onDragover:q=>q.preventDefault(),onClick:()=>me("sell",r.value),onDrop:()=>me("sell",r.value)},[v("Sell")]),l.value==null?null:o("button",{class:"button",onDragover:q=>q.preventDefault(),onClick:()=>me("freeze",l.value),onDrop:()=>me("freeze",l.value)},[v("Freeze")]),o("img",{class:"startStream",draggable:"false",onClick:()=>{me("stream"),g.value=!0},src:co},null)])]}),o("div",{style:"flex-grow: 1"},null),o(he,{style:"margin-top: 10vh"},De(ie=new Array(3).fill(0).map((q,T)=>{var L,Oe;return o(we,{id:`team-char-${T}`,character:i.value[T],isSelected:r.value===T,selected:r.value==null?l.value==null||i.value[T]!=null&&((L=s.value[l.value])==null?void 0:L.type)!==((Oe=i.value[T])==null?void 0:Oe.type)||n.value<3?null:s.value[l.value]:i.value[r.value],isDragging:P.value,onClick:ea(T),onDragstart:()=>{P.value=!0,r.value=T,l.value=null},onDragend:()=>{P.value=!1,r.value=null,l.value=null},onDrop:()=>ea(T)()},null)}))?ie:{default:()=>[ie]}),o(he,{class:"shop"},{default:()=>[o("div",{class:"reroll",style:n.value>0?"":"color: var(--locked); cursor: not-allowed",onClick:()=>{n.value>0&&me("reroll")}},[o("img",{src:Q.value?ko:Mo},null)]),s.value.map((q,T)=>o(we,{id:`shop-char-${T}`,frozen:_.value.includes(T),character:q==null?void 0:q,isSelected:l.value===T,isShop:!0,isDragging:P.value,onClick:L=>{q!=null&&(l.value=l.value===T?null:T,r.value=null,L.stopPropagation())},onDragstart:()=>{P.value=!0,r.value=null,l.value=T},onDragend:()=>{P.value=!1,r.value=null,l.value=null}},null))]}),Je(ge)])}),lives:e,wins:t,turn:a,gold:n,team:i,shop:s,selectedCharacter:r,selectedShopItem:l,findingMatch:g,showingOutcome:y,outcome:f,reset:I,battle:S,frozen:_,playClicked:C,prepareMove:te,particles:ge,queue:N,showRefreshAnim:Q}});let ut=0;$.on("update",e=>{if(m.wins.value>=5){if(ut+=e,ut>=1){ut=0;const t=m.particles.boundingRect.value;if(!t)return;m.particles.addEmitter(So).then(a=>{a.updateOwnerPos(Math.random()*t.width,Math.random()*t.height),console.log(a),a.playOnceAndDestroy()})}}else ut=0});function ea(e){return t=>{var a,n,i,s,r,l,g;m.selectedCharacter.value!=null&&m.selectedCharacter.value!==e?((a=m.team.value[m.selectedCharacter.value])==null?void 0:a.type)===((n=m.team.value[e])==null?void 0:n.type)&&((s=(i=m.team.value[m.selectedCharacter.value])==null?void 0:i.exp)!=null?s:0)<6&&((l=(r=m.team.value[e])==null?void 0:r.exp)!=null?l:0)<6?(me("merge",m.selectedCharacter.value,e),m.selectedCharacter.value=null):(me("move",m.selectedCharacter.value,e),m.selectedCharacter.value=null):m.selectedCharacter.value===e?m.selectedCharacter.value=null:m.selectedShopItem.value!==null?((m.team.value[e]==null||m.team.value[e].type===((g=m.shop.value[m.selectedShopItem.value])==null?void 0:g.type)&&m.team.value[e].exp<6)&&m.gold.value>=3&&me("buy",m.selectedShopItem.value,e),m.selectedShopItem.value=null):m.selectedCharacter.value=e,t==null||t.stopPropagation()}}const To=e=>[m],Ia=x(()=>!1);function Do(e,t){}var Ro=Object.freeze(Object.defineProperty({__proto__:null,characters:X,main:m,getInitialLayers:To,hasWon:Ia,fixOldSave:Do},Symbol.toStringTag,{value:"Module"}));const Vo={class:"field"},Po=U({__name:"Toggle",props:{title:null,modelValue:{type:Boolean}},emits:["update:modelValue"],setup(e,{emit:t}){const a=e,n=x(()=>{var s;return Ne((s=u(a.title))!=null?s:"","span")}),i=x({get(){return!!a.modelValue},set(s){t("update:modelValue",s)}});return(s,r)=>(h(),B("label",Vo,[kt(c("input",{type:"checkbox",class:"toggle","onUpdate:modelValue":r[0]||(r[0]=l=>Ce(i)?i.value=l:null)},null,512),[[Pa,u(i)]]),(h(),O(ce(u(n))))]))}});var Qt=K(Po,[["__scopeId","data-v-11046116"]]);const rt=e=>(Qe("data-v-4a50ce42"),e=e(),Se(),e),xo={class:"game-over-modal-header"},qo=["src","alt"],zo={class:"game-over-modal-title"},Fo=rt(()=>c("h2",null,"Congratulations!",-1)),Go={key:0},Oo=rt(()=>c("br",null,null,-1)),Uo=rt(()=>c("div",null," Please check the Discord to discuss the game or to check for new content updates! ",-1)),Lo=rt(()=>c("br",null,null,-1)),Jo=["href"],Yo=rt(()=>c("span",{class:"material-icons game-over-modal-discord"},"discord",-1)),Wo=U({__name:"GameOverScreen",setup(e){const{title:t,logo:a,discordName:n,discordLink:i,versionNumber:s,versionTitle:r}=G,l=x(()=>Dt(V.timePlayed)),g=x(()=>Ia.value&&!V.keepGoing),f=ze(V,"autosave");function y(){V.keepGoing=!0}function p(){Ve(Le())}return(C,N)=>(h(),O(Fe,{"model-value":u(g)},{header:R(()=>[c("div",xo,[u(a)?(h(),B("img",{key:0,class:"game-over-modal-logo",src:u(a),alt:u(t)},null,8,qo)):M("",!0),c("div",zo,[Fo,c("h4",null,"You've beaten "+F(u(t))+" v"+F(u(s))+": "+F(u(r)),1)])])]),body:R(({shown:_})=>[_?(h(),B("div",Go,[c("div",null,"It took you "+F(u(l))+" to beat the game.",1),Oo,Uo,Lo,c("div",null,[c("a",{href:u(i),class:"game-over-modal-discord-link"},[Yo,v(" "+F(u(n)),1)],8,Jo)]),o(Qt,{title:"Autosave",modelValue:u(f),"onUpdate:modelValue":N[0]||(N[0]=Q=>Ce(f)?f.value=Q:null)},null,8,["modelValue"])])):M("",!0)]),footer:R(()=>[c("div",{class:"game-over-footer"},[c("button",{onClick:y,class:"button"},"Keep Going"),c("button",{onClick:p,class:"button danger"},"Play Again")])]),_:1},8,["model-value"]))}});var Xo=K(Wo,[["__scopeId","data-v-4a50ce42"]]);const bt=e=>(Qe("data-v-336bf74f"),e=e(),Se(),e),Ko=bt(()=>c("div",{class:"nan-modal-header"},[c("h2",null,"NaN value detected!")],-1)),jo={key:0},Ho=bt(()=>c("br",null,null,-1)),Zo=["href"],$o=bt(()=>c("span",{class:"material-icons nan-modal-discord"},"discord",-1)),el=bt(()=>c("br",null,null,-1)),tl={class:"nan-footer"},al=U({__name:"NaNScreen",setup(e){const{discordName:t,discordLink:a}=G,n=w(!0),i=w(!0),s=ze(Z,"hasNaN"),r=w(null);fe(s,C=>{C?(n.value=V.autosave,i.value=V.devSpeed===0):(V.autosave=n.value,V.devSpeed=i.value?0:null)});const l=x(()=>{var C;return(C=Z.NaNPath)==null?void 0:C.join(".")}),g=x(()=>Z.NaNPersistent!=null?Z.NaNPersistent.value:null);function f(){Z.NaNPersistent!=null&&(Z.NaNPersistent.value=new E(0),Z.hasNaN=!1)}function y(){Z.NaNPersistent&&(Z.NaNPersistent.value=new E(1),Z.hasNaN=!1)}function p(){Z.NaNPersistent&&(Z.NaNPersistent.value=new E(NaN),Z.hasNaN=!1)}return(C,N)=>(h(),B(Y,null,[o(Fe,tt({modelValue:u(s),"onUpdate:modelValue":N[4]||(N[4]=_=>Ce(s)?s.value=_:null)},C.$attrs),{header:R(()=>[Ko]),body:R(()=>[c("div",null,[v(' Attempted to assign "'+F(u(l))+'" to NaN',1),u(g)?(h(),B("span",jo,F(" ")+"(previously "+F(u(ca)(u(g)))+")",1)):M("",!0),v(". Auto-saving has been "+F(n.value?"enabled":"disabled")+". Check the console for more details, and consider sharing it with the developers on discord. ",1)]),Ho,c("div",null,[c("a",{href:u(a)||"https://discord.gg/WzejVAx",class:"nan-modal-discord-link"},[$o,v(" "+F(u(t)||"The Paper Pilot Community"),1)],8,Zo)]),el,o(Qt,{title:"Autosave",modelValue:n.value,"onUpdate:modelValue":N[0]||(N[0]=_=>n.value=_)},null,8,["modelValue"]),u(G).enablePausing?(h(),O(Qt,{key:0,title:"Pause game",modelValue:i.value,"onUpdate:modelValue":N[1]||(N[1]=_=>i.value=_)},null,8,["modelValue"])):M("",!0)]),footer:R(()=>[c("div",tl,[c("button",{onClick:N[2]||(N[2]=_=>{var Q;return(Q=r.value)==null?void 0:Q.open()}),class:"button"},"Open Saves Manager"),c("button",{onClick:f,class:"button"},"Set to 0"),c("button",{onClick:y,class:"button"},"Set to 1"),u(g)&&u(E).neq(u(g),0)&&u(E).neq(u(g),1)?(h(),B("button",{key:0,onClick:N[3]||(N[3]=_=>s.value=!1),class:"button"}," Set to previous ")):M("",!0),c("button",{onClick:p,class:"button danger"},"Ignore")])]),_:1},16,["modelValue"]),o(Ea,{ref_key:"savesManager",ref:r},null,512)],64))}});var nl=K(al,[["__scopeId","data-v-336bf74f"]]);var il=U({__name:"App",setup(e){const t=G.useHeader,a=x(()=>vt[z.theme].variables);ze(z,"showTPS");const n=x(()=>Ne(J(()=>o(Y,null,[ii.map(Je)]))));return(i,s)=>(h(),B(Y,null,[c("div",{id:"modal-root",style:Xe(u(a))},null,4),c("div",{class:ae(["app",{useHeader:u(t)}]),style:Xe(u(a))},[u(t)?(h(),O(wa,{key:0})):M("",!0),o(fr),o(Xo),o(nl),(h(),O(ce(u(n))))],6)],64))}});var sl=K(il,[["__scopeId","data-v-48adfab3"]]);$.on("setupVue",e=>e.use(Ua));function rl(e={}){const{immediate:t=!1,onNeedRefresh:a,onOfflineReady:n,onRegistered:i,onRegisterError:s}=e;let r,l;const g=async(f=!0)=>{f&&(r==null||r.addEventListener("controlling",y=>{y.isUpdate&&window.location.reload()})),l&&l.waiting&&await Ka(l.waiting,{type:"SKIP_WAITING"})};if("serviceWorker"in navigator){r=new Xa("./sw.js",{scope:"./",type:"classic"}),r.addEventListener("activated",f=>{f.isUpdate||n==null||n()});{const f=()=>{a==null||a()};r.addEventListener("waiting",f),r.addEventListener("externalwaiting",f)}r.register({immediate:t}).then(f=>{l=f,i==null||i(f)}).catch(f=>{s==null||s(f)})}return g}function ol(e={}){const{immediate:t=!0,onNeedRefresh:a,onOfflineReady:n,onRegistered:i,onRegisterError:s}=e,r=w(!1),l=w(!1);return{updateServiceWorker:rl({immediate:t,onNeedRefresh(){r.value=!0,a==null||a()},onOfflineReady(){l.value=!0,n==null||n()},onRegistered:i,onRegisterError:s}),offlineReady:l,needRefresh:r}}document.title=G.title;window.projInfo=G;if(G.id==="")throw"Project ID is empty! Please select a unique ID for this project in /src/data/projInfo.json";requestAnimationFrame(async()=>{console.log(`%cMade in Profectus%c -Learn more at www.moddingtree.com`,"font-weight: bold; font-size: 24px; color: #A3BE8C; background: #2E3440; padding: 4px 8px; border-radius: 8px;","padding: 4px;"),await Zn();const{globalBus:e}=await gt(()=>Promise.resolve().then(function(){return jn}),void 0),{startGameLoop:t}=await gt(()=>import("./gameLoop.839c30ab.js"),["assets/gameLoop.839c30ab.js","assets/@fontsource.f66d05e7.css","assets/vue.f6263579.js","assets/earcut.b6f90e68.js","assets/@vue.4ce677c2.js","assets/nanoevents.1080beb7.js","assets/lz-string.f2f3b7cf.js","assets/vuedraggable.c3acdf62.js","assets/sortablejs.cbae5b2d.js","assets/vue-next-select.0dc4e443.js","assets/vue-next-select.9e6f4164.css","assets/vue-textarea-autosize.35804eaf.js","assets/semver.83ff78cf.js","assets/lru-cache.9a21e90b.js","assets/yallist.fd762fe7.js","assets/socket.io-client.79ce0df5.js","assets/engine.io-client.58517560.js","assets/engine.io-parser.3f360695.js","assets/@socket.io.aec831e2.js","assets/socket.io-parser.544e37d1.js","assets/vue-toastification.b7cd620e.js","assets/vue-toastification.4b5f8ac8.css","assets/@pixi.1eac1889.js","assets/ismobilejs.5c6954b9.js","assets/eventemitter3.dc5195d7.js","assets/url.e51cb87b.js","assets/querystring.23ae9a54.js","assets/workbox-window.8d14e8b7.js"]),a=window.vue=xa(sl);e.emit("setupVue",a),a.mount("#app"),qe(()=>{const n=na(),{updateServiceWorker:i}=ol({onNeedRefresh(){n.info("New content available, click here to update.",{timeout:!1,closeOnClick:!1,draggable:!1,icon:{iconClass:"material-icons",iconChildren:"refresh",iconTag:"i"},rtl:!1,onClick(){i()}})},onOfflineReady(){n.info("App ready to work offline")},onRegisterError:console.warn,onRegistered(s){s&&setInterval(()=>s.update(),60*60*1e3)}})}),t()});export{E as D,gt as _,Z as a,G as b,Ro as c,$ as g,$n as l,V as p,z as s}; +${I}`)}}return f[b]}fe(a,b=>{b&&Object.keys(f).forEach(I=>delete f[I])});const p=x(()=>z.saves.reduce((b,I)=>(b[I]=y(I),b),{}));function C(b){let I;switch(V.id===b?I=ga(V):I=JSON.stringify(p.value[b]),G.exportEncoding){default:console.warn(`Unknown save encoding: ${G.exportEncoding}. Defaulting to lz`);case"lz":I=Ie.compressToUTF16(I);break;case"base64":I=btoa(unescape(encodeURIComponent(I)));break;case"plain":break}const P=document.createElement("textarea");P.value=I,document.body.appendChild(P),P.select(),P.setSelectionRange(0,99999),document.execCommand("copy"),document.body.removeChild(P)}function N(b){V.id===b&&re();const I={...p.value[b],id:ct()};re(I),z.saves.push(I.id)}function _(b){z.saves=z.saves.filter(I=>I!==b),localStorage.removeItem(b),f[b]=void 0}function Q(b){p.value[V.id].time=V.time,re(),f[V.id]=void 0,Ve(p.value[b]),f[b]=void 0}function S(b){if(r.value=b,qe(()=>{r.value=null}),b[0]!=="{")if(b[0]==="e")b=decodeURIComponent(escape(atob(b)));else if(b[0]==="\u1BE1")b=Ie.decompressFromUTF16(b);else{console.warn("Unable to determine preset encoding",b);return}const I=JSON.parse(b);I.id=ct(),re(I),z.saves.push(I.id),Q(I.id)}function H(b,I){const P=p.value[b];P!=null&&(P.name=I,V.id===b?(V.name=I,re()):(re(P),f[b]=void 0))}return(b,I)=>(h(),O(Fe,{modelValue:a.value,"onUpdate:modelValue":I[4]||(I[4]=P=>a.value=P),ref_key:"modal",ref:n},{header:R(()=>[Vs]),body:R(({shown:P})=>[P?(h(),O(u(qa),{key:0,list:u(z).saves,handle:".handle",itemKey:te=>te},{item:R(({element:te})=>[o(Rs,{save:u(p)[te],onOpen:ge=>Q(te),onExport:ge=>C(te),onEditName:ge=>H(te,ge),onDuplicate:ge=>N(te),onDelete:ge=>_(te)},null,8,["save","onOpen","onExport","onEditName","onDuplicate","onDelete"])]),_:1},8,["list","itemKey"])):M("",!0)]),footer:R(()=>[c("div",Ps,[o(Ft,{modelValue:s.value,"onUpdate:modelValue":I[0]||(I[0]=P=>s.value=P),title:"Import Save",placeholder:"Paste your save here!",class:ae({importingFailed:i.value})},null,8,["modelValue","class"]),c("div",xs,[qs,c("div",zs,[c("button",{class:"button",onClick:I[1]||(I[1]=P=>Q(u(Le)().id))},"New Game"),Object.keys(u(g)).length>0?(h(),O(as,{key:0,options:u(g),modelValue:r.value,"onUpdate:modelValue":I[2]||(I[2]=P=>S(P)),closeOnSelect:"",placeholder:"Select preset",class:"presets"},null,8,["options","modelValue"])):M("",!0)])]),c("div",Fs,[Gs,c("button",{class:"button modal-default-button",onClick:I[3]||(I[3]=P=>a.value=!1)}," Close ")])])]),_:1},8,["modelValue"]))}});var Ea=K(Os,[["__scopeId","data-v-5b5b1604"]]);const de=e=>(Qe("data-v-269f7a94"),e=e(),Se(),e),Us=["src","alt"],Ls={key:1,class:"title"},Js=de(()=>c("div",{style:{"flex-grow":"1",cursor:"unset"}},null,-1)),Ys={class:"discord"},Ws={class:"discord-links"},Xs={key:0},Ks=["href"],js=de(()=>c("li",null,[c("a",{href:"https://discord.gg/WzejVAx",target:"_blank"},"The Paper Pilot Community")],-1)),Hs=de(()=>c("li",null,[c("a",{href:"https://discord.gg/F3xveHV",target:"_blank"},"The Modding Tree")],-1)),Zs={href:"https://forums.moddingtree.com/",target:"_blank"},$s=de(()=>c("span",{class:"material-icons"},"forum",-1)),er=de(()=>c("span",{class:"material-icons"},"info",-1)),tr=de(()=>c("span",{class:"material-icons"},"settings",-1)),ar=de(()=>c("span",{class:"material-icons"},"settings",-1)),nr=de(()=>c("span",{class:"material-icons"},"info",-1)),ir={href:"https://forums.moddingtree.com/",target:"_blank"},sr=de(()=>c("span",{class:"material-icons"},"forum",-1)),rr={class:"discord"},or={class:"discord-links"},lr={key:0},Ar=["href"],ur=de(()=>c("li",null,[c("a",{href:"https://discord.gg/WzejVAx",target:"_blank"},"The Paper Pilot Community")],-1)),cr=de(()=>c("li",null,[c("a",{href:"https://discord.gg/F3xveHV",target:"_blank"},"The Modding Tree")],-1)),dr=U({__name:"Nav",setup(e){const t=w(null),a=w(null),n=w(null),i=w(null),{useHeader:s,banner:r,title:l,discordName:g,discordLink:f,versionNumber:y}=G;function p(){window.open(f,"mywindow")}return(C,N)=>(h(),B(Y,null,[u(s)?(h(),B("div",tt({key:0,class:"nav"},C.$attrs),[u(r)?(h(),B("img",{key:0,src:u(r),class:"banner",alt:u(l)},null,8,Us)):(h(),B("div",Ls,F(u(l)),1)),c("div",{onClick:N[0]||(N[0]=_=>{var Q;return(Q=i.value)==null?void 0:Q.open()}),class:"version-container"},[o(j,{display:"Changelog",direction:u(W).Down,class:"version"},{default:R(()=>[c("span",null,"v"+F(u(y)),1)]),_:1},8,["direction"])]),Js,c("div",Ys,[c("span",{onClick:p,class:"material-icons"},"discord"),c("ul",Ws,[u(f)?(h(),B("li",Xs,[c("a",{href:u(f),target:"_blank"},F(u(g)),9,Ks)])):M("",!0),js,Hs])]),c("div",null,[c("a",Zs,[o(j,{display:"Forums",direction:u(W).Down,yoffset:"5px"},{default:R(()=>[$s]),_:1},8,["direction"])])]),c("div",{onClick:N[1]||(N[1]=_=>{var Q;return(Q=t.value)==null?void 0:Q.open()})},[o(j,{display:"Info",direction:u(W).Down,class:"info"},{default:R(()=>[er]),_:1},8,["direction"])]),c("div",{onClick:N[2]||(N[2]=_=>{var Q;return(Q=n.value)==null?void 0:Q.open()})},[o(j,{display:"Settings",direction:u(W).Down,xoffset:"-66px"},{default:R(()=>[tr]),_:1},8,["direction"])])],16)):(h(),B("div",tt({key:1,class:"overlay-nav"},C.$attrs),[c("div",{onClick:N[3]||(N[3]=_=>{var Q;return(Q=i.value)==null?void 0:Q.open()}),class:"version-container"},[o(j,{display:"Changelog",direction:u(W).Right,xoffset:"25%",class:"version"},{default:R(()=>[c("span",null,"v"+F(u(y)),1)]),_:1},8,["direction"])]),c("div",{onClick:N[4]||(N[4]=_=>{var Q;return(Q=n.value)==null?void 0:Q.open()})},[o(j,{display:"Settings",direction:u(W).Right},{default:R(()=>[ar]),_:1},8,["direction"])]),c("div",{onClick:N[5]||(N[5]=_=>{var Q;return(Q=t.value)==null?void 0:Q.open()})},[o(j,{display:"Info",direction:u(W).Right},{default:R(()=>[nr]),_:1},8,["direction"])]),c("div",null,[c("a",ir,[o(j,{display:"Forums",direction:u(W).Right,xoffset:"7px"},{default:R(()=>[sr]),_:1},8,["direction"])])]),c("div",rr,[c("span",{onClick:p,class:"material-icons"},"discord"),c("ul",or,[u(f)?(h(),B("li",lr,[c("a",{href:u(f),target:"_blank"},F(u(g)),9,Ar)])):M("",!0),ur,cr])])],16)),o(Hi,{ref_key:"info",ref:t,changelog:i.value},null,8,["changelog"]),o(Ea,{ref_key:"savesManager",ref:a},null,512),o($i,{ref_key:"options",ref:n},null,512),o(Ti,{ref_key:"changelog",ref:i},null,512)],64))}});var wa=K(dr,[["__scopeId","data-v-269f7a94"]]);const gr={class:"inner-tab"},mr=U({__name:"Game",setup(e){const t=ze(V,"tabs"),a=x(()=>Object.keys(ee)),n=G.useHeader;function i(s){const{display:r,minimized:l,name:g,color:f,minimizable:y,nodes:p,minimizedDisplay:C}=s;return{display:r,minimized:l,name:g,color:f,minimizable:y,nodes:p,minimizedDisplay:C}}return(s,r)=>(h(),B("div",{class:ae(["tabs-container",{useHeader:u(n)}])},[(h(!0),B(Y,null,Ta(u(t),(l,g)=>{var f,y;return h(),B("div",{key:g,class:ae(["tab",u((f=u(ee)[l])==null?void 0:f.classes)]),style:Xe(u((y=u(ee)[l])==null?void 0:y.style))},[g===0&&!u(n)?(h(),O(wa,{key:0})):M("",!0),c("div",gr,[u(a).includes(l)?(h(),O(Qi,tt({key:0},i(u(ee)[l]),{index:g,onSetMinimized:p=>u(ee)[l].minimized.value=p}),null,16,["index","onSetMinimized"])):(h(),O(ce(l),{key:1,index:g},null,8,["index"]))])],6)}),128))],2))}});var fr=K(mr,[["__scopeId","data-v-3e0f1aab"]]);const hr=U({__name:"Node",props:{id:null},setup(e){const a=be(e),n=Ut(qt,()=>{}),i=Ut(zt,()=>{}),s=ye(null),r=x(()=>s.value&&s.value.parentElement);return fe([r,a.id],([l,g],[f,y])=>{f&&i(u(y)),l&&n(g,l)}),Da(()=>i(u(a.id))),(l,g)=>(h(),B("div",{class:"node",ref_key:"node",ref:s},null,512))}});var vr=K(hr,[["__scopeId","data-v-a48cb382"]]),dt="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAAAXNSR0IArs4c6QAAAqhJREFUeJzt3LFqFFEYBeBdERGJCaKgESUWCsZCTG0dbSyCZTp9B0ufxMJu38EHsA5YCDaiKGihiCxYuhZp7x254e6O6/m+8me4M1k4/HCYzGQCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAkGg69gOs2mLxbbHM86fTS8XfdKz7MuzU2A8AYxIAogkA0QSAaAJAtNNjP8Cy1FqX+zceRt1XOzTMBiCaABBNAIgmAEQTAKKtfQvU2rrsb10tzu9t/i7O9y5sF+dHP74U5w92D4rzZ9evNJ1fU7tv7e/VDg2zAYgmAEQTAKIJANEEgGhr3wL10tr21Ly4dbvLObXrq63Rp69N53PMBiCaABBNAIgmAEQTAKLFtUCff30vzl9+LF//ZKdPO1TT2vb0ui/HbACiCQDRBIBoAkA0ASBaXAt07dzF4rzWDk0ml4vTXi1N6zneBerLBiCaABBNAIgmAEQTAKL9t9+G6fW9oFo79Hz3TnHe692e2vWHb46K89cfXhXnvv8zzAYgmgAQTQCIJgBEEwCixTUE69IOaXtWwwYgmgAQTQCIJgBEEwCixTUHGxubxfl8/n6Udujpu7fF+eOzZ4rz2c95ca4dOhkbgGgCQDQBIJoAEE0AiKYh+IvWd4da1dqb2vmHW+eLc+3QydgARBMAogkA0QSAaAJAtLivQ7eqtSW1dmjZHu3cLM5nlf8gY5gNQDQBIJoAEE0AiCYARPM+yIq0vlM0u7tXnPteUF82ANEEgGgCQDQBIJoAEE1DMLLWdkjb05cNQDQBIJoAEE0AiCYARNMc/KNq7ZC2py8bgGgCQDQBIJoAEE0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACDOH2CUp5gTyjFIAAAAAElFTkSuQmCC",pr="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAAAXNSR0IArs4c6QAAAs9JREFUeJzt3TGOGjEYhmGIUlGnyxm2oIhoU9CjnIWeggvlCKRFEaLYM6TLHUiRYptxIkvjtYfveUprNWshvbL2l4ddrQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4Dmte29gdI/H78ccz1mvP/msB/Sh9wagJwEQTQBEEwDRBEC0j703MIraac/Ly9emzzc1eh9OAKIJgGgCIJoAiCYAopkC/UfttGe321U95/X1x+T6XHeQSkyZ/nICEE0ARBMA0QRANAEQbbhJQK83sOa6C1SaAm02m8n1y+VS82urlaZMc1n6NMkJQDQBEE0ARBMA0QRAtG53geaautTepSlNLUrrc02lStOe8/k8x+OLau8ylcz1OY/GCUA0ARBNAEQTANEEQLTh3ggrTS1K05LR3rS6Xq+T66X93263lttZHQ6HWZ7TegrXixOAaAIgmgCIJgCiCYBow02BSkrTktrpUGu9pj21jsfj5Pp+v59cL02TaqdDo3ECEE0ARBMA0QRANAEQbbgpUGl6UDvVaf2m1el0mlwfbdrDvzkBiCYAogmAaAIgmgCI1u3tnNIbQ6Vpz3a7bbmdavf7fXJ9tH22VvocStM8b4TBQARANAEQTQBEEwDRmv9FXjvtWYq57iwtXe2bX6ZAMBABEE0ARBMA0QRAtOHuApGp13TICUA0ARBNAEQTANEEQLSh7mXwpjQl+/L52+TP//z1vel+atXu0xQIOhAA0QRANAEQTQBEG+7boVmW0rRnKZwARBMA0QRANAEQTQBEMwV6crV3cmp/vvY5o3ECEE0ARBMA0QRANAEQTQBEEwDRBEA0ARBNAEQTANHcBXoSre/8LOX7iGo5AYgmAKIJgGgCIJoAiObboQeV9j/UfDs0dCAAogmAaAIgmgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgHfyB6WcpxI0OM3TAAAAAElFTkSuQmCC",yr="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAAAXNSR0IArs4c6QAAAvxJREFUeJzt3TGKU0Ecx/GNWKWwEDsbL7BICklj4arYBvEQ1iJeIAcQLD2FpF/J9hIW2drCws7KC8TCwmZGGXjJm5ff51MOy9vHwpchfyazZ2cAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHCaZmO/QO/2+5/7IZ4zm93zt+7QrbFfAMYkAKIJgGgCIJoAiHZ77BfoReu05/z8yUGfb2p0HHYAogmAaAIgmgCIJgCimQL9R+u0Z7lcNj3n5uaquD7UGaQaU6Y/7ABEEwDRBEA0ARBNAETrbhIw1jewhjoLVJsCzefz4vp2u235tc1qU6ahTH2aZAcgmgCIJgCiCYBoAiDaaGeBWqcuj+6/LK5/+fGp6fm1qUVtfaipVG3as16vh3h8VetZpprWM0tTmQ7ZAYgmAKIJgGgCIJoAiDbaJ/Xa9KA27bncPiyuP7/4WlyvTYeG0jpdqU17drvdAG9zeJvNprjeetaot+mQHYBoAiCaAIgmAKIJgGiTuRfo2/vPxfXL7bPiem2aNJi75eWpTHvevntTXH/64qK4vlqtiuut9x31xg5ANAEQTQBEEwDRBEC07qZAtTM8tanOx7O26dBQHr+6Kq73Nu3h3+wARBMA0QRANAEQTQBEm8w3wl4/+H7Q92n14ded4vpisTjym4zr+vq6uF47C+QbYdARARBNAEQTANEEQLSDfyJvnfZMRe3M0lC3MU+Fe4FgwgRANAEQTQBEEwDRujsLRKaxpkN2AKIJgGgCIJoAiCYAonV1LoO/Ws9QHfp/orVqfU9TIBiBAIgmAKIJgGgCIFp3t0MzLVP/Zp8dgGgCIJoAiCYAogmAaKZAJ671TE7rz7c+pzd2AKIJgGgCIJoAiCYAogmAaAIgmgCIJgCiCYBoAiCas0An4tBnfqZyH1ErOwDRBEA0ARBNAEQTANHcDt2ptP+h5nZoGIEAiCYAogmAaAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI7kN5kzpEO/lLtEAAAAAElFTkSuQmCC",br="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAAAXNSR0IArs4c6QAAAwpJREFUeJzt3aFOHUEYBWBoqtB1fQAMCEQTZAWGVPVZEHgcT1NVX0loUMWAr+s7UNEmNfsn/cksO9zzfXJyMzvc5GTCyczevT0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANhN+1svYHZPT7+eRsyzv//Odz2hN1svALYkAEQTAKIJANEEgGhvt17ALLptz+npp1Xn1xq9DDsA0QSAaAJANAEgmgAQTdPwV9XSVG3P0dFRa/77+/vF8Zubr615RtEy/WEHIJoAEE0AiCYARBMAok3XBGx1A2vUWaCqHTo4OFgcv7297Ty2be2W6bW3SXYAogkA0QSAaAJANAEg2mY3wrqty/Hxx8XxHz++teavWotqfFQr1W17Li8vRzy2fXOtUrVJ3e95NnYAogkA0QSAaAJANAEg2nTvBaranqurq9bnu+3QKNXNr6rVub6+Xhy/u7sbsp6zs7Mh81Rt0mtvh+wARBMAogkA0QSAaAJAtOlaoErVinTboUrVGlXtR/eszqhWZ5SLi4vF8ao1Oj8/XxzvtkOzsQMQTQCIJgBEEwCiCQDRpmuBqjam2+pU7VCl2/bM1urwPHYAogkA0QSAaAJANAEg2ma3c6obQ1Xbc3JysuZy9h4fHxfHDw8PV33uw8PDJs8dpVp/dRbIjTCYiAAQTQCIJgBEEwCirf4febft2Ur3RtgoVVuy9nNH6d780gLBRASAaAJANAEgmgAQbbqzQPA/RrVJdgCiCQDRBIBoAkA0ASDaVOcy+KdqyT68/7z4+e8/v6y6nq5qnV3dv6vbDtkBiCYARBMAogkA0QSAaNO9HZrdMKqVWrv1sgMQTQCIJgBEEwCiCQDRtEA7rtuijGpdtjoL1GUHIJoAEE0AiCYARBMAommBeFGz3VyzAxBNAIgmAEQTAKIJANG0QDti7TM/u3pGyA5ANAEgmgAQTQCIJgBE83boSfkNtefxdmhoEACiCQDRBIBoAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAvJDfDeK+HrbwkBcAAAAASUVORK5CYII=",Cr="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAAAXNSR0IArs4c6QAAAyJJREFUeJzt3aFuFFEYBeCWoKoxBIOrqW1SgUAsCQXFUyARiH2GJlgc74CipisRzTZ1DUklAscrkEVAgpmb8Dcznbt7vk/+aWamm5zc7Mm9s3t7AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwm/bnfoDebTY/N2NcZ3//kc+6Qw/mfgCYkwAQTQCIJgBEEwCiPZz7AXpRbXtOTl5Pen2t0f2wAhBNAIgmAEQTAKIJANE0DX+1WppW23N0dFS6/s3NzeD88vJL6Tpj0TL9YQUgmgAQTQCIJgBEEwCiddcEzHUCa6y9QK126ODgYHC+Xq8rty2bumXa9jbJCkA0ASCaABBNAIgmAESb7URYtXU5fvJmcH7143Pp+q3WojUfq5Wqtj3L5XKM25ZPrrW02qTq59wbKwDRBIBoAkA0ASCaABBttm/qrfag1facXxwPzl+9uBqct9qhsVTblVarc3Z2NjhfLBblZ5rSarUanFf3GvXWDlkBiCYARBMAogkA0QSAaFvzduhvH78Ozs8vng3OW21SS6s1arU91b0619fXpb+f2vvlu8H54vnLwfnp6engvPX5zPW+oyorANEEgGgCQDQBIJoAEK27FqjVxrRanQ97tXaopdr29NbqcDdWAKIJANEEgGgCQDQBINrWnAh7+/T7pM/z6dfjwfnh4eGk9729vZ3lvmNpPX9rL5ATYdARASCaABBNAIgmAESb/Bt5te2ZS/VE2FhabcnU9x2L9wLBFhMAogkA0QSAaAJAtO72AsH/GKtNsgIQTQCIJgBEEwCiCQDRutqXwT/VPVRT/yZa1Vh7var/V7UdsgIQTQCIJgBEEwCiCQDRuns7NLthrFZq6tbLCkA0ASCaABBNAIgmAETTAu24aosyVusy116gKisA0QSAaAJANAEgmgAQTQvEvert5JoVgGgCQDQBIJoAEE0AiKYF2hFT7/nZ1T1CVgCiCQDRBIBoAkA0ASCat0N3ym+o3Y23Q0OBABBNAIgmAEQTAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgnvwGuO25ySoKWXMAAAAASUVORK5CYII=",Nr="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAAAXNSR0IArs4c6QAAAyJJREFUeJzt3bFqFUEYhuET9QKE2IiIdscbCKQQLIxFFAsLb8DGzkqIrZWNraDgPVglTVIqBNIL6bSw00uQWFjYzKAjs9k553uecoTdNfAy5Gd2s1gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMB62pj7AUZ3dvb9rMd1Njau+FkP6MLcDwBzEgDRBEA0ARBNAES7NPcDjKJ12rN17dGk1zc1Oh92AKIJgGgCIJoAiCYAopkC/UVt2nPxcdsUqHadk28fiuu9ziDVmDL9ZgcgmgCIJgCiCYBoAiDacJOAud7A6nUWqDYd+rF5q7i+uf+y5bbNjo/3J73+qk+T7ABEEwDRBEA0ARBNAESb7SxQr6lL61ma2tSitt5rKnX57avyP1wvL+/t7fW47WJ7+0GX69SmSa0/59HYAYgmAKIJgGgCIJoAiDbbb+q16UFt2nNwuFVcv3/vpLhemw710vpdoNrzP3zyqbi+s7PT/ExTOjo6Kq63njUabTpkByCaAIgmAKIJgGgCINrKfBfo85uPxfWDw9vF9dYpTW1q1DqVqqk9/1yDuOcvnhXX797ZLa7v7pbXa2eNpn4TrRc7ANEEQDQBEE0ARBMA0YabArVOY14v2qZDNa3TnvpUh1ViByCaAIgmAKIJgGgCINrKvBH29ObXSZ/n3Zcbs9z3/c+rxfXlcjnpfXs5PT0trtfOAnkjDAYiAKIJgGgCIJoAiDb5b+St0565tJ5Bmvq+vb7qPDXfBYIVJgCiCYBoAiCaAIg23Fkg+Be9pkl2AKIJgGgCIJoAiCYAog11LoM/Ws9QTf030Vr1OkPV+v9qnQ7ZAYgmAKIJgGgCIJoAiDbc16FZD72mUlNPvewARBMA0QRANAEQTQBEMwVac61TlF5Tl7nOArWyAxBNAEQTANEEQDQBEM0UiHM12ptrdgCiCYBoAiCaAIgmAKKZAq2Jqc/8rOsZITsA0QRANAEQTQBEEwDRfB16UP6G2v/xdWhoIACiCYBoAiCaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAc/ILto62yXKfIuMAAAAASUVORK5CYII=",Br="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAAAXNSR0IArs4c6QAAAvNJREFUeJzt3TGKFEEYBeAZ8QSykQYKYiwIHkA03cDQxMBkT+EVzATnDAYGGq7sAYw8gKCB2QZGpmNgYNKl/lC1XTPv+8Ji6C4GHsU8/u7ZbAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4Dht197A7Pb7y32P62y3J77rCV1bewOwJgEgmgAQTQCIJgBEu772BmZRbXse3no69Ppao6vhBCCaABBNAIgmAEQTAKJpgf6h1fb8fPa8y3U+fX+3uN5rBqlFy/SbE4BoAkA0ASCaABBNAIg2XROw1hNYvWaBWu3Qjxv3Ftdvvn5ZuW1Zq2Xq5dDbJCcA0QSAaAJANAEgmgAQbbVZoF6tS3WWptVatNZ7tVLVtuf84n6P25afXGvp9T3PxglANAEgmgAQTQCIJgBEW+2Xeqs9aLUWrVbkyaPPi+ujZ2Cq7Up1/7vTy/KeRjp7f7K4Xv2eZ2uHnABEEwCiCQDRBIBoAkC0g3kv0JdXHxfXzy8eL65XW5pWm1FtpVpa+99sltuV0e6++bC4/uDF8pNrb0+Xr1Od0ZqNE4BoAkA0ASCaABBNAIg2XQtUbWN2m1o71FJte9qtDofECUA0ASCaABBNAIgmAEQ7mCfCzu58G7qf3dfbUfftpbX/VpvniTCYiAAQTQCIJgBEEwCiDf9FXm171lKdQTr0+/bivUBwwASAaAJANAEgmgAQbbpZIPgfvdokJwDRBIBoAkA0ASCaABBtqrkM/qjOUM32NubR/1DfUm2HnABEEwCiCQDRBIBoAkC06d4OzXHo1UqNbr2cAEQTAKIJANEEgGgCQDQt0JGrtiijW5fqjNDoGScnANEEgGgCQDQBIJoAEE0LxJWqtjpmgWAgASCaABBNAIgmAETTAh2J0TM/vT5fZRYIBhIAogkA0QSAaAJANG+HnpT/UPs7/xEGHQgA0QSAaAJANAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAK7ILzj6vECOPLAcAAAAAElFTkSuQmCC";const Ot=e=>(Qe("data-v-709656a6"),e=e(),Se(),e),Er=["ondragstart","ondragend","ondragenter","ondragleave","ondragover","ondrop"],wr={key:0,class:"move-indicator"},Ir=Ot(()=>c("span",{class:"material-icons"},"straight",-1)),_r=[Ir],Qr={key:1,class:"move-indicator"},Sr=Ot(()=>c("span",{class:"material-icons"},"merge",-1)),Mr=[Sr],kr={key:2,class:"character-display"},Tr=["src"],Dr={key:3,class:"relevancy-display"},Rr=["src"],Vr={key:4,class:"presence-display"},Pr=Ot(()=>c("span",{class:"material-icons"}," extension ",-1)),xr={key:5,class:"level-display"},qr=["src"],zr=["src"],Fr=["src"],Gr=["src"],Or=["src"],Ur=["src"],Lr={key:6,class:"frozen"};var Jr=U({__name:"CharacterSlot",props:{id:null,character:null,isSelected:{type:Boolean},isShop:{type:Boolean},isDragging:{type:Boolean},selected:null,shake:{type:Boolean},frozen:{type:Boolean}},emits:["dragstart","dragend","drop"],setup(e,{emit:t}){const a=e,n=w(!1),i=w(!1);fe(n,r=>{t(r?"dragstart":"dragend")});const s=ye("");return St(()=>{if(a.character==null||a.selected!=null||n.value){s.value="";return}const r=Ne(X[a.character.type].abilityDescription(a.character));s.value=J(()=>o(Y,null,[o("b",null,[X[a.character.type].nickname]),o("br",null,null),o(r,null,null)]))}),(r,l)=>(h(),O(j,{display:u(s),direction:u(W).Up},{default:R(()=>{var g,f,y;return[c("div",{class:ae(["character",{selected:e.isSelected,empty:e.character==null&&e.selected==null,dragging:n.value,isDragging:e.isDragging,draggingOver:i.value,shake:e.shake}]),draggable:"true",ondragstart:()=>n.value=!0,ondragend:()=>n.value=!1,ondragenter:()=>i.value=!0,ondragleave:()=>i.value=!1,ondragover:p=>{var C;e.selected!=null&&!e.isShop&&(((C=e.character)==null?void 0:C.type)!==e.selected.type||e.isSelected)&&p.preventDefault(),e.character!=null&&e.selected!=null&&!e.isSelected&&e.character.type===e.selected.type&&e.character.exp<6&&p.preventDefault()},ondrop:()=>{i.value=!1,t("drop")}},[e.selected!=null&&!e.isShop&&(((g=e.character)==null?void 0:g.type)!==e.selected.type||e.isSelected)&&n.value===!1?(h(),B("span",wr,_r)):M("",!0),e.character!=null&&e.selected!=null&&!e.isSelected&&e.character.type===e.selected.type&&e.character.exp<6?(h(),B("span",Qr,Mr)):M("",!0),e.character!=null?(h(),B("span",kr,[c("img",{src:u(X)[e.character.type].display},null,8,Tr)])):M("",!0),e.character!=null?(h(),B("span",Dr,[c("img",{src:u(dt)},null,8,Rr),c("span",null,F((f=e.character)==null?void 0:f.relevancy),1)])):M("",!0),e.character!=null?(h(),B("span",Vr,[Pr,c("span",null,F((y=e.character)==null?void 0:y.presence),1)])):M("",!0),e.character!=null?(h(),B("span",xr,[e.character.exp===1?(h(),B("img",{key:0,src:u(pr)},null,8,qr)):M("",!0),e.character.exp===2?(h(),B("img",{key:1,src:u(yr)},null,8,zr)):M("",!0),e.character.exp===3?(h(),B("img",{key:2,src:u(br)},null,8,Fr)):M("",!0),e.character.exp===4?(h(),B("img",{key:3,src:u(Cr)},null,8,Gr)):M("",!0),e.character.exp===5?(h(),B("img",{key:4,src:u(Nr)},null,8,Or)):M("",!0),e.character.exp===6?(h(),B("img",{key:5,src:u(Br)},null,8,Ur)):M("",!0)])):M("",!0),e.frozen?(h(),B("div",Lr)):M("",!0),e.id?(h(),O(vr,{key:7,id:e.id},null,8,["id"])):M("",!0)],10,Er)]}),_:1},8,["display","direction"]))}});var we=K(Jr,[["__scopeId","data-v-709656a6"]]);const Yr={min:.25,max:.5},Wr=[{s:0,cp:.329,e:.548},{s:.548,cp:.767,e:.876},{s:.876,cp:.985,e:1}],Xr=.01,Kr=.1,jr=100,Hr=!0,Zr={x:0,y:0},$r=!1,eo=[{type:"alpha",config:{alpha:{list:[{time:0,value:.74},{time:1,value:0}]}}},{type:"moveSpeed",config:{speed:{list:[{time:0,value:100},{time:1,value:0}]},minMult:1}},{type:"scale",config:{scale:{list:[{time:0,value:2},{time:1,value:.5}]},minMult:1}},{type:"color",config:{color:{list:[{time:0,value:"#FFC000"},{time:1,value:"#FFDF00"}]}}},{type:"rotation",config:{accel:0,minSpeed:0,maxSpeed:200,minStart:0,maxStart:360}},{type:"textureRandom",config:{textures:["particle.png"]}},{type:"spawnShape",config:{type:"torus",data:{radius:100,x:0,y:0}}}];var to={lifetime:Yr,ease:Wr,frequency:Xr,emitterLifetime:Kr,maxParticles:jr,addAtBack:Hr,pos:Zr,emit:$r,behaviors:eo};const it=w(!1),_t=w(""),Zt=na(),Ue=w(),We=w("");function me(e,...t){var a;!it.value||(a=Ue.value)==null||a.emit(e,...t)}$.on("loadSettings",e=>{et(e,"server","https://Super-Auto-Coots.thepaperpilot.repl.co"),fe(()=>e.server,t=>{Ue.value&&Ue.value.close(),Ue.value=Oa(t),ao(Ue.value),it.value=!1,We.value="",Ue.value.connect()},{immediate:!0}),ai(J(()=>o(Y,null,[o(Ft,{title:"Server URL","onUpdate:modelValue":t=>e.server=t,modelValue:e.server},null),o("div",{style:"font-style: italic; font-size: small; margin-top: -10px;"},[it.value?o("span",null,[v("Connected!")]):We.value?o("span",{style:"color: red"},[We.value]):o("span",null,[v("Connecting...")])])])))});function ve(e){var n;const t=m.particles.boundingRect.value;if(!t)return;const a=(n=m.nodes.value[e])==null?void 0:n.rect;a&&m.particles.addEmitter(to).then(i=>{i.updateOwnerPos(a.x+a.width/2-t.x,a.y+a.height/2-t.y),i.playOnceAndDestroy()})}function ao(e){e.on("connect",()=>{We.value="",it.value=!0,m.reset.reset()}),e.on("connect_error",t=>{We.value=`${t.name}: ${t.message}`}),e.on("disconnect",(t,a)=>{var n;We.value=a instanceof Error?`${a.name}: ${a.message}`:(n=a==null?void 0:a.description)!=null?n:t,it.value=!1}),e.on("server version",t=>{Ga(G.versionNumber,t)||(Zt.info("Server only accepts game versions in range: "+t),e.disconnect())}),e.on("info",t=>{Zt.info(t),t==="Failed to start streaming"&&(m.findingMatch.value=!1)}),e.on("nickname",t=>{_t.value=t}),e.on("newTurn",t=>{m.gold.value=10,m.turn.value++,m.battle.value=null,m.shop.value=t.map(a=>({type:a,relevancy:X[a].initialRelevancy,presence:X[a].initialPresence,exp:1})),m.frozen.value=m.frozen.value.map((a,n)=>n),setTimeout(()=>{t.forEach((a,n)=>ve(`shop-char-${n}`))},0),m.showRefreshAnim.value=!0,setTimeout(()=>m.showRefreshAnim.value=!1,500)}),e.on("reroll",t=>{m.gold.value--,m.shop.value=t.map(a=>({type:a,relevancy:X[a].initialRelevancy,presence:X[a].initialPresence,exp:1})),m.frozen.value=m.frozen.value.map((a,n)=>n),setTimeout(()=>{t.forEach((a,n)=>ve(`shop-char-${n}`))},0),m.showRefreshAnim.value=!0,setTimeout(()=>m.showRefreshAnim.value=!1,500)}),e.on("buy",(t,a,n)=>{m.team.value[a]=n,m.shop.value[t]=null,m.gold.value-=3,ve(`shop-char-${t}`),ve(`team-char-${a}`),m.frozen.value.includes(t)&&(m.frozen.value=m.frozen.value.filter(i=>i!==t))}),e.on("move",(t,a)=>{const n=m.team.value[t];m.team.value[t]=m.team.value[a],m.team.value[a]=n,ve(`team-char-${t}`),ve(`team-char-${a}`)}),e.on("merge",(t,a,n)=>{var l,g;const i=(g=(l=m.team.value[a])==null?void 0:l.exp)!=null?g:0,s=i>=6?3:i>=3?2:1,r=n.exp>=6?3:n.exp>=3?2:1;m.team.value[t]=null,m.team.value[a]=n,ve(`team-char-${t}`),ve(`team-char-${a}`),X[n.type].abilityType==="LevelUp"&&s!==r&&setTimeout(()=>X[n.type].performAbility(n),1250)}),e.on("stream",(t,a)=>{let n=!1;m.team.value.forEach(i=>{i!=null&&X[i.type].abilityType==="StreamStarted"&&(n=!0,X[i.type].performAbility(i))}),n?setTimeout(()=>$t(t,a)):$t(t,a)}),e.on("sell",t=>{const a=m.team.value[t];let n;a.exp>=6?n=3:a.exp>=3?n=2:n=1,m.gold.value+=n,m.team.value[t]=null,ve(`team-char-${t}`),X[a.type].abilityType==="Sold"&&setTimeout(()=>X[a.type].performAbility(a),500)}),e.on("freeze",t=>{m.frozen.value.includes(t)?m.frozen.value=m.frozen.value.filter(a=>a!==t):m.frozen.value.push(t)})}function $t(e,t){m.findingMatch.value=!1,m.battle.value={team:JSON.parse(JSON.stringify(m.team.value.filter(a=>a!=null))),streamers:[],enemyTeam:e.team,enemyStreamers:[],enemyNickname:e.nickname,enemyLives:e.lives,enemyWins:e.wins,enemyTurn:e.turn,ranLivestreamEnded:!1},m.outcome.value=t,m.showingOutcome.value=!1,m.playClicked.value=!1,setTimeout(m.prepareMove,1e3)}var no="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAAAXNSR0IArs4c6QAABT5JREFUeJzt3UGrVVUYBuBj2ERSikSKRmXixDBoEl6kBpVSEBUGgRbUyF9QTYQLd6KDaBoNykqhSKpJoBBBmNakgeRErGahiUGkOAps4nB9t1btc8/Z532e4Xf3XXt55WWxP9ZeezIBAAAAAAAAAAAAAAAAYBzWzXoC8+7mzas3Zz2H/2Pdus3+j1dx26wnALMkAEQTAKIJANEEgGjrZz2Btdbb1Vna9Mq0prImev+9aV0jKwDRBIBoAkA0ASCaABBtYbtAVfejt6tz5sqJQeYzK0ub9nVdX/3dFrU7ZAUgmgAQTQCIJgBEEwCijebJfqg9PGPv6kzb0pZ21+jMnx8262PvDlkBiCYARBMAogkA0QSAaHO3F2ioPTxDuX7hXLN+x/adazyT1Y1lnvPGCkA0ASCaABBNAIgmAESb2T6O3m7PqdOHmvWqy1Htaan0jj8WVXdoz+6VZn1R9/xUrABEEwCiCQDRBIBoAkC0udsLVOntxlRvflXdod7xv3nq8Wb9pR/ON+uXfr/aNX6ve+/e3Kx//MiO4jfa16exAhBNAIgmAEQTAKIJANFG0wXqVXV7jr79dLN+8fh7zfq2/a816499/W2zvrL1/n8xu+GtbL6rWa/mefSDd5v1ai/Wop4abQUgmgAQTQCIJgBEEwCiLewbYZXy9OPOU6NvfPZps77hhRe7xqn89f3ZZn39o7u6xqnm+eTBT5p1b4RBEAEgmgAQTQCIJgBEm7sn+3k7L2js3xRL++ZXLysA0QSAaAJANAEgmgAQbWHfCKtORa5cPvJ8s151Ub784mDX+HfueqLr+sofZ79q1p957p1mXbdndVYAogkA0QSAaAJANAEg2sJ2gapvYP3y8oPN+oZinKo7NFRXp1d138tHfmvW08756WUFIJoAEE0AiCYARBMAoi1sF2jatr5/vFn/+dX9Ux2/V7nHSXdoMplYAQgnAEQTAKIJANEEgGhz92Tfey5QZeOvy13Xn3vzWLO+YcdDXePMyo3zPzbr1fy3HWifm3TtvuVmfVHfLLMCEE0AiCYARBMAogkA0ewFumXn4QPNetUdqq6vXDzWPqeo6sb0jtM7/8mkfd+0vUNWAKIJANEEgGgCQDQBIJou0D+Ydnfo5IVtXddvnfSdel3p7koV9bF3h6wARBMAogkA0QSAaAJAtIXtAg2196Zy6a3DzXp1nk91372Ti1333bZ9mPn3Onn7jmZ9aY3nMTQrANEEgGgCQDQBIJoAEG3uukDVXpGhzguqukOVoU57Hkpvd+uBj35q1i8faZ8XVHV7FpUVgGgCQDQBIJoAEE0AiDZ3XaDKUN2h889u7rrv3qK7Mu29RtN2zxuft38wZ12vabMCEE0AiCYARBMAogkA0UbTBarMqjs0q27PUPetvvm1tGnfIOPM2/k/FSsA0QSAaAJANAEgmgAQbRRP6v/FUG+QjV1vl6b6u1XG0u2pWAGIJgBEEwCiCQDRBIBoo98LNJQzV050Xb+0pb1npuq6lOMUXalTpw91jbNn90rX9ZWxd3V6WQGIJgBEEwCiCQDRBIBoAkA0ASCaABBNAIgmAEQTAKLZC3TL9Qvt056/e/j1Zn25GKfa29O7R6gy1HyqN7/sBYIgAkA0ASCaABBNAIi2sE/8vecCLV+7NtX5LG/c2Hf9jOYz9tOee1kBiCYARBMAogkA0QSAaAv5ZL+aWZ0aPdR5QUNJ6/ZUrABEEwCiCQDRBIBoAkC0qCf+1fR+G6tXb3dl3uazqKwARBMAogkA0QSAaAIAAAAAAAAAAADA6P0N+l5GUGAc/VMAAAAASUVORK5CYII=",io="data:image/png;base64,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",so="data:image/png;base64,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",ro="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAAAXNSR0IArs4c6QAABV5JREFUeJzt3c+LVlUcBvAxjKBNG7Ef0oCIZEQ/XIwQtYgwWmhl5J8grRSCIoJqFUEIQaAFUhG0NsrKIJJoE0JuKgokCaHQSty0CSLBFrY839Ez3Xfue+f5fJaH8b7HGR4O78M55y4sAAAAAAAAAAAAAAAAADAN68aewLy7fPni5bHn8H+sW7fB33gZ1409ARiTABBNAIgmAEQTAKKtH3sCq6231Vna9OSsprIqev+/aa2RFYBoAkA0ASCaABBNAIi2Zlugqv3obXVO/fz5IPMZy9KmR7t+vvq9rdV2yApANAEgmgAQTQCIJgBEm/w3+962Z+qtzqwtbWm3RqfOfdgcn3o7ZAUgmgAQTQCIJgBEEwCirdm9QEO5cPZMc3zj5q2rPJPlTWWe88YKQDQBIJoAEE0AiCYARJv0Po7l9O4ROn7icHN86i1K1Q7t2rl/kOdPfY+QFYBoAkA0ASCaABBNAIg2+b1AQ73D6+PXDjbHXzj2aXP84u+/DfGxpQ233Nocf+2J3c3xfUfebo73tlgHX9/X9fNVqzaV+4WsAEQTAKIJANEEgGgCQLTJtEBDvdvrjUMHmuMPPL6nOX7upwd7PnYwB+68ozm+79332v/g0qXm8NeftVus6vfwzIFDzfHedmgqrABEEwCiCQDRBIBoAkC0udqXsbAw4Lu9ipNK1XOOHXmuOX7bzke6PvfP779rjt90z71dz6mcP/FFc7x3ntUt0FXb8/yz7zTHnQiDCRMAogkA0QSAaAJAtNG+qfe2PSdP/931/Pu33dA/qYapv1Ost+2paIFgDRIAogkA0QSAaAJAtJmfCBuq7Tl7tH1PTuXk6fa9PVU7VLUiVYvywdFXmuOL23dcw+yubvfdfS3NH3/92hzX9izPCkA0ASCaABBNAIgmAESb+Tf4sVqgzXv7WqDKw9sea47/+Mu3Xc/pddfifV0//+XpTwb53LXa9lSsAEQTAKIJANEEgGgCQLS5a4F6T2Bd+ueh5vj5H9rv/HrzpW+6nj91VTuU1vZUrABEEwCiCQDRBIBoAkC0mZ8Iq1qFuh1qn8Cq2qH113/VHF/cXs1onBbo1Y+ONsdf3LN3pp978423N8d73/BemXprZAUgmgAQTQCIJgBEEwCijfam+KHaoep+nrFUbU91om2odqja81O1QL3tUKX6e02lHbICEE0AiCYARBMAogkA0UZrgXpPilW3HD+19+Wuz63aj1699/bMm7fef3qQ5/TuKZq3dsgKQDQBIJoAEE0AiCYARButBRrKUO/Aqtqh3ran2sMz1omw6t1hXGEFIJoAEE0AiCYARBMAos3VvoyFheH2CM267RlL9W6yqu2pboHuPflVmfot01YAogkA0QSAaAJANAEg2tztBeq/L2iYNmPe9LY9var2ptdU2p6KFYBoAkA0ASCaABBNAIg2dy1QZah2qLoPZ3H7jpVObSaWtrRvwz5+4nBzfNfO/V3Pn3p7MxQrANEEgGgCQDQBIJoAEG3NNgG97VD1JvpeVXvTq2p7elXt0NRPcg3FCkA0ASCaABBNAIgmAESbzF6geVO1PUOdtKraqqHaIa6wAhBNAIgmAEQTAKIJANG0QCtU7R1a2tTXDg110k07tDJWAKIJANEEgGgCQDQBINqabYH625W+e3g2bt660qld43y0PavBCkA0ASCaABBNAIgmAERbsy3QrF04e6Y5XrU05X1ExR6hod7w7v6f5VkBiCYARBMAogkA0QSAaJqA/8z6TfRDtTHVPCvanuVZAYgmAEQTAKIJANEEgGgagqvobV0q2pj5ZAUgmgAQTQCIJgBEEwAAAAAAAAAAAAAm71+GfXJS6hdsVQAAAABJRU5ErkJggg==",oo="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAAAXNSR0IArs4c6QAABHZJREFUeJzt3TFrJVUYx+Eb2UqWoBgESxHZRtjCRjYsWqgL2ogoCIKF1X4Jq3wAW7GQVRAURWwsBBHEzWJjIdiIH0BYVhARKyEWSXne6KuTe2fm/zzlIQ6TlR+HvJyZ2WwAAAAAAAAAAAAAAAAAWIa9Xd/A3J2c3DvZ9T38H3t7B/4fn+O+Xd8A7JIAiCYAogmAaAIg2qVd38C2dac6h/tvXNStbEX3902bGtkBiCYAogmAaAIgmgCIttopUDX96E51ju9+Osn97Mrh/iutn6/+3dY6HbIDEE0ARBMA0QRANAEQbTF/2U91hmfpU52LdvjweGp0/PsHw/WlT4fsAEQTANEEQDQBEE0ARJvdWaCpzvBM5Y+ffhiuX75ydct3cr6l3Ofc2AGIJgCiCYBoAiCaAIi2s3Mc3WnPl9++NVyvphzVmZZK9/pLUU2Hblw/Gq6v9cxPxQ5ANAEQTQBEEwDRBEC02Z0FqnSnMdWTX9V0qHv9b55/Zrj+2vc/Dtd/+fVe6/pdjzx0MFz/6Mkniv9i/PNp7ABEEwDRBEA0ARBNAERbzBSoq5r23Hr7heH6zx++N1x//PU3h+tPf317uH702KP/4u6md3Tw4HC9us9b7787XK/OYq31rdF2AKIJgGgCIJoAiCYAoq32ibBK+fbj5luj//zsk+H6/S+/2rpO5a/v7gzXLz11rXWd6j6fu/nxcN0TYRBEAEQTANEEQDQBEG12f9nP7X1BS/+mWNo3v7rsAEQTANEEQDQBEE0ARFvtE2HVW5Er1VTkcH88Rfni85ut6z9w7dnWz1d+u/PVcP3Fl94Zrpv2nM8OQDQBEE0ARBMA0QRAtNVOgbqqs0ZzOwtUTZOO747XqynWWt/z02UHIJoAiCYAogmAaAIgminQmerJsq6p3jtUqc44VU/Ald9KMx3abDZ2AMIJgGgCIJoAiCYAoq12CnTj+tFwfW5vme6a6vcyHTplByCaAIgmAKIJgGgCINpqp0Cc6p4dSmMHIJoAiCYAogmAaAIgminQwpRneIqzSVM96bZWdgCiCYBoAiCaAIgmAKKtdgpUTT+6T1SxbnYAogmAaAIgmgCIJgCiLeadLtV7aapve3WnOtV0qDK3b4dVT361f6+wL8vbAYgmAKIJgGgCIJoAiLaYs0DVFKI7HarMbapTqaY9XWnTnoodgGgCIJoAiCYAogmAaIuZAlUuejrUNdWUpqs682Pacz47ANEEQDQBEE0ARBMA0RY/BZqb7hNY7JYdgGgCIJoAiCYAogmAaKZA/1H1Ta7q7E15nR2914hTdgCiCYBoAiCaAIgmAKIJgGgCIJoAiCYAogmAaAIgmrNAZ6r3+Vy+cnXLd8I22QGIJgCiCYBoAiCaAIhmCvQPqulQ9cRW9YRX90mxru79VG/PTntrtB2AaAIgmgCIJgCiCYBoUX/xbzYX/+2w7je55nY/aewARBMA0QRANAEQTQBEMwk4U01juqaarsztftbKDkA0ARBNAEQTANEEAAAAAAAAAAAAwOL9DQsGFzoD+UY/AAAAAElFTkSuQmCC",lo="data:image/png;base64,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",Ao="data:image/png;base64,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",uo="data:image/png;base64,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",co="./assets/start stream.dd66a6ec.png";const go=Symbol("Reset");function mo(e){return xt(()=>{const t=e();return t.id=da("reset-"),t.type=go,t.reset=function(){var i;const a=s=>{if(s!=null&&typeof s=="object")if(Ke in s){const r=s;r.value=r[Ke]}else!(s instanceof E)&&!Ce(s)&&Object.values(s).forEach(r=>a(r))},n=u(t.thingsToReset);Bt(n)?n.forEach(a):a(n),$.emit("reset",t),(i=t.onReset)==null||i.call(t)},pe(t,"thingsToReset"),t})}const At={};$.on("removeLayer",e=>{var t;(t=At[e.id])==null||t.call(At),At[e.id]=void 0});ia.registerPlugin(La);Ja.registerPlugin("batch",Ya);var fo=U({props:{style:ne(String,Object,Array),classes:ne(Object),onInit:{type:Function,required:!0},id:{type:String,required:!0},onContainerResized:Function,onHotReload:Function},setup(e){const t=ye(null),a=new ResizeObserver(s),n=ye(null);Mt(()=>{var l,g;const r=n.value;r!=null&&(a.observe(r),t.value=new ia({resizeTo:r,backgroundAlpha:0}),(l=n.value)==null||l.appendChild(t.value.view),(g=e.onInit)==null||g.call(e,t.value)),s(),e.onHotReload&&qe(e.onHotReload)}),Ra(()=>{var r;(r=t.value)==null||r.destroy()});let i=!0;function s(){i&&(i=!1,qe(()=>{var r;n.value!=null&&((r=e.onContainerResized)==null||r.call(e,n.value.getBoundingClientRect())),i=!0}))}return $.on("fontsLoaded",s),{unref:u,resizeListener:n}}});function ho(e,t,a,n,i,s){return h(),B("div",{ref:"resizeListener",class:ae(["resize-listener",e.unref(e.classes)]),style:Xe(e.unref(e.style))},null,6)}var vo=K(fo,[["render",ho],["__scopeId","data-v-0b99a6fc"]]);const po=Symbol("Particles");function yo(e){return xt(()=>{var i,s;const t=(i=e==null?void 0:e())!=null?i:{};t.id=da("particles-"),t.type=po,t[Rt]=vo,t.app=ye(null),t.addEmitter=r=>{const l=t;return l.app.value?Promise.resolve(new Lt(l.app.value.stage,r)):new Promise(g=>{a.push({resolve:g,config:r})})};let a=[];function n(r){const l=t;l.app.value=r,a.forEach(({resolve:g,config:f})=>g(new Lt(r.stage,f))),a=[]}return t.onContainerResized=(s=t.onContainerResized)==null?void 0:s.bind(t),t[Vt]=function(){const{id:r,style:l,classes:g,onContainerResized:f,onHotReload:y}=this;return{id:r,style:u(l),classes:g,onContainerResized:f,onHotReload:y,onInit:n}},t})}window.upgradeConfig=Wa;const bo={min:1.5,max:2.5},Co=[{s:0,cp:.329,e:.548},{s:.548,cp:.767,e:.876},{s:.876,cp:.985,e:1}],No=.001,Bo=.1,Eo=100,wo=!0,Io={x:0,y:0},_o=!1,Qo=[{type:"alpha",config:{alpha:{list:[{time:0,value:.74},{time:1,value:0}]}}},{type:"moveAcceleration",config:{accel:{x:0,y:2e3},minStart:600,maxStart:600,rotate:!0}},{type:"scale",config:{scale:{list:[{time:0,value:.5},{time:1,value:.25}]},minMult:1}},{type:"color",config:{color:{list:[{time:0,value:"#962121"},{time:.5,value:"#214a96"},{time:1,value:"#4c2196"}]}}},{type:"rotation",config:{accel:0,minSpeed:0,maxSpeed:200,minStart:0,maxStart:360}},{type:"textureRandom",config:{textures:["particle.png"]}},{type:"spawnShape",config:{type:"torus",data:{radius:100,x:0,y:0}}}];var So={lifetime:bo,ease:Co,frequency:No,emitterLifetime:Bo,maxParticles:Eo,addAtBack:wo,pos:Io,emit:_o,behaviors:Qo},Mo="data:image/png;base64,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",ko="./assets/shop.3860773a.gif";function De(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!Va(e)}const X={coots:{nickname:"Coots",initialRelevancy:3,initialPresence:1,display:oo,abilityType:"LivestreamJoined",abilityDescription:e=>J(()=>o(Y,null,[o("i",null,[v("Livestream joined")]),v(": Deal "),e.exp>=6?6:e.exp>=3?4:2," ",v("relevancy damage to every character on a stream")])),performAbility(e){if(m.battle.value==null)return;const t=e.exp>=6?6:e.exp>=3?4:2;m.battle.value.streamers.forEach(a=>a.relevancy-=t),m.battle.value.enemyStreamers.forEach(a=>a.relevancy-=t)}},ludwig:{nickname:"Ludwig Coots",initialRelevancy:2,initialPresence:1,display:no,abilityType:"LivestreamJoined",abilityDescription:e=>J(()=>o(Y,null,[o("i",null,[v("Livestream joined")]),v(": Gain "),e.exp>=6?3:e.exp>=3?2:1," ",v("presence for every character on a stream")])),performAbility(e){if(m.battle.value==null)return;const t=e.exp>=6?3:e.exp>=3?2:1;m.battle.value.streamers.includes(e)?e.presence+=t*m.battle.value.streamers.length:e.presence+=t*m.battle.value.enemyStreamers.length}},qt:{nickname:"Qt Coots",initialRelevancy:1,initialPresence:2,display:lo,abilityType:"Sold",abilityDescription:e=>J(()=>o(Y,null,[o("i",null,[v("Sold")]),v(": Gain "),e.exp>=6?3:e.exp>=3?2:1,v(" mogul"),e.exp>=3?"s":""])),performAbility(e){const t=e.exp>=6?3:e.exp>=3?2:1;m.gold.value+=t}},maid:{nickname:"Maid Coots",initialRelevancy:2,initialPresence:2,display:io,abilityType:"LevelUp",abilityDescription:e=>J(()=>o(Y,null,[o("i",null,[v("Level up")]),v(": Every character gains "),e.exp>=3?2:1,v(" relevancy and presence")])),performAbility(e){const t=e.exp>=6?2:1;m.team.value.forEach(a=>{a&&(a.relevancy+=t,a.presence+=t)})}},mail:{nickname:"Mogul Mail Coots",initialRelevancy:1,initialPresence:1,display:so,abilityType:"LivestreamJoined",abilityDescription:e=>J(()=>o(Y,null,[o("i",null,[v("Livestream joined")]),v(": Summon a lv")," ",e.exp>=6?3:e.exp>=3?2:1,v(" Ludwig Coots with this character's stats.")])),performAbility(e){if(m.battle.value==null)return;const t=e.exp>=6?3:e.exp>=3?2:1,a={type:"ludwig",exp:t===3?6:t===2?3:1,presence:e.presence,relevancy:e.relevancy};m.queue.value.push({action:"LivestreamJoined",target:a}),m.battle.value.streamers.includes(e)?m.battle.value.streamers.push(a):m.battle.value.enemyStreamers.push(a)}},stanz:{nickname:"Stanz Coots",initialRelevancy:1,initialPresence:1,display:Ao,abilityType:"LivestreamEnded",abilityDescription:e=>J(()=>o(Y,null,[o("i",null,[v("Livestream ended")]),v(": Gain "),e.exp>=6?3:e.exp>=3?2:1," ",v("relevancy for every character on either livestream with more relevancy.")])),performAbility(e){if(m.battle.value==null)return;const t=e.exp>=6?3:e.exp>=3?2:1;e.relevancy+=t*(m.battle.value.streamers.filter(a=>a.relevancya.relevancyJ(()=>o(Y,null,[o("i",null,[v("Stream started")]),v(": Permanently gain")," ",e.exp>=6?3:e.exp>=3?2:1,v(" presence if you have 2 or more moguls.")])),performAbility(e){if(m.gold.value>=2){const t=e.exp>=6?3:e.exp>=3?2:1;e.presence+=t}}},vespa:{nickname:"Vespa Coots",initialRelevancy:1,initialPresence:1,display:uo,abilityType:"LivestreamJoined",abilityDescription:()=>J(()=>o(Y,null,[o("i",null,[v("Livestream joined")]),v(": Set the character that most recently joined the enemy livestream's presence to 0. This effect does not improve on level up.")])),performAbility(e){m.battle.value!=null&&(m.battle.value.streamers.includes(e)?m.battle.value.enemyStreamers.length>0&&(m.battle.value.enemyStreamers[m.battle.value.enemyStreamers.length-1].presence=0):m.battle.value.streamers.length>0&&(m.battle.value.streamers[m.battle.value.streamers.length-1].presence=0))}}},m=ba("main",function(){const e=w(3),t=w(0),a=w(0),n=w(0),i=w([null,null,null]),s=w([]),r=w(null),l=w(null),g=w(!1),f=w(""),y=w(!1),p=w(!1),C=w(!1),N=w([]),_=w([]),Q=w(!1),S=w(null),H=x(()=>S.value==null?0:S.value.streamers.reduce((ie,q)=>ie+Math.max(0,q.presence)*Math.max(0,q.relevancy),0)*100),b=x(()=>S.value==null?0:S.value.enemyStreamers.reduce((ie,q)=>ie+Math.max(0,q.presence)*Math.max(0,q.relevancy),0)*100),I=mo(()=>({onReset(){e.value=3,t.value=0,a.value=0,n.value=0,i.value=[null,null,null],s.value=[],r.value=null,l.value=null,g.value=!1,S.value=null,f.value="",y.value=!1,C.value=!1,N.value=[],_.value=[]}})),P=w(!1);function te(){var ie,q;if(S.value==null)throw"Preparing move while not in battle";if(N.value.length===0&&S.value.team.length===0&&S.value.enemyTeam.length===0){if(S.value.ranLivestreamEnded===!1){S.value.streamers.forEach(T=>{X[T.type].abilityType==="LivestreamEnded"&&N.value.push({action:"LivestreamEnded",target:T})}),S.value.enemyStreamers.forEach(T=>{X[T.type].abilityType==="LivestreamEnded"&&N.value.push({action:"LivestreamEnded",target:T})}),S.value.ranLivestreamEnded=!0,te();return}f.value==="Victory"?t.value++:f.value==="Defeat"&&e.value--,y.value=!0;return}if(N.value.length===0?N.value.push({action:"join"}):N.value.length>1&&(N.value=N.value.sort((T,L)=>T.action!==L.action?1:T.target!=null&&L.target!=null?L.target.relevancy-T.target.relevancy:0)),z.autoplay===!1&&C.value===!1)p.value=!0;else{p.value=!1;const T=N.value.shift();switch(T.action){case"join":if(((ie=S.value.team.length)!=null?ie:0)>0){const L=S.value.team.pop();S.value.streamers.push(L),X[L.type].abilityType==="LivestreamJoined"&&N.value.unshift({action:"LivestreamJoined",target:L})}if(((q=S.value.enemyTeam.length)!=null?q:0)>0){const L=S.value.enemyTeam.pop();S.value.enemyStreamers.push(L),X[L.type].abilityType==="LivestreamJoined"&&N.value.unshift({action:"LivestreamJoined",target:L})}break;default:if(T.target==null){console.error("Invalid action",T);break}X[T.target.type].performAbility(T.target);break}C.value=!1,setTimeout(te,z.fast?750:1250)}}const ge=yo(()=>({fullscreen:!1,zIndex:10,boundingRect:w(null),onContainerResized(ie){this.boundingRect.value=ie}}));return{name:"Game",minimizable:!1,display:J(()=>{let ie;if(t.value>=5){let q;return o("div",{class:"total-outcome-container"},[o("span",{class:"total-outcome"},[v("You Won!")]),o("span",{class:"smiley"},[v("\u{1F603}")]),o(he,null,De(q=new Array(3).fill(0).map((T,L)=>o(we,{character:i.value[L]},null)))?q:{default:()=>[q]}),o("button",{class:"button",onClick:()=>location.reload()},[v("Play again")]),Je(ge)])}if(e.value<=0){let q;return o("div",{class:"total-outcome-container"},[o("span",{class:"total-outcome"},[v("You ran out of lives!")]),o("span",{class:"smiley"},[v("\u{1F630}")]),o(he,null,De(q=new Array(3).fill(0).map((T,L)=>o(we,{character:i.value[L]},null)))?q:{default:()=>[q]}),o("button",{class:"button",onClick:()=>location.reload()},[v("Play again")]),Je(ge)])}if(S.value!=null){let q,T,L,Oe;return o("div",{class:{["battle-container"]:!0,fast:z.fast}},[o("div",{class:"battle-controls"},[o("button",{class:"button",onClick:()=>{C.value=!0,te()}},[o("span",{class:"material-icons"},[v("play_arrow")]),o("span",null,[v("Play")])]),o("button",{class:{button:!0,active:z.autoplay},onClick:()=>{z.autoplay=!z.autoplay,p.value&&te()}},[o("span",{class:"material-icons"},[v("all_inclusive")]),o("span",null,[v("Autoplay")])]),o("button",{class:{button:!0,active:z.fast},onClick:()=>z.fast=!z.fast},[o("span",{class:"material-icons"},[v("fast_forward")]),o("span",null,[v("Fast")])])]),o("div",{class:"teams-container",style:y.value?"pointer-events: none;":""},[o("div",{class:"team-container"},[o("div",{class:"stream-container"},[o("div",{class:"stream-details",style:"left: 1vmin"},[o("span",{style:"margin-left: 0"},[_t.value,v(" (YOU)")]),o("div",{class:"stats",style:"margin-left: 0"},[o("div",{class:"resource-box"},[o("img",{src:dt},null),o("span",null,[e.value])]),o("div",{class:"resource-box"},[o("span",{class:"material-icons"},[v("emoji_events")]),o("span",null,[t.value,v("/5")])])])]),o("div",{class:"view-counter",style:"right: 1vmin"},[Et(H.value),v(" Views")]),o(he,{class:"streamers-container"},{default:()=>[o(lt,{name:"character-transition"},De(q=S.value.streamers.slice().reverse().map((le,Me)=>{var Ae;return o(we,{key:S.value.streamers.length-Me,character:le,shake:p.value&&((Ae=N.value[0])==null?void 0:Ae.target)===le},null)}))?q:{default:()=>[q]})]})]),o(he,{class:"members-container",style:"margin-left: 0; padding-right: 4vmin;"},{default:()=>[o(lt,{name:"character-transition"},De(T=S.value.team.map((le,Me)=>{var Ae,je,He,Ze;return o(we,{character:le,key:Me,shake:p.value&&((Ae=N.value[0])==null?void 0:Ae.action)==="join"&&le===((Ze=S.value)==null?void 0:Ze.team[((He=(je=S.value)==null?void 0:je.team.length)!=null?He:0)-1])},null)}))?T:{default:()=>[T]})]})]),o("div",{class:"team-container"},[o("div",{class:"stream-container"},[o("div",{class:"stream-details",style:"right: 1vmin"},[o("span",{style:"margin-right: 0"},[S.value.enemyNickname]),o("div",{class:"stats",style:"margin-right: 0"},[o("div",{class:"resource-box"},[o("img",{src:dt},null),o("span",null,[S.value.enemyLives])]),o("div",{class:"resource-box"},[o("span",{class:"material-icons"},[v("emoji_events")]),o("span",null,[S.value.enemyWins,v("/5")])])])]),o("div",{class:"view-counter",style:"left: 1vmin"},[Et(b.value),v(" Views")]),o(he,{class:"streamers-container"},{default:()=>[o(lt,{name:"character-transition"},De(L=S.value.enemyStreamers.map((le,Me)=>{var Ae;return o(we,{key:Me,character:le,shake:p.value&&((Ae=N.value[0])==null?void 0:Ae.target)===le},null)}))?L:{default:()=>[L]})]})]),o(he,{class:"members-container",style:"margin-right: 0; padding: 0 4vmin;"},{default:()=>[o(lt,{name:"character-transition"},De(Oe=S.value.enemyTeam.slice().reverse().map((le,Me)=>{var Ae,je,He,Ze;return o(we,{character:le,key:S.value.enemyStreamers.length+Me,shake:p.value&&((Ae=N.value[0])==null?void 0:Ae.action)==="join"&&le===((Ze=S.value)==null?void 0:Ze.enemyTeam[((He=(je=S.value)==null?void 0:je.enemyTeam.length)!=null?He:0)-1])},null)}))?Oe:{default:()=>[Oe]})]})])]),y.value?o("div",{class:"outcome",onClick:()=>me("newTurn")},[o("span",null,[f.value]),o("span",{style:"font-size: 2vmin"},[v("Next Turn")])]):null])}return o("div",{class:"game-container",style:g.value?"pointer-events: none":"",onClick:()=>{r.value=null,l.value=null}},[o("h2",{class:"team-nickname"},[_t.value]),o(he,{class:"manager-header"},{default:()=>[o("div",{class:"resource-box"},[o("span",{class:"material-icons"},[v("credit_card")]),n.value]),o("div",{class:"resource-box"},[o("img",{src:dt},null),e.value]),o("div",{class:"resource-box"},[o("span",{class:"material-icons"},[v("emoji_events")]),t.value,v("/5")]),o("div",{style:"flex-grow: 1"},null),g.value?o("div",{class:"waiting"},[v("Finding opposing team...")]):o(Y,null,[r.value==null?null:o("button",{class:"button",onDragover:q=>q.preventDefault(),onClick:()=>me("sell",r.value),onDrop:()=>me("sell",r.value)},[v("Sell")]),l.value==null?null:o("button",{class:"button",onDragover:q=>q.preventDefault(),onClick:()=>me("freeze",l.value),onDrop:()=>me("freeze",l.value)},[v("Freeze")]),o("img",{class:"startStream",draggable:"false",onClick:()=>{me("stream"),g.value=!0},src:co},null)])]}),o("div",{style:"flex-grow: 1"},null),o(he,{style:"margin-top: 10vh"},De(ie=new Array(3).fill(0).map((q,T)=>{var L,Oe;return o(we,{id:`team-char-${T}`,character:i.value[T],isSelected:r.value===T,selected:r.value==null?l.value==null||i.value[T]!=null&&((L=s.value[l.value])==null?void 0:L.type)!==((Oe=i.value[T])==null?void 0:Oe.type)||n.value<3?null:s.value[l.value]:i.value[r.value],isDragging:P.value,onClick:ea(T),onDragstart:()=>{P.value=!0,r.value=T,l.value=null},onDragend:()=>{P.value=!1,r.value=null,l.value=null},onDrop:()=>ea(T)()},null)}))?ie:{default:()=>[ie]}),o(he,{class:"shop"},{default:()=>[o("div",{class:"reroll",style:n.value>0?"":"color: var(--locked); cursor: not-allowed",onClick:()=>{n.value>0&&me("reroll")}},[o("img",{src:Q.value?ko:Mo},null)]),s.value.map((q,T)=>o(we,{id:`shop-char-${T}`,frozen:_.value.includes(T),character:q==null?void 0:q,isSelected:l.value===T,isShop:!0,isDragging:P.value,onClick:L=>{q!=null&&(l.value=l.value===T?null:T,r.value=null,L.stopPropagation())},onDragstart:()=>{P.value=!0,r.value=null,l.value=T},onDragend:()=>{P.value=!1,r.value=null,l.value=null}},null))]}),Je(ge)])}),lives:e,wins:t,turn:a,gold:n,team:i,shop:s,selectedCharacter:r,selectedShopItem:l,findingMatch:g,showingOutcome:y,outcome:f,reset:I,battle:S,frozen:_,playClicked:C,prepareMove:te,particles:ge,queue:N,showRefreshAnim:Q}});let ut=0;$.on("update",e=>{if(m.wins.value>=5){if(ut+=e,ut>=1){ut=0;const t=m.particles.boundingRect.value;if(!t)return;m.particles.addEmitter(So).then(a=>{a.updateOwnerPos(Math.random()*t.width,Math.random()*t.height),console.log(a),a.playOnceAndDestroy()})}}else ut=0});function ea(e){return t=>{var a,n,i,s,r,l,g;m.selectedCharacter.value!=null&&m.selectedCharacter.value!==e?((a=m.team.value[m.selectedCharacter.value])==null?void 0:a.type)===((n=m.team.value[e])==null?void 0:n.type)&&((s=(i=m.team.value[m.selectedCharacter.value])==null?void 0:i.exp)!=null?s:0)<6&&((l=(r=m.team.value[e])==null?void 0:r.exp)!=null?l:0)<6?(me("merge",m.selectedCharacter.value,e),m.selectedCharacter.value=null):(me("move",m.selectedCharacter.value,e),m.selectedCharacter.value=null):m.selectedCharacter.value===e?m.selectedCharacter.value=null:m.selectedShopItem.value!==null?((m.team.value[e]==null||m.team.value[e].type===((g=m.shop.value[m.selectedShopItem.value])==null?void 0:g.type)&&m.team.value[e].exp<6)&&m.gold.value>=3&&me("buy",m.selectedShopItem.value,e),m.selectedShopItem.value=null):m.selectedCharacter.value=e,t==null||t.stopPropagation()}}const To=e=>[m],Ia=x(()=>!1);function Do(e,t){}var Ro=Object.freeze(Object.defineProperty({__proto__:null,characters:X,main:m,getInitialLayers:To,hasWon:Ia,fixOldSave:Do},Symbol.toStringTag,{value:"Module"}));const Vo={class:"field"},Po=U({__name:"Toggle",props:{title:null,modelValue:{type:Boolean}},emits:["update:modelValue"],setup(e,{emit:t}){const a=e,n=x(()=>{var s;return Ne((s=u(a.title))!=null?s:"","span")}),i=x({get(){return!!a.modelValue},set(s){t("update:modelValue",s)}});return(s,r)=>(h(),B("label",Vo,[kt(c("input",{type:"checkbox",class:"toggle","onUpdate:modelValue":r[0]||(r[0]=l=>Ce(i)?i.value=l:null)},null,512),[[Pa,u(i)]]),(h(),O(ce(u(n))))]))}});var Qt=K(Po,[["__scopeId","data-v-11046116"]]);const rt=e=>(Qe("data-v-4a50ce42"),e=e(),Se(),e),xo={class:"game-over-modal-header"},qo=["src","alt"],zo={class:"game-over-modal-title"},Fo=rt(()=>c("h2",null,"Congratulations!",-1)),Go={key:0},Oo=rt(()=>c("br",null,null,-1)),Uo=rt(()=>c("div",null," Please check the Discord to discuss the game or to check for new content updates! ",-1)),Lo=rt(()=>c("br",null,null,-1)),Jo=["href"],Yo=rt(()=>c("span",{class:"material-icons game-over-modal-discord"},"discord",-1)),Wo=U({__name:"GameOverScreen",setup(e){const{title:t,logo:a,discordName:n,discordLink:i,versionNumber:s,versionTitle:r}=G,l=x(()=>Dt(V.timePlayed)),g=x(()=>Ia.value&&!V.keepGoing),f=ze(V,"autosave");function y(){V.keepGoing=!0}function p(){Ve(Le())}return(C,N)=>(h(),O(Fe,{"model-value":u(g)},{header:R(()=>[c("div",xo,[u(a)?(h(),B("img",{key:0,class:"game-over-modal-logo",src:u(a),alt:u(t)},null,8,qo)):M("",!0),c("div",zo,[Fo,c("h4",null,"You've beaten "+F(u(t))+" v"+F(u(s))+": "+F(u(r)),1)])])]),body:R(({shown:_})=>[_?(h(),B("div",Go,[c("div",null,"It took you "+F(u(l))+" to beat the game.",1),Oo,Uo,Lo,c("div",null,[c("a",{href:u(i),class:"game-over-modal-discord-link"},[Yo,v(" "+F(u(n)),1)],8,Jo)]),o(Qt,{title:"Autosave",modelValue:u(f),"onUpdate:modelValue":N[0]||(N[0]=Q=>Ce(f)?f.value=Q:null)},null,8,["modelValue"])])):M("",!0)]),footer:R(()=>[c("div",{class:"game-over-footer"},[c("button",{onClick:y,class:"button"},"Keep Going"),c("button",{onClick:p,class:"button danger"},"Play Again")])]),_:1},8,["model-value"]))}});var Xo=K(Wo,[["__scopeId","data-v-4a50ce42"]]);const bt=e=>(Qe("data-v-336bf74f"),e=e(),Se(),e),Ko=bt(()=>c("div",{class:"nan-modal-header"},[c("h2",null,"NaN value detected!")],-1)),jo={key:0},Ho=bt(()=>c("br",null,null,-1)),Zo=["href"],$o=bt(()=>c("span",{class:"material-icons nan-modal-discord"},"discord",-1)),el=bt(()=>c("br",null,null,-1)),tl={class:"nan-footer"},al=U({__name:"NaNScreen",setup(e){const{discordName:t,discordLink:a}=G,n=w(!0),i=w(!0),s=ze(Z,"hasNaN"),r=w(null);fe(s,C=>{C?(n.value=V.autosave,i.value=V.devSpeed===0):(V.autosave=n.value,V.devSpeed=i.value?0:null)});const l=x(()=>{var C;return(C=Z.NaNPath)==null?void 0:C.join(".")}),g=x(()=>Z.NaNPersistent!=null?Z.NaNPersistent.value:null);function f(){Z.NaNPersistent!=null&&(Z.NaNPersistent.value=new E(0),Z.hasNaN=!1)}function y(){Z.NaNPersistent&&(Z.NaNPersistent.value=new E(1),Z.hasNaN=!1)}function p(){Z.NaNPersistent&&(Z.NaNPersistent.value=new E(NaN),Z.hasNaN=!1)}return(C,N)=>(h(),B(Y,null,[o(Fe,tt({modelValue:u(s),"onUpdate:modelValue":N[4]||(N[4]=_=>Ce(s)?s.value=_:null)},C.$attrs),{header:R(()=>[Ko]),body:R(()=>[c("div",null,[v(' Attempted to assign "'+F(u(l))+'" to NaN',1),u(g)?(h(),B("span",jo,F(" ")+"(previously "+F(u(ca)(u(g)))+")",1)):M("",!0),v(". Auto-saving has been "+F(n.value?"enabled":"disabled")+". Check the console for more details, and consider sharing it with the developers on discord. ",1)]),Ho,c("div",null,[c("a",{href:u(a)||"https://discord.gg/WzejVAx",class:"nan-modal-discord-link"},[$o,v(" "+F(u(t)||"The Paper Pilot Community"),1)],8,Zo)]),el,o(Qt,{title:"Autosave",modelValue:n.value,"onUpdate:modelValue":N[0]||(N[0]=_=>n.value=_)},null,8,["modelValue"]),u(G).enablePausing?(h(),O(Qt,{key:0,title:"Pause game",modelValue:i.value,"onUpdate:modelValue":N[1]||(N[1]=_=>i.value=_)},null,8,["modelValue"])):M("",!0)]),footer:R(()=>[c("div",tl,[c("button",{onClick:N[2]||(N[2]=_=>{var Q;return(Q=r.value)==null?void 0:Q.open()}),class:"button"},"Open Saves Manager"),c("button",{onClick:f,class:"button"},"Set to 0"),c("button",{onClick:y,class:"button"},"Set to 1"),u(g)&&u(E).neq(u(g),0)&&u(E).neq(u(g),1)?(h(),B("button",{key:0,onClick:N[3]||(N[3]=_=>s.value=!1),class:"button"}," Set to previous ")):M("",!0),c("button",{onClick:p,class:"button danger"},"Ignore")])]),_:1},16,["modelValue"]),o(Ea,{ref_key:"savesManager",ref:r},null,512)],64))}});var nl=K(al,[["__scopeId","data-v-336bf74f"]]);var il=U({__name:"App",setup(e){const t=G.useHeader,a=x(()=>vt[z.theme].variables);ze(z,"showTPS");const n=x(()=>Ne(J(()=>o(Y,null,[ii.map(Je)]))));return(i,s)=>(h(),B(Y,null,[c("div",{id:"modal-root",style:Xe(u(a))},null,4),c("div",{class:ae(["app",{useHeader:u(t)}]),style:Xe(u(a))},[u(t)?(h(),O(wa,{key:0})):M("",!0),o(fr),o(Xo),o(nl),(h(),O(ce(u(n))))],6)],64))}});var sl=K(il,[["__scopeId","data-v-48adfab3"]]);$.on("setupVue",e=>e.use(Ua));function rl(e={}){const{immediate:t=!1,onNeedRefresh:a,onOfflineReady:n,onRegistered:i,onRegisterError:s}=e;let r,l;const g=async(f=!0)=>{f&&(r==null||r.addEventListener("controlling",y=>{y.isUpdate&&window.location.reload()})),l&&l.waiting&&await Ka(l.waiting,{type:"SKIP_WAITING"})};if("serviceWorker"in navigator){r=new Xa("./sw.js",{scope:"./",type:"classic"}),r.addEventListener("activated",f=>{f.isUpdate||n==null||n()});{const f=()=>{a==null||a()};r.addEventListener("waiting",f),r.addEventListener("externalwaiting",f)}r.register({immediate:t}).then(f=>{l=f,i==null||i(f)}).catch(f=>{s==null||s(f)})}return g}function ol(e={}){const{immediate:t=!0,onNeedRefresh:a,onOfflineReady:n,onRegistered:i,onRegisterError:s}=e,r=w(!1),l=w(!1);return{updateServiceWorker:rl({immediate:t,onNeedRefresh(){r.value=!0,a==null||a()},onOfflineReady(){l.value=!0,n==null||n()},onRegistered:i,onRegisterError:s}),offlineReady:l,needRefresh:r}}document.title=G.title;window.projInfo=G;if(G.id==="")throw"Project ID is empty! Please select a unique ID for this project in /src/data/projInfo.json";requestAnimationFrame(async()=>{console.log(`%cMade in Profectus%c +Learn more at www.moddingtree.com`,"font-weight: bold; font-size: 24px; color: #A3BE8C; background: #2E3440; padding: 4px 8px; border-radius: 8px;","padding: 4px;"),await Zn();const{globalBus:e}=await gt(()=>Promise.resolve().then(function(){return jn}),void 0),{startGameLoop:t}=await gt(()=>import("./gameLoop.c8b27b43.js"),["assets/gameLoop.c8b27b43.js","assets/@fontsource.f66d05e7.css","assets/vue.f6263579.js","assets/earcut.b6f90e68.js","assets/@vue.4ce677c2.js","assets/nanoevents.1080beb7.js","assets/lz-string.f2f3b7cf.js","assets/vuedraggable.c3acdf62.js","assets/sortablejs.cbae5b2d.js","assets/vue-next-select.0dc4e443.js","assets/vue-next-select.9e6f4164.css","assets/vue-textarea-autosize.35804eaf.js","assets/semver.83ff78cf.js","assets/lru-cache.9a21e90b.js","assets/yallist.fd762fe7.js","assets/socket.io-client.79ce0df5.js","assets/engine.io-client.58517560.js","assets/engine.io-parser.3f360695.js","assets/@socket.io.aec831e2.js","assets/socket.io-parser.544e37d1.js","assets/vue-toastification.b7cd620e.js","assets/vue-toastification.4b5f8ac8.css","assets/@pixi.1eac1889.js","assets/ismobilejs.5c6954b9.js","assets/eventemitter3.dc5195d7.js","assets/url.e51cb87b.js","assets/querystring.23ae9a54.js","assets/workbox-window.8d14e8b7.js"]),a=window.vue=xa(sl);e.emit("setupVue",a),a.mount("#app"),qe(()=>{const n=na(),{updateServiceWorker:i}=ol({onNeedRefresh(){n.info("New content available, click here to update.",{timeout:!1,closeOnClick:!1,draggable:!1,icon:{iconClass:"material-icons",iconChildren:"refresh",iconTag:"i"},rtl:!1,onClick(){i()}})},onOfflineReady(){n.info("App ready to work offline")},onRegisterError:console.warn,onRegistered(s){s&&setInterval(()=>s.update(),60*60*1e3)}})}),t()});export{E as D,gt as _,Z as a,G as b,Ro as c,$ as g,$n as l,V as p,z as s}; diff --git a/ludwig/assets/index.6d3e8d1e.css b/ludwig/assets/index.6d3e8d1e.css new file mode 100644 index 00000000..a26b0996 --- /dev/null +++ b/ludwig/assets/index.6d3e8d1e.css @@ -0,0 +1 @@ +.table{display:flex;flex-flow:column wrap;justify-content:center;align-items:center;max-width:100%;margin:0 auto}.table+.table{margin-top:10px}.row{display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;max-width:100%;margin:0 10px}.row>:not(.feature){margin:0;display:flex}.col{display:flex;flex-flow:column wrap;justify-content:center;align-items:center;height:100%;margin:10px 0}.row.mergeAdjacent>.feature:not(.dontMerge),.row.mergeAdjacent>.tooltip-container>.feature:not(.dontMerge){margin-left:0;margin-right:0;border-radius:0}.row.mergeAdjacent>.feature:not(.dontMerge):first-child,.row.mergeAdjacent>.tooltip-container:first-child>.feature:not(.dontMerge){border-radius:var(--border-radius) 0 0 var(--border-radius)}.row.mergeAdjacent>.feature:not(.dontMerge):last-child,.row.mergeAdjacent>.tooltip-container:last-child>.feature:not(.dontMerge){border-radius:0 var(--border-radius) var(--border-radius) 0}.row.mergeAdjacent>.feature:not(.dontMerge):first-child:last-child,.row.mergeAdjacent>.tooltip-container:first-child:last-child>.feature:not(.dontMerge){border-radius:var(--border-radius)}.row-grid.mergeAdjacent>.feature:not(.dontMerge),.row-grid.mergeAdjacent>.tooltip-container>.feature:not(.dontMerge){margin:0;border-radius:0}.row-grid.mergeAdjacent>.feature:not(.dontMerge):last-child,.row-grid.mergeAdjacent>.tooltip-container:last-child>.feature:not(.dontMerge){border-radius:0}.row-grid.mergeAdjacent>.feature:not(.dontMerge):first-child,.row-grid.mergeAdjacent>.tooltip-container:first-child>.feature:not(.dontMerge){border-radius:0}.table-grid>.row-grid.mergeAdjacent:last-child>.feature:not(.dontMerge):first-child{border-radius:0 0 0 var(--border-radius)}.table-grid>.row-grid.mergeAdjacent:first-child>.feature:not(.dontMerge):last-child{border-radius:0 var(--border-radius) 0 0}.table-grid>.row-grid.mergeAdjacent:first-child>.feature:not(.dontMerge):first-child{border-radius:var(--border-radius) 0 0 0}.table-grid>.row-grid.mergeAdjacent:last-child>.feature:not(.dontMerge):last-child{border-radius:0 0 var(--border-radius) 0}.col.mergeAdjacent .feature:not(.dontMerge){margin-top:0;margin-bottom:0;border-radius:0}.col.mergeAdjacent .feature:not(.dontMerge):first-child{border-radius:var(--border-radius) var(--border-radius) 0 0}.col.mergeAdjacent .feature:not(.dontMerge):last-child{border-radius:0 0 var(--border-radius) var(--border-radius)}.col.mergeAdjacent .feature:not(.dontMerge):first-child:last-child{border-radius:var(--border-radius)}.resize-listener[data-v-2b1dc1bc]{position:absolute;top:0px;left:0;right:-4px;bottom:5px;z-index:-10;pointer-events:none}.modal-mask{position:fixed;z-index:9998;top:0;left:0;bottom:0;right:0;background-color:#00000080;transition:opacity .3s ease}.modal-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.modal-container{width:640px;max-width:95vw;max-height:95vh;background-color:var(--background);padding:20px;border-radius:5px;transition:all .3s ease;text-align:left;border:var(--modal-border);box-sizing:border-box;display:flex;flex-direction:column}.modal-header{width:100%}.modal-body{margin:20px 0;width:100%;overflow-y:auto;overflow-x:hidden}.modal-footer{width:100%}.modal-default-footer{display:flex}.modal-default-flex-grow{flex-grow:1}.modal-enter-from,.modal-leave-active{opacity:0}.modal-enter-from .modal-container,.modal-leave-active .modal-container{-webkit-transform:scale(1.1);transform:scale(1.1)}.layer-container[data-v-a592996e]{min-width:100%;min-height:100%;margin:0;flex-grow:1;display:flex;isolation:isolate}.layer-tab[data-v-a592996e]:not(.minimized){padding-top:20px;padding-bottom:20px;min-height:100%;flex-grow:1;text-align:center;position:relative}.inner-tab>.layer-container>.layer-tab[data-v-a592996e]:not(.minimized){padding-top:50px}.layer-tab.minimized[data-v-a592996e]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;padding:55px 0 0;margin:0;cursor:pointer;font-size:40px;color:var(--foreground);border:none;background-color:transparent}.layer-tab.minimized>*[data-v-a592996e]{margin:0;writing-mode:vertical-rl;text-align:left;padding-left:10px;width:50px}.inner-tab>.layer-container>.layer-tab[data-v-a592996e]:not(.minimized){margin:-50px -10px;padding:50px 10px}.modal-body .layer-tab[data-v-a592996e]{padding-bottom:0}.modal-body .layer-tab[data-v-a592996e]:not(.hasSubtabs){padding-top:0}.minimize[data-v-a592996e]{position:sticky;top:6px;right:9px;z-index:7;line-height:30px;border:none;background:var(--background);box-shadow:var(--background) 0 2px 3px 5px;border-radius:50%;color:var(--foreground);font-size:40px;cursor:pointer;margin-top:-44px;margin-right:-30px}.minimized+.minimize[data-v-a592996e]{transform:rotate(-90deg);top:10px;right:18px;pointer-events:none}.goBack[data-v-a592996e]{position:sticky;top:10px;left:10px;line-height:30px;margin-top:-50px;margin-left:-35px;border:none;background:var(--background);box-shadow:var(--background) 0 2px 3px 5px;border-radius:50%;color:var(--foreground);font-size:30px;cursor:pointer;z-index:7}.goBack[data-v-a592996e]:hover{transform:scale(1.1);text-shadow:0 0 7px var(--foreground)}.layer-tab.minimized>*>.desc{color:var(--accent1);font-size:30px}details[data-v-4b4bda40]{margin:10px 0;padding-left:18px}summary[data-v-4b4bda40]{cursor:pointer;margin-bottom:10px;margin-left:-18px}ul[data-v-4b4bda40]{margin:var(--feature-margin) 0;background:var(--raised-background);border:2px solid rgba(0,0,0,.125);padding:5px 5px 5px 15px;list-style:inside}li[data-v-4b4bda40]{margin:8px 0}li[data-v-4b4bda40]:before{padding:2px 8px;margin-right:8px;border-radius:var(--border-radius)}.feature[data-v-4b4bda40]:before{content:"Feature";background:var(--accent1)}.fix[data-v-4b4bda40]:before{content:"Fix";background:var(--accent2)}.balancing[data-v-4b4bda40]:before{content:"Balancing";background:var(--accent3)}.breaking[data-v-4b4bda40]:before{content:"Breaking";background:var(--danger)}.tooltip-container[data-v-7a579aa7]{position:relative;--xoffset: 0px;--yoffset: 0px;text-shadow:none!important}.tooltip[data-v-7a579aa7],.tooltip[data-v-7a579aa7]:after{pointer-events:none;position:absolute}.tooltip[data-v-7a579aa7]{text-align:center;width:250px;font-size:14px;line-height:1.2;bottom:calc(100% + var(--yoffset));left:calc(50% + var(--xoffset));margin-bottom:5px;transform:translate(-50%);padding:7px;border-radius:3px;background-color:var(--tooltip-background);color:var(--background);z-index:1000!important;word-break:break-word}.tooltip[data-v-7a579aa7] hr{margin:var(--feature-margin) 0}.shown[data-v-7a579aa7]{z-index:10}.fade-enter-from[data-v-7a579aa7],.fade-leave-to[data-v-7a579aa7]{opacity:0}.tooltip[data-v-7a579aa7]:after{content:" ";position:absolute;top:100%;bottom:100%;left:calc(50% - var(--xoffset));width:0;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--tooltip-background) transparent transparent transparent}.tooltip.left[data-v-7a579aa7],.side-nodes .tooltip[data-v-7a579aa7]:not(.right):not(.bottom):not(.top){bottom:calc(50% + var(--yoffset));left:unset;right:calc(100% + var(--xoffset));margin-bottom:unset;margin-right:5px;transform:translateY(50%)}.tooltip.left[data-v-7a579aa7]:after,.side-nodes .tooltip[data-v-7a579aa7]:not(.right):not(.bottom):not(.top):after{top:calc(50% + var(--yoffset));bottom:unset;left:100%;right:100%;margin-left:unset;margin-top:-5px;border-color:transparent transparent transparent var(--tooltip-background)}.tooltip.right[data-v-7a579aa7]{bottom:calc(50% + var(--yoffset));left:calc(100% + var(--xoffset));margin-bottom:unset;margin-left:5px;transform:translateY(50%)}.tooltip.right[data-v-7a579aa7]:after{top:calc(50% + var(--yoffset));left:0;right:100%;margin-left:-10px;margin-top:-5px;border-color:transparent var(--tooltip-background) transparent transparent}.tooltip.bottom[data-v-7a579aa7]{top:calc(100% + var(--yoffset));bottom:unset;left:calc(50% + var(--xoffset));margin-bottom:unset;margin-top:5px;transform:translate(-50%)}.tooltip.bottom[data-v-7a579aa7]:after{top:0;margin-top:-10px;border-color:transparent transparent var(--tooltip-background) transparent}.pinned[data-v-7a579aa7]{position:absolute;right:-5px;top:-5px;transform:rotate(45deg)}.info-modal-header[data-v-5d3cb6f4]{display:flex;margin:-20px -20px 0;background:var(--raised-background);align-items:center}.info-modal-header *[data-v-5d3cb6f4]{margin:0}.info-modal-logo[data-v-5d3cb6f4]{height:4em;width:4em}.info-modal-title[data-v-5d3cb6f4]{display:flex;flex-direction:column;padding:10px 0;margin-left:10px}.info-modal-discord-link[data-v-5d3cb6f4]{display:flex;align-items:center}.info-modal-discord[data-v-5d3cb6f4]{margin:0 4px 0 0}.option-tabs{border-bottom:2px solid var(--outline);margin-top:10px;margin-bottom:-10px}.option-tabs button{background-color:transparent;color:var(--foreground);margin-bottom:-2px;font-size:14px;cursor:pointer;padding:5px 20px;border:none;border-bottom:2px solid var(--foreground)}.option-tabs button:not(.selected){border-bottom-color:transparent}.option-title .tooltip-container{display:inline;margin-left:5px}.option-title desc{display:block;opacity:.6;font-size:small;width:300px;margin-left:0}.save-button{text-align:right}.field{display:flex;position:relative;min-height:2em;margin:10px 0;user-select:none;justify-content:space-between;align-items:center}.field>*{margin:0}.vue-select{width:50%;border-radius:var(--border-radius)}.field-buttons .vue-select{width:unset}.vue-select,.vue-dropdown{border-color:var(--outline)}.vue-dropdown{background:var(--raised-background)}.vue-dropdown-item{color:var(--foreground)}.vue-dropdown-item,.vue-dropdown-item *{transition-duration:0s}.vue-dropdown-item.highlighted{background-color:var(--highlighted)}.vue-dropdown-item.selected,.vue-dropdown-item.highlighted.selected{background-color:var(--bought)}.vue-input input{font-size:inherit}.vue-input input::placeholder{color:var(--link)}form[data-v-90bd4994]{margin:0;width:100%}.field>*[data-v-90bd4994]{margin:0}input[data-v-90bd4994]{width:50%;outline:none;border:solid 1px var(--outline);background-color:unset;border-radius:var(--border-radius)}.fullWidth[data-v-90bd4994]{width:100%}.container[data-v-2f8ef34c]{display:flex;align-items:center;background:var(--raised-background);box-shadow:var(--raised-background) 0 2px 3px 5px}.container.confirming button[data-v-2f8ef34c]{font-size:1em}.container>*[data-v-2f8ef34c]{margin:0 4px}.danger,.button.danger{position:relative;border:solid 2px var(--danger);border-right-width:16px}.danger:after{position:absolute;content:"!";color:#fff;right:-13px}.feedback[data-v-01a1b95c]{position:relative}.feedback[data-v-01a1b95c]:after{position:absolute;left:calc(100% + 5px);top:50%;transform:translateY(-50%);content:"\2714";opacity:0;pointer-events:none;box-shadow:inset 0 0 0 35px #6f94b600;text-shadow:none}.feedback.left[data-v-01a1b95c]:after{left:unset;right:calc(100% + 5px)}.feedback.activated[data-v-01a1b95c]:after{animation:feedback-01a1b95c .5s ease-out forwards}@keyframes feedback-01a1b95c{0%{opacity:1;transform:scale3d(.4,.4,1),translateY(-50%)}80%{opacity:.1}to{opacity:0;transform:scale3d(1.2,1.2,1),translateY(-50%)}}.save[data-v-c3447434]{position:relative;border:solid 4px var(--outline);padding:4px;background:var(--raised-background);margin:var(--feature-margin);display:flex;align-items:center;min-height:30px}.save.active[data-v-c3447434]{border-color:var(--bought)}.open[data-v-c3447434]{display:inline;margin:0;padding-left:0}.handle[data-v-c3447434]{flex-grow:0;margin-right:8px;margin-left:0;cursor:pointer}.details[data-v-c3447434]{margin:0 80px 0 0;flex-grow:1}.error[data-v-c3447434]{font-size:.8em;color:var(--danger)}.save-version[data-v-c3447434]{margin-left:4px;font-size:.7em;opacity:.7}.actions[data-v-c3447434]{position:absolute;top:0;bottom:0;right:4px;display:flex;padding:4px;z-index:1}.editname[data-v-c3447434]{margin:0}.save button{transition-duration:0s}.save .actions button{display:flex;font-size:1.2em}.save .actions button .material-icons{font-size:unset}.save .button.danger{display:flex;align-items:center;padding:4px}.save .field,.field form[data-v-5b5b1604],.field .field-title[data-v-5b5b1604],.field .field-buttons[data-v-5b5b1604]{margin:0}.field-buttons[data-v-5b5b1604]{display:flex}.field-buttons .field[data-v-5b5b1604]{margin:0 0 0 8px}.modal-footer[data-v-5b5b1604]{margin-top:-20px}.footer[data-v-5b5b1604]{display:flex;margin-top:20px}.importingFailed input{color:red}.field-buttons .v-select{width:220px}.presets .vue-select[aria-expanded=true] vue-dropdown{visibility:hidden}.nav[data-v-269f7a94]{background-color:var(--raised-background);display:flex;left:0;right:0;top:0;height:46px;width:100%;border-bottom:4px solid var(--outline)}.nav>*[data-v-269f7a94]{height:46px;width:46px;display:flex;cursor:pointer;flex-shrink:0}.nav>.banner[data-v-269f7a94]{height:100%;width:unset}.overlay-nav[data-v-269f7a94]{position:fixed;top:10px;left:10px;display:flex;flex-direction:column;z-index:2}.overlay-nav>*[data-v-269f7a94]{height:50px;width:50px;display:flex;cursor:pointer;margin:0;align-items:center;justify-content:center}.title[data-v-269f7a94]{font-size:36px;text-align:left;margin-left:12px;cursor:unset}.nav>.title[data-v-269f7a94]{width:unset;flex-shrink:1;overflow:hidden;white-space:nowrap}.nav .saves[data-v-269f7a94],.nav .info[data-v-269f7a94]{display:flex}.tooltip-container[data-v-269f7a94]{width:100%;height:100%;display:flex}.overlay-nav .discord[data-v-269f7a94]{position:relative}.discord img[data-v-269f7a94]{width:100%;height:100%}.discord-links[data-v-269f7a94]{position:fixed;top:45px;padding:20px;right:-280px;width:200px;transition:right .25s ease;background:var(--raised-background);z-index:10}.overlay-nav .discord-links[data-v-269f7a94]{position:absolute;left:-280px;right:unset;transition:left .25s ease}.overlay-nav .discord:hover .discord-links[data-v-269f7a94]{left:-10px}.discord-links li[data-v-269f7a94]{margin-bottom:4px}.discord-links li[data-v-269f7a94]:first-child{font-size:1.2em}*:not(.overlay-nav) .discord:hover .discord-links[data-v-269f7a94]{right:0}.material-icons[data-v-269f7a94]{font-size:36px}.material-icons[data-v-269f7a94]:hover{text-shadow:5px 0 10px var(--link),-3px 0 12px var(--foreground)}.nav .version-container[data-v-269f7a94]{display:flex;height:25px;margin-bottom:0;margin-left:10px}.overlay-nav .version-container[data-v-269f7a94]{width:unset;height:25px}.version[data-v-269f7a94]{color:var(--points)}.version:hover span[data-v-269f7a94]{text-shadow:5px 0 10px var(--points),-3px 0 12px var(--points)}.nav>div>a[data-v-269f7a94],.overlay-nav>div>a[data-v-269f7a94]{color:var(--foreground);text-shadow:none}.tabs-container[data-v-3e0f1aab]{width:100vw;flex-grow:1;overflow-x:auto;overflow-y:hidden;display:flex}.tabs-container[data-v-3e0f1aab]:not(.useHeader){width:calc(100vw - 50px);margin-left:50px}.tab[data-v-3e0f1aab]{position:relative;height:100%;flex-grow:1;transition-duration:0s;overflow-y:auto;overflow-x:hidden}.inner-tab[data-v-3e0f1aab]{padding:50px 10px;min-height:calc(100% - 100px);display:flex;flex-direction:column;margin:0;flex-grow:1}.tab+.tab>.inner-tab[data-v-3e0f1aab]{border-left:solid 4px var(--outline)}.tab hr{height:4px;border:none;background:var(--outline);margin:var(--feature-margin) 0}.tab .modal-body hr{margin:7px 0}.node[data-v-a48cb382]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.character[data-v-709656a6]{width:10vmin;height:10vmin;position:relative;margin:4vmin;justify-content:center;user-select:none;display:flex}.character[data-v-709656a6]:not(.empty){cursor:pointer}.character.shake[data-v-709656a6]{animation:shake-709656a6 .5s infinite}.character *[data-v-709656a6]{pointer-events:none}.character-display[data-v-709656a6]{z-index:1}.character-display img[data-v-709656a6]{image-rendering:pixelated;width:10vmin;height:10vmin;filter:drop-shadow(2px 4px 6px black)}.character[data-v-709656a6]:after{content:"";background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAADACAYAAABS3GwHAAAAAXNSR0IArs4c6QAAAZtJREFUeJzt3MFtwkAQQFEccYFaQhMUnhSRXGkDjs41UaRIoOC19d9rYOfytdJo7d0OAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAeM8236+gZ4JfpcFzknJdFToGVEgBpAiBNAKQJgDQBkCYA0gRAmgBIEwBpAiBNAKQJgDQBkCYA0gRAmgBIEwBpAiBNAKQJgDQBkCYA0gRAmgBIEwBpAiBNAKQJgDQBkCYA0gRAmgBIEwBpAiBNAKQJgLT96AFGO7+e5tEzrNnb58c0eoZncgOQJgDSBECaAEgTAGnTfLuOnuEhtjfbcu82aTocnzXKD24A0gRAmgBIEwBpAiBtNVsgWx2+e79cFnmD5AYgTQCkCYA0AZAmANIEQJoASBMAaQIgTQCkCYC01bwFupe3Q9viizBYIQGQJgDSBECaAEjb7Bbov9gm/W3U36FtgWABAiBNAKQJgDQBAAAAAAAAAAAAAAAAAAAAAAAAAAADfQFNHyOSwUzC4gAAAABJRU5ErkJggg==);position:absolute;top:15%;left:0;right:0;bottom:-15%;background-size:contain}.character.selected[data-v-709656a6]:not(.dragging):before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23000' stroke-width='12' stroke-dasharray='10%25%2c90%25' stroke-dashoffset='5%25' stroke-linecap='square'/%3e%3c/svg%3e");z-index:100}.character[data-v-709656a6]:not(.selected):not(.empty):not(.dragging):not(.isDragging):hover:before,.character:not(.selected):not(.empty):not(.dragging).draggingOver[data-v-709656a6]:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23000' stroke-width='8' stroke-dasharray='10%25%2c90%25' stroke-dashoffset='5%25' stroke-linecap='square'/%3e%3c/svg%3e");z-index:100}.relevancy-display[data-v-709656a6]{position:absolute;top:-15%;left:0;transform:translate(-50%,-50%)}.relevancy-display img[data-v-709656a6]{position:absolute;transform:translate(-45%,-45%);z-index:-1;width:10vmin;height:10vmin;image-rendering:pixelated}.relevancy-display span[data-v-709656a6]{font-family:Roboto Mono;font-size:2vmin;color:#fff;text-shadow:-1px 1px 0 black,1px 1px 0 black,1px -1px 0 black,-1px -1px 0 black;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.presence-display[data-v-709656a6]{position:absolute;top:0;right:0;transform:translate(-50%,-50%);color:var(--feature-foreground)}.presence-display .material-icons[data-v-709656a6]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--accent1);font-size:2vmin;z-index:-1}.level-display[data-v-709656a6]{position:absolute;bottom:-5%;right:-5%;z-index:1;transform:translate(50%,50%)}.level-display img[data-v-709656a6]{width:10vmin;height:10vmin}.move-indicator[data-v-709656a6]{position:absolute;transform:translate(-50%) rotate(180deg);top:-75%;left:50%;animation:bouncingMoveIndicator-709656a6 1s infinite}.move-indicator .material-icons[data-v-709656a6]{font-size:5vmin;transition:all .5s ease,color 0s}.character:not(.isDragging):hover .move-indicator .material-icons[data-v-709656a6],.character.draggingOver .move-indicator .material-icons[data-v-709656a6]{color:var(--feature-foreground)}.frozen[data-v-709656a6]{position:absolute;background:skyblue;top:0;left:0;right:0;bottom:0;opacity:.5;transform:rotate(45deg)}@keyframes bouncingMoveIndicator-709656a6{0%{transform:translate(-50%) rotate(180deg) translateY(0)}50%{transform:translate(-50%) rotate(180deg) translateY(50%)}to{transform:translate(-50%) rotate(180deg) translateY(0)}}@keyframes shake-709656a6{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}.inner-tab{background:url(./Kitchen\ BG.9c8f4daf.png);background-position:center;background-size:cover}.game-container{display:flex;flex-direction:column;height:calc(100% - 5vmin);padding-top:5vmin}.game-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-image:url(./game\ window.07b1840c.png);border-image-slice:100 50 50 450;border-style:solid;border-width:10vmin 5vmin 5vmin 45vmin;z-index:101;pointer-events:none}.game-container:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);height:10vmin;aspect-ratio:516/100;background-size:contain;background-image:url(data:image/png;base64,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);z-index:102;pointer-events:none}.team-nickname{font-size:3vmin;z-index:105;top:2.8vmin;position:absolute;left:6.3vmin;text-shadow:-1px 1px 0 var(--raised-background),1px 1px 0 var(--raised-background),1px -1px 0 var(--raised-background),-1px -1px 0 var(--raised-background)}.manager-header{width:calc(100% - 10vmin)}.manager-header .row{align-items:center;width:100%}.manager-header .button{font-size:4vmin;padding:2vmin;height:8vmin}.modifier-toggle{padding-right:10px;transform:translateY(-1px);display:inline-block}.modifier-toggle.collapsed{transform:translate(-5px,-5px) rotate(-90deg)}.resource-box{display:flex;border:solid 2px var(--bought);padding:0 4px;border-radius:4px;font-size:2em;align-items:center}.resource-box:not(:last-child){margin-right:20px!important}.resource-box .material-icons{margin-right:6px;font-size:1em}.resource-box img{margin-right:6px;width:1em;transform:scale(2);image-rendering:pixelated}.shop{margin-top:10vh!important;position:relative}.shop .row{border-image:url(./shop\ window.0a80aaff.png);border-image-slice:106 53 53 424 fill;border-style:solid;border-width:5vmin 2.5vmin 2.5vmin 20vmin;width:72.5vmin;justify-content:flex-start;align-items:center}.shop .row:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);height:5vmin;aspect-ratio:516/102;background-size:contain;background-image:url(./shop\ cat.90b80da1.png);z-index:3;pointer-events:none}.reroll{margin-left:-19vmin!important;margin-top:-1vmin!important;height:18vmin;cursor:pointer;user-select:none;transition-duration:0s;image-rendering:pixelated}.reroll img{height:100%;transform:scale(1.5) translateY(-18%);filter:drop-shadow(2px 4px 6px black)}.startStream{height:16vmin;cursor:pointer;filter:drop-shadow(2px 4px 6px black);margin-right:0!important;margin-bottom:-8vmin!important}.waiting{font-size:4vmin;height:16vmin;display:flex;align-items:center}.battle-container{display:flex;flex-direction:column;height:100%}.battle-container:not(.fast) *{transition-duration:1s}.teams-container{display:flex;height:100%;width:100%}.team-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;margin:0 4vmin}.stream-container{aspect-ratio:16/9;width:calc(100% - 4px);margin:0 auto;border:solid 2px var(--accent1);position:relative;background:var(--background);filter:drop-shadow(2px 4px 6px black)}.stream-details{position:absolute;top:1vmin;display:flex;flex-direction:column}.stream-details .stats{display:flex;margin-top:1vmin}.view-counter{font-size:2vmin;position:absolute;top:1vmin}.streamers-container{width:90%;height:18vmin;position:absolute;left:5%;bottom:5%;overflow-x:auto;overflow-y:hidden}.members-container{height:18vmin;flex-shrink:0;overflow:hidden}.streamers-container .row,.members-container .row{flex-flow:row}.streamers-container .character,.members-container .character{margin:4vmin 1vmin}.battle-controls{margin-bottom:2vmin;display:flex}.battle-controls .button{display:flex;flex-direction:column;font-size:2vmin;margin:1vmin;border:solid 2px var(--link);border-radius:var(--border-radius)}.battle-controls .button.active{background:var(--link);color:var(--feature-foreground)}.outcome{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:2vmin 4vmin;background:var(--tooltip-background);border-radius:4vmin;font-size:6vmin;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.outcome span{margin:1vmin}.character-transition-enter-from{transform:translateY(100%)}.character-transition-leave-to{transform:translateY(-100%)}.character-trensition-active{position:absolute}.total-outcome-container{display:flex;flex-direction:column;justify-content:space-around;height:100%}.total-outcome{font-size:4vmin;margin:0}.smiley{font-size:20vmin;margin:0;animation:swing 2s infinite ease}.total-outcome-container .button{margin:0;font-size:xx-large}@media (orientation: portrait){.teams-container{flex-direction:column}.team-container{margin:4vmin 0}.stream-container{width:unset;height:100%}}@keyframes swing{0%,to{transform:rotate(-30deg)}20%{transform:scale(.95)}50%{transform:rotate(30deg)}80%{transform:scale(.95)}}.not-fullscreen[data-v-0b99a6fc],.resize-listener[data-v-0b99a6fc]{position:absolute;top:0px;left:0;right:-4px;bottom:5px;pointer-events:none;z-index:10}.field[data-v-11046116]{cursor:pointer}input[data-v-11046116]{appearance:none;pointer-events:none}span[data-v-11046116]{width:100%;padding-right:41px;position:relative}input+span[data-v-11046116]:before{content:"";position:absolute;top:calc(50% - 7px);right:0px;border-radius:7px;width:36px;height:14px;background-color:var(--outline);opacity:.38;vertical-align:top;transition:background-color .2s,opacity .2s}input+span[data-v-11046116]:after{content:"";position:absolute;top:calc(50% - 10px);right:16px;border-radius:50%;width:20px;height:20px;background-color:var(--locked);box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f;transition:background-color .2s,transform .2s}input:checked+span[data-v-11046116]:before{background-color:var(--link);opacity:.6}input:checked+span[data-v-11046116]:after{background-color:var(--link);transform:translate(16px)}input:active+span[data-v-11046116]:before{background-color:var(--link);opacity:.6}input:checked:active+span[data-v-11046116]:before{background-color:var(--outline);opacity:.38}input:disabled+span[data-v-11046116]{color:#000;opacity:.38;cursor:default}input:disabled+span[data-v-11046116]:before{background-color:var(--outline);opacity:.38}input:checked:disabled+span[data-v-11046116]:before{background-color:var(--link);opacity:.6}.game-over-modal-header[data-v-4a50ce42]{display:flex;margin:-20px -20px 0;background:var(--raised-background);align-items:center}.game-over-modal-header *[data-v-4a50ce42]{margin:0}.game-over-modal-logo[data-v-4a50ce42]{height:4em;width:4em}.game-over-modal-title[data-v-4a50ce42]{display:flex;flex-direction:column;padding:10px 0;margin-left:10px}.game-over-footer[data-v-4a50ce42]{display:flex;justify-content:flex-end}.game-over-footer button[data-v-4a50ce42]{margin:0 10px}.game-over-modal-discord-link[data-v-4a50ce42]{display:flex;align-items:center}.game-over-modal-discord[data-v-4a50ce42]{margin:0 4px 0 0}.nan-modal-header[data-v-336bf74f]{padding:10px 0;margin-left:10px}.nan-footer[data-v-336bf74f]{display:flex;justify-content:flex-end}.nan-footer button[data-v-336bf74f]{margin:0 10px}.nan-modal-discord-link[data-v-336bf74f]{display:flex;align-items:center}.nan-modal-discord[data-v-336bf74f]{margin:0 4px 0 0}:root{color-scheme:dark}*{transition-duration:.5s;font-family:Roboto Mono,monospace;font-weight:700;margin:auto;text-size-adjust:none}*:focus{outline:none}body{overflow:hidden;transition:none;text-align:center}html,body,#app{min-height:100%;height:100%}h1,h2,h3,b,input{display:inline}button{color:#000}a,.button,.link{display:block;color:var(--link);background:none;border:none;cursor:pointer;text-decoration:none}a:hover,.button:hover,.link:hover{text-shadow:5px 0 10px var(--link),-3px 0 12px var(--link)}.button:disabled{opacity:.5;cursor:not-allowed}.button:disabled:hover{text-shadow:none}ul{list-style-type:none}.Vue-Toastification__toast{margin:unset}.app[data-v-48adfab3]{background-color:var(--background);color:var(--foreground);display:flex;flex-flow:column;min-height:100%;height:100%}#modal-root[data-v-48adfab3]{position:absolute;min-height:100%;height:100%;color:var(--foreground)} diff --git a/ludwig/index.html b/ludwig/index.html index 0a0502fe..da71c251 100644 --- a/ludwig/index.html +++ b/ludwig/index.html @@ -41,7 +41,7 @@ Profectus - + @@ -68,7 +68,7 @@ - + diff --git a/ludwig/sw.js b/ludwig/sw.js index 123c38c8..150420a0 100644 --- a/ludwig/sw.js +++ b/ludwig/sw.js @@ -1 +1 @@ -if(!self.define){let s,e={};const i=(i,l)=>(i=new URL(i+".js",l).href,e[i]||new Promise((e=>{if("document"in self){const s=document.createElement("script");s.src=i,s.onload=e,document.head.appendChild(s)}else s=i,importScripts(i),e()})).then((()=>{let s=e[i];if(!s)throw new Error(`Module ${i} didn’t register its module`);return s})));self.define=(l,n)=>{const r=s||("document"in self?document.currentScript.src:"")||location.href;if(e[r])return;let u={};const t=s=>i(s,r),o={module:{uri:r},exports:u,require:t};e[r]=Promise.all(l.map((s=>o[s]||t(s)))).then((s=>(n(...s),u)))}}define(["./workbox-958fa2bd"],(function(s){"use strict";self.addEventListener("message",(s=>{s.data&&"SKIP_WAITING"===s.data.type&&self.skipWaiting()})),s.precacheAndRoute([{url:"assets/@fontsource.f66d05e7.css",revision:null},{url:"assets/@pixi.1eac1889.js",revision:null},{url:"assets/@socket.io.aec831e2.js",revision:null},{url:"assets/@vue.4ce677c2.js",revision:null},{url:"assets/earcut.b6f90e68.js",revision:null},{url:"assets/engine.io-client.58517560.js",revision:null},{url:"assets/engine.io-parser.3f360695.js",revision:null},{url:"assets/eventemitter3.dc5195d7.js",revision:null},{url:"assets/gameLoop.839c30ab.js",revision:null},{url:"assets/index.628d8c10.css",revision:null},{url:"assets/index.9e26d6b8.js",revision:null},{url:"assets/ismobilejs.5c6954b9.js",revision:null},{url:"assets/lru-cache.9a21e90b.js",revision:null},{url:"assets/lz-string.f2f3b7cf.js",revision:null},{url:"assets/nanoevents.1080beb7.js",revision:null},{url:"assets/querystring.23ae9a54.js",revision:null},{url:"assets/semver.83ff78cf.js",revision:null},{url:"assets/socket.io-client.79ce0df5.js",revision:null},{url:"assets/socket.io-parser.544e37d1.js",revision:null},{url:"assets/sortablejs.cbae5b2d.js",revision:null},{url:"assets/url.e51cb87b.js",revision:null},{url:"assets/vue-next-select.0dc4e443.js",revision:null},{url:"assets/vue-next-select.9e6f4164.css",revision:null},{url:"assets/vue-textarea-autosize.35804eaf.js",revision:null},{url:"assets/vue-toastification.4b5f8ac8.css",revision:null},{url:"assets/vue-toastification.b7cd620e.js",revision:null},{url:"assets/vue.f6263579.js",revision:null},{url:"assets/vuedraggable.c3acdf62.js",revision:null},{url:"assets/workbox-window.8d14e8b7.js",revision:null},{url:"assets/yallist.fd762fe7.js",revision:null},{url:"index.html",revision:"1d2419a7265b726cd8641225b38feb1e"},{url:"favicon.ico",revision:"eead31eb5b19fa3bdc34af83d898c0b7"},{url:"robots.txt",revision:"5e0bd1c281a62a380d7a948085bfe2d1"},{url:"apple-touch-icon.png",revision:"26e53bb981d06c8069ffd9d2a14fce0e"},{url:"pwa-192x192.png",revision:"a16785d9e890858c5b508e0ef6954aaf"},{url:"pwa-512x512.png",revision:"b84004b93fd62ef6599ff179372861a1"},{url:"manifest.webmanifest",revision:"f93609f5a1f787be307fe537f0c532f3"}],{}),s.cleanupOutdatedCaches(),s.registerRoute(new s.NavigationRoute(s.createHandlerBoundToURL("index.html")))})); +if(!self.define){let s,e={};const i=(i,l)=>(i=new URL(i+".js",l).href,e[i]||new Promise((e=>{if("document"in self){const s=document.createElement("script");s.src=i,s.onload=e,document.head.appendChild(s)}else s=i,importScripts(i),e()})).then((()=>{let s=e[i];if(!s)throw new Error(`Module ${i} didn’t register its module`);return s})));self.define=(l,n)=>{const r=s||("document"in self?document.currentScript.src:"")||location.href;if(e[r])return;let u={};const t=s=>i(s,r),o={module:{uri:r},exports:u,require:t};e[r]=Promise.all(l.map((s=>o[s]||t(s)))).then((s=>(n(...s),u)))}}define(["./workbox-958fa2bd"],(function(s){"use strict";self.addEventListener("message",(s=>{s.data&&"SKIP_WAITING"===s.data.type&&self.skipWaiting()})),s.precacheAndRoute([{url:"assets/@fontsource.f66d05e7.css",revision:null},{url:"assets/@pixi.1eac1889.js",revision:null},{url:"assets/@socket.io.aec831e2.js",revision:null},{url:"assets/@vue.4ce677c2.js",revision:null},{url:"assets/earcut.b6f90e68.js",revision:null},{url:"assets/engine.io-client.58517560.js",revision:null},{url:"assets/engine.io-parser.3f360695.js",revision:null},{url:"assets/eventemitter3.dc5195d7.js",revision:null},{url:"assets/gameLoop.c8b27b43.js",revision:null},{url:"assets/index.67aa62bf.js",revision:null},{url:"assets/index.6d3e8d1e.css",revision:null},{url:"assets/ismobilejs.5c6954b9.js",revision:null},{url:"assets/lru-cache.9a21e90b.js",revision:null},{url:"assets/lz-string.f2f3b7cf.js",revision:null},{url:"assets/nanoevents.1080beb7.js",revision:null},{url:"assets/querystring.23ae9a54.js",revision:null},{url:"assets/semver.83ff78cf.js",revision:null},{url:"assets/socket.io-client.79ce0df5.js",revision:null},{url:"assets/socket.io-parser.544e37d1.js",revision:null},{url:"assets/sortablejs.cbae5b2d.js",revision:null},{url:"assets/url.e51cb87b.js",revision:null},{url:"assets/vue-next-select.0dc4e443.js",revision:null},{url:"assets/vue-next-select.9e6f4164.css",revision:null},{url:"assets/vue-textarea-autosize.35804eaf.js",revision:null},{url:"assets/vue-toastification.4b5f8ac8.css",revision:null},{url:"assets/vue-toastification.b7cd620e.js",revision:null},{url:"assets/vue.f6263579.js",revision:null},{url:"assets/vuedraggable.c3acdf62.js",revision:null},{url:"assets/workbox-window.8d14e8b7.js",revision:null},{url:"assets/yallist.fd762fe7.js",revision:null},{url:"index.html",revision:"cfa37eedc0fb32588f83e82febf3b054"},{url:"favicon.ico",revision:"eead31eb5b19fa3bdc34af83d898c0b7"},{url:"robots.txt",revision:"5e0bd1c281a62a380d7a948085bfe2d1"},{url:"apple-touch-icon.png",revision:"26e53bb981d06c8069ffd9d2a14fce0e"},{url:"pwa-192x192.png",revision:"a16785d9e890858c5b508e0ef6954aaf"},{url:"pwa-512x512.png",revision:"b84004b93fd62ef6599ff179372861a1"},{url:"manifest.webmanifest",revision:"f93609f5a1f787be307fe537f0c532f3"}],{}),s.cleanupOutdatedCaches(),s.registerRoute(new s.NavigationRoute(s.createHandlerBoundToURL("index.html")))})); diff --git a/projects/babble/index.html b/projects/babble/index.html index ce720527..38a1c5ab 100644 --- a/projects/babble/index.html +++ b/projects/babble/index.html @@ -7,7 +7,7 @@ - + @@ -21,8 +21,8 @@

Appearance

Return to top
On this page

Babble Buds

Babble Buds Homepage

Source Code:

Babble buds is a free, open-source virtual puppet show software. It is heavily based on the non-public software called "Puppet Pals", used in URealms Live. The software is written in javascript using React, a rendering library called PIXI.js, and electron.

Users can create puppets with different faces for different emotions, and then use the puppet on a stage where you and other users can each make your respective puppets move, change emotions, and "babble" at each other. The stage has a green screen feature and can be popped out, which gives the users tons of possibilities in terms of using the program for a role-playing live stream, faux video chatting with friends, game development, or whatever else you want!

Users can connect to the public server and create private rooms so that they and their friends can see each other's puppets and use the software however they please. For the security conscious, you can also use the server's source code to self-host your private server.

Babble Buds Screenshot

Engine

The engine originally made to make the Babble Buds program was separated into a separate engine called babble.js, so that projects created in Babble Buds can be used in other projects. For example, a game can create puppets in Babble Buds and then use them for cutscenes or player agency inside of the game. Additionally, it has been ported to C# (called babble.cs) for use with Unity, for the same kinds of purposes. You can check out Tower Offense for a pixi.js game using Babble Buds puppets for the cutscenes, or Dice Armor for a unity game using Babble Buds puppets for the cutscenes.

Babble Movie Maker

Babble Movie Maker is a cutscene editor for Babble Buds puppets. You open a babble buds project in it, and you can add actors to a stage and have them move and change expressions, etc., on a timeline. You can then use the cutscene in a game using babble.js or babble.cs, or export the cutscene into a video file. There is even support for defining custom commands with custom fields, so that if you've expanded upon the default actions provided in babble.js or babble.cs, you can still use Movie Maker to create your cutscenes.

Babble MM Screenshot

- +
Return to top
On this page

Babble Buds

Babble Buds Homepage

Source Code:

Babble buds is a free, open-source virtual puppet show software. It is heavily based on the non-public software called "Puppet Pals", used in URealms Live. The software is written in javascript using React, a rendering library called PIXI.js, and electron.

Users can create puppets with different faces for different emotions, and then use the puppet on a stage where you and other users can each make your respective puppets move, change emotions, and "babble" at each other. The stage has a green screen feature and can be popped out, which gives the users tons of possibilities in terms of using the program for a role-playing live stream, faux video chatting with friends, game development, or whatever else you want!

Users can connect to the public server and create private rooms so that they and their friends can see each other's puppets and use the software however they please. For the security conscious, you can also use the server's source code to self-host your private server.

Babble Buds Screenshot

Engine

The engine originally made to make the Babble Buds program was separated into a separate engine called babble.js, so that projects created in Babble Buds can be used in other projects. For example, a game can create puppets in Babble Buds and then use them for cutscenes or player agency inside of the game. Additionally, it has been ported to C# (called babble.cs) for use with Unity, for the same kinds of purposes. You can check out Tower Offense for a pixi.js game using Babble Buds puppets for the cutscenes, or Dice Armor for a unity game using Babble Buds puppets for the cutscenes.

Babble Movie Maker

Babble Movie Maker is a cutscene editor for Babble Buds puppets. You open a babble buds project in it, and you can add actors to a stage and have them move and change expressions, etc., on a timeline. You can then use the cutscene in a game using babble.js or babble.cs, or export the cutscene into a video file. There is even support for defining custom commands with custom fields, so that if you've expanded upon the default actions provided in babble.js or babble.cs, you can still use Movie Maker to create your cutscenes.

Babble MM Screenshot

+ diff --git a/projects/citadel/index.html b/projects/citadel/index.html index dff4cd07..6c0867c4 100644 --- a/projects/citadel/index.html +++ b/projects/citadel/index.html @@ -7,7 +7,7 @@ - + @@ -21,8 +21,8 @@

Appearance

Return to top
On this page

Capture the Citadel

A 3D VR re-envisioning of a Slay the Spire-style game by Anthony Lawn and Grant Barbee for their VR class in college's final project.

For more details, visit Grant's page on the game.

Screenshot

- +
Return to top
On this page

Capture the Citadel

A 3D VR re-envisioning of a Slay the Spire-style game by Anthony Lawn and Grant Barbee for their VR class in college's final project.

For more details, visit Grant's page on the game.

Screenshot

+ diff --git a/projects/dice/index.html b/projects/dice/index.html index 23200756..f7bd32f0 100644 --- a/projects/dice/index.html +++ b/projects/dice/index.html @@ -7,7 +7,7 @@ - + @@ -21,8 +21,8 @@

Appearance

Return to top
On this page

Dice Armor

Download Here

Dice Armor is a game that started development as a semester-long project by a team of nine: a producer, a creative director, a narrative writer, an artist, two programmers, and 3 game designers. The information here is about my contributions as the lead programmer over the semester because I can show off stuff like the editor scripts I wrote. I was doing everything from interface coding, editor scripts, integrating Babble Buds, and of course, everything related to the gameplay itself. To date I'm still the lead programmer for the game; for more up-to-date information on the current state of the game please visit the official site.

The build available here was created for showing off at the end of the semester, and as such has some buttons present to make the game easier to skip parts of the game to see all the content: You start with all the dice in the game already in the shop, there's a button to give yourself free money to buy these dice with, and in the duel, there are buttons to force a win or a loss, which can be used to skip the tutorial (not recommended for first-time players).

Tutorial

Dice Armor is a dice dueling game. Players can use abilities, flip dice, and attack each other to win in a dice game that puts chance into the hands of the players. This is what the dueling scene looks like, with a tutorial cutscene happening on top to guide the player through the basics. Also, all the dice are constructed dynamically, using quaternion math to figure out the placement of each component relative to the face it is going on. The die in the middle has one of the player' and opponents' portraits on each of its sides.

Editors

For many of the objects I've created, I've made scriptable objects so that game designers can add and modify them easily. Additionally, I would create custom inspectors for the objects to help make them as easy to understand and edit as possible. The opponent's artificial intelligence is made up of many strategies, in a prioritized list. When it is the opponents' turn they go through each strategy and check if they can be run, and if so then the opponent performs the strategy and starts back over at the top of the list of strategies. The + sign under the list of strategies opens an organized dropdown of all the various strategies.

Simulator

In addition to custom inspector code, I've created new tools for the editor for our game designers to use. This is a duel simulator that will take two opponents and simulate an arbitrary number of duels between them, and output the results and summarize them for you, much much quicker than manually going through the duels, even with an absurdly high timeScale. This will become incredibly useful in making balance changes and testing new dice against existing sets. This is a screenshot of it in edit mode, but in play mode it removes the "Dueling Managers" field and will use whatever the current duel balance settings are, allowing for the GDs to test freely in play mode without worrying about undoing all their changes afterward.

Cutscene

I created the Babble Buds puppet editor and ported the rendering library I wrote for it to C# so it could be used in Unity. Dice Armor has a full campaign using cutscenes made using the Babble Buds cutscene editor, taking advantage of its support for custom commands and fields to control things like talking, giving the player dice and money, starting duels, and controlling player progression through the story.

Action Wheel

When a cutscene ends, its final command is to either start a duel or set the next cutscene in the story. In the latter case, there is an additional field for what to call the next cutscene, and what location it takes place. The cutscene is then added to the player's save file, and when they visit the city locations are greyed out until they have at least one action to do there. Each location has a dynamically populated action wheel with a custom range of acceptable angles.

Shop

The dice shop is dynamically populated by a list of dice available to the player, which can be changed during cutscenes, and is checked against the dice owned by the player to generate sold-out indicators. On the left, the player can choose to filter the options down to a single dice effect, which also updates the "Buy All" button to buy only all the dice in the current filter.

Inventory

The inventory works most the same as the shop, but for equipping dice. It also allows you to drag individual dice or entire sets to the equipped dice glyph. While dragging it will highlight all the slots the new dice will be equipped into.

Dice Rolling

The dice rolling uses the physics engine and detects once the dice have stopped moving, then determines which side is face up based on which of the normals is closest to straight up. It flags the die as cocked if that smallest angle is above a threshold. The dice sink into the table when not rolling to not interfere with any dice that are rolling.

Missile Storm

During certain events like winning the game or having the face of a die broken, the players' portraits will flash an emotion for a second. After winning, a random living die from the winning player is chosen to play their "finisher move", a flashy and dramatic effect to end the game. Shown is the arcane mechana's finisher, "Missile Storm".

- +
Return to top
On this page

Dice Armor

Download Here

Dice Armor is a game that started development as a semester-long project by a team of nine: a producer, a creative director, a narrative writer, an artist, two programmers, and 3 game designers. The information here is about my contributions as the lead programmer over the semester because I can show off stuff like the editor scripts I wrote. I was doing everything from interface coding, editor scripts, integrating Babble Buds, and of course, everything related to the gameplay itself. To date I'm still the lead programmer for the game; for more up-to-date information on the current state of the game please visit the official site.

The build available here was created for showing off at the end of the semester, and as such has some buttons present to make the game easier to skip parts of the game to see all the content: You start with all the dice in the game already in the shop, there's a button to give yourself free money to buy these dice with, and in the duel, there are buttons to force a win or a loss, which can be used to skip the tutorial (not recommended for first-time players).

Tutorial

Dice Armor is a dice dueling game. Players can use abilities, flip dice, and attack each other to win in a dice game that puts chance into the hands of the players. This is what the dueling scene looks like, with a tutorial cutscene happening on top to guide the player through the basics. Also, all the dice are constructed dynamically, using quaternion math to figure out the placement of each component relative to the face it is going on. The die in the middle has one of the player' and opponents' portraits on each of its sides.

Editors

For many of the objects I've created, I've made scriptable objects so that game designers can add and modify them easily. Additionally, I would create custom inspectors for the objects to help make them as easy to understand and edit as possible. The opponent's artificial intelligence is made up of many strategies, in a prioritized list. When it is the opponents' turn they go through each strategy and check if they can be run, and if so then the opponent performs the strategy and starts back over at the top of the list of strategies. The + sign under the list of strategies opens an organized dropdown of all the various strategies.

Simulator

In addition to custom inspector code, I've created new tools for the editor for our game designers to use. This is a duel simulator that will take two opponents and simulate an arbitrary number of duels between them, and output the results and summarize them for you, much much quicker than manually going through the duels, even with an absurdly high timeScale. This will become incredibly useful in making balance changes and testing new dice against existing sets. This is a screenshot of it in edit mode, but in play mode it removes the "Dueling Managers" field and will use whatever the current duel balance settings are, allowing for the GDs to test freely in play mode without worrying about undoing all their changes afterward.

Cutscene

I created the Babble Buds puppet editor and ported the rendering library I wrote for it to C# so it could be used in Unity. Dice Armor has a full campaign using cutscenes made using the Babble Buds cutscene editor, taking advantage of its support for custom commands and fields to control things like talking, giving the player dice and money, starting duels, and controlling player progression through the story.

Action Wheel

When a cutscene ends, its final command is to either start a duel or set the next cutscene in the story. In the latter case, there is an additional field for what to call the next cutscene, and what location it takes place. The cutscene is then added to the player's save file, and when they visit the city locations are greyed out until they have at least one action to do there. Each location has a dynamically populated action wheel with a custom range of acceptable angles.

Shop

The dice shop is dynamically populated by a list of dice available to the player, which can be changed during cutscenes, and is checked against the dice owned by the player to generate sold-out indicators. On the left, the player can choose to filter the options down to a single dice effect, which also updates the "Buy All" button to buy only all the dice in the current filter.

Inventory

The inventory works most the same as the shop, but for equipping dice. It also allows you to drag individual dice or entire sets to the equipped dice glyph. While dragging it will highlight all the slots the new dice will be equipped into.

Dice Rolling

The dice rolling uses the physics engine and detects once the dice have stopped moving, then determines which side is face up based on which of the normals is closest to straight up. It flags the die as cocked if that smallest angle is above a threshold. The dice sink into the table when not rolling to not interfere with any dice that are rolling.

Missile Storm

During certain events like winning the game or having the face of a die broken, the players' portraits will flash an emotion for a second. After winning, a random living die from the winning player is chosen to play their "finisher move", a flashy and dramatic effect to end the game. Shown is the arcane mechana's finisher, "Missile Storm".

+ diff --git a/projects/index.html b/projects/index.html index cec9752a..adce416e 100644 --- a/projects/index.html +++ b/projects/index.html @@ -7,7 +7,7 @@ - + @@ -22,7 +22,7 @@

Appearance

Return to top
On this page

Games!

I make games regularly! Check them out in the sidebar or on my itch.io page.

Profectus!

I contributed to a modding framework called The Modding Tree and then made Profectus as an alternative that gives developers more control. Profectus is a game engine for the web that uses TS and Vue.

V-ecs!

V-ecs (pronounced "Vex") is a Vulkan-based engine I made for making highly moddable games and tools in Lua centered around the ECS design pattern and a work-stealing job system.

OptiSpeech!

I led a team updating a legacy Unity project for research on speech therapy to use a modern version with a focus on extensibility to facilitate future maintenance and features.

Babble Buds!

Babble Buds is a free, open-source virtual puppet show engine I made for various platforms including HTLM5 and Unity, as well as an accompanying electron-based puppet editor and multiplayer stage.

Dice Armor

I was the lead programmer on a team of nine creating this game in a semester-long college course. I programmed all the gameplay systems as well as incorporated Babble Buds for the cutscenes and tutorial.

Capture the Citadel

A 3D VR re-envisioning of a Slay the Spire-style game by Anthony Lawn and Grant Barbee.

- + diff --git a/projects/optispeech/index.html b/projects/optispeech/index.html index a0a21fe6..a1e8e783 100644 --- a/projects/optispeech/index.html +++ b/projects/optispeech/index.html @@ -7,7 +7,7 @@ - + @@ -21,8 +21,8 @@

Appearance

Return to top
On this page

OptiSpeech

The Optispeech project involves designing and testing a real-time tongue model that can be viewed in a transparent head while a subject talks — for the purposes of treating speech errors and teaching foreign language sounds. This work has been conducted in partnership with Vulintus and with support from the National Institutes of Health (NIH). The UT Dallas Speech Production Lab is currently updating the program to use updated versions of Unity and adding support for more features and hardware.

System Architecture

This video shows a talker with WAVE sensors placed on the tongue hitting a virtual target sphere located at the alveolar ridge. When an alveolar consonant is hit (e.g., /s/, /n/, /d/) the sphere changes color from red to green.

This video shows an American talker learning a novel sound not found in English. When the post-alveolar consonant is hit, the target sphere changes color from red to green. Here, the NDI WAVE system serves as input.

The program is being updated by a team in the UT Dallas Speech Production Lab led by Anthony Lawn, so the program uses a more modern version of Unity, has an easier-to-use interface, can more easily support new features, and can connect to additional EMA systems, namely the Carstens AG501.

New Interface

In addition, the program now includes documentation and unit tests to improve program stability and maintainability going forward.

Documentation

Unit Tests

- +
Return to top
On this page

OptiSpeech

The Optispeech project involves designing and testing a real-time tongue model that can be viewed in a transparent head while a subject talks — for the purposes of treating speech errors and teaching foreign language sounds. This work has been conducted in partnership with Vulintus and with support from the National Institutes of Health (NIH). The UT Dallas Speech Production Lab is currently updating the program to use updated versions of Unity and adding support for more features and hardware.

System Architecture

This video shows a talker with WAVE sensors placed on the tongue hitting a virtual target sphere located at the alveolar ridge. When an alveolar consonant is hit (e.g., /s/, /n/, /d/) the sphere changes color from red to green.

This video shows an American talker learning a novel sound not found in English. When the post-alveolar consonant is hit, the target sphere changes color from red to green. Here, the NDI WAVE system serves as input.

The program is being updated by a team in the UT Dallas Speech Production Lab led by Anthony Lawn, so the program uses a more modern version of Unity, has an easier-to-use interface, can more easily support new features, and can connect to additional EMA systems, namely the Carstens AG501.

New Interface

In addition, the program now includes documentation and unit tests to improve program stability and maintainability going forward.

Documentation

Unit Tests

+ diff --git a/projects/vecs/index.html b/projects/vecs/index.html index 59b4b953..c9457fec 100644 --- a/projects/vecs/index.html +++ b/projects/vecs/index.html @@ -7,7 +7,7 @@ - + @@ -21,8 +21,8 @@

Appearance

Return to top
On this page

V-ecs

V-ecs Screenshot

V-ecs (pronounced "Vex") is a Vulkan-based engine I made for making highly moddable games and tools in Lua centered around the ECS design pattern and a work-stealing job system.

The engine works with "worlds", which are collections of systems and renderers. The engine comes with several worlds using systems and renderers I made, including a voxel world, an incremental game, and some test scenes. All of these include systems to render the fps as well as show a debug console by typing the grave key (`). The default world is a title screen that detects any worlds in the "worlds" folder and displays a button for each of them.

Debug Menu

The original plans were to eventually put it on the steam workshop so people could more easily share their creations amongst each other, but I never became happy enough with the performance of the engine - the parallelization of the lua code involved a lot of overhead that severely limited performance.

Instead, I made a couple of worlds by myself - an infinite procedurally generated voxel world, a simple incremental game, and a more complex incremental game I call "Sands of Time".

Sands of Time

- +
Return to top
On this page

V-ecs

V-ecs Screenshot

V-ecs (pronounced "Vex") is a Vulkan-based engine I made for making highly moddable games and tools in Lua centered around the ECS design pattern and a work-stealing job system.

The engine works with "worlds", which are collections of systems and renderers. The engine comes with several worlds using systems and renderers I made, including a voxel world, an incremental game, and some test scenes. All of these include systems to render the fps as well as show a debug console by typing the grave key (`). The default world is a title screen that detects any worlds in the "worlds" folder and displays a button for each of them.

Debug Menu

The original plans were to eventually put it on the steam workshop so people could more easily share their creations amongst each other, but I never became happy enough with the performance of the engine - the parallelization of the lua code involved a lot of overhead that severely limited performance.

Instead, I made a couple of worlds by myself - an infinite procedurally generated voxel world, a simple incremental game, and a more complex incremental game I call "Sands of Time".

Sands of Time

+ diff --git a/public/gamedevtree/2.0-format-changes/index.html b/public/gamedevtree/2.0-format-changes/index.html index 13f40659..46873996 100644 --- a/public/gamedevtree/2.0-format-changes/index.html +++ b/public/gamedevtree/2.0-format-changes/index.html @@ -22,7 +22,7 @@

Appearance

On this page

2.0 format changes

  • Temp format is changed from temp.something[layer] to temp[layer].something, for consistency
  • Challenges are now saved as an object with the amount of completions in each spot. (This will break saves.)
  • effectDisplay in Challenges and Upgrades no longer takes an argument, and neither does effect for Buyables
  • Buyable cost can take an argument for amount of buyables, but it needs to function if no argument is supplied (it should do the cost for the next purchase).
  • Generation of Points now happens in the main game loop (not in a layer update function), enabled by canGenPoints in game.js.
  • Changed fullLayerReset to layerDataReset, which takes an array of names of values to keep

In addition, many names were changed, mostly expanding abbreviations:

All instances of:

  • chall -> challenge
  • unl -> unlocked
  • upg -> upgrade (besides CSS)
  • amt -> amount
  • desc -> description
  • resCeil -> roundUpCost
  • order -> unlockOrder
  • incr_order -> increaseUnlockOrder

Challenges:

  • desc -> challengeDescription
  • reward -> rewardDescription
  • effect -> rewardEffect
  • effectDisplay -> rewardDisplay
  • active -> challengeActive
- + diff --git a/public/gamedevtree/README/index.html b/public/gamedevtree/README/index.html index 9351e586..2afee919 100644 --- a/public/gamedevtree/README/index.html +++ b/public/gamedevtree/README/index.html @@ -22,7 +22,7 @@

Appearance

On this page

The-Modding-Tree

A modified version of The Prestige Tree that is much easier to mod. It still requires programming knowledge, but it's mostly pretty easy things and copy/pasting.

Look here for a tutorial on getting started with modding with TMT

You can look in the documentation for more information on how it all works, or look at the code in layers.js to see what it all looks like.

- + diff --git a/public/gamedevtree/changelog/index.html b/public/gamedevtree/changelog/index.html index d6a80805..61833b89 100644 --- a/public/gamedevtree/changelog/index.html +++ b/public/gamedevtree/changelog/index.html @@ -22,7 +22,7 @@

Appearance

On this page

The Game Dev Tree changelog:

v1.0.4 Version Bump [rebalanced,debuggedx3] - 2020-11-09

  • Fixed refactorings 2, 3, and 4 not actually affecting productivity

v1.0.3 Version Bump [rebalanced,debuggedx2] - 2020-11-08

  • Fixed API milestone 4 not working

v1.0.2 Version Bump [rebalanced,debugged] - 2020-11-08

  • Fixed tree lines being hidden after hitting "keepGoing" in the victory screen

v1.0.1 Version Bump [rebalanced] - 2020-11-08

  • Buffed several TAs

v1.0 Version Bump - 2020-11-08

  • Finished row 4
  • Added colored text to lore
  • Fixed some visual bugs with milestones
  • Probably other stuff lol its been a week

v0.2.3 Stylish - 2020-10-30

  • Re-styled basically everything
  • Added favicon
  • Added header bar
  • Added changelog

v0.2.2 Row 3 - 2020-10-22

  • Removed debug statement
  • Moved milestones in F layer beneath the buyables

v0.2.1 Row 3 - 2020-10-21

  • Fixed layers hiding
  • Fixed typos/minor issues
  • Fixed S layer being highlighted before you can unlock the layer

v0.2 Row 3 - 2020-10-21

  • Implemented row 3

v0.1.1 Cash Influx [rebalanced] - 2020-10-19

  • Fixed notification issue
  • Rebalanced to make early game faster and late game slower
  • Fixed other minor issues

v0.1 Cash Influx - 2020-10-19

  • Implemented row 2

v0.0 Initial Commit - 2020-10-18

  • Implemented row 1
- + diff --git a/public/gamedevtree/docs/!general-info/index.html b/public/gamedevtree/docs/!general-info/index.html index 401fae49..36dd5974 100644 --- a/public/gamedevtree/docs/!general-info/index.html +++ b/public/gamedevtree/docs/!general-info/index.html @@ -22,7 +22,7 @@

Appearance

On this page

The-Modding-Tree

The main way to add content is through creating layers. You can either add a layer directly in the layers object in layersSupportjs, or declare it in another file and then do "addLayer(layername, layerdata)" (good for breaking things up into smaller files). The existing layers are just examples and can be freely deleted. You can also use them as references and a base for your own layers.

The first thing you need to do is to edit the modInfo at the top of game.js to set your modID (a string). A unique modId will prevent your mod's saves from conflicting with other mods.

Most of the time, you won't need to dive deep into the code to create things, but you still can if you really want to.

The Modding Tree uses break_eternity.js to store large values. This means that many numbers are Decimal objects, and must be treated differently. For example, you have to use new Decimal(x) to create a Decimal value instead of a plain number, and perform operations on them by calling functions. e.g, instead of x = x + y, use x = x.add(y).

Almost all values can be either a constant value, or a dynamic value. Dynamic values are defined by putting a function that returns what the value should be at any given time.

All display text can be basic HTML instead (But you can't use most Vue features there).

Table of Contents:

General:

  • Getting Started: Getting your own copy of the code set up with Github Desktop.
  • Main mod info: How to set up general things for your mod in mod.js.
  • Basic layer breakdown: Breaking down the components of a layer with minimal features.
  • Layer features: Explanations of all of the different properties that you can give a layer.
  • Custom Tab Layouts: An optional way to give your tabs a different layout. You can even create entirely new components to use.
  • Updating TMT: Using Github Desktop to update your mod's version of TMT.

Common components

  • Upgrades: How to create upgrades for a layer.
  • Milestones: How to create milestones for a layer.
  • Buyables: Create rebuyable upgrades for your layer (with the option to make them respec-able). Can be used to make Enhancers or Space Buildings.
  • Clickables: A more generalized variant of buyables, for any kind of thing that is sometimes clickable. Between these and Buyables, you can do just about anything.

Other components

  • Challenges: How to create challenges for a layer.
  • Bars: Display some information as a progress bar, gague, or similar. They are highly customizable, and can be horizontal and vertical as well.
  • Subtabs and Microtabs: Create subtabs for your tabs, as well as "microtab" components that you can put inside the tabs.
  • Achievements: How to create achievements for a layer (or for the whole game).
  • Infoboxes: Boxes containing text that can be shown or hidden.
- + diff --git a/public/gamedevtree/docs/achievements/index.html b/public/gamedevtree/docs/achievements/index.html index dadcac18..6fcc73ee 100644 --- a/public/gamedevtree/docs/achievements/index.html +++ b/public/gamedevtree/docs/achievements/index.html @@ -31,7 +31,7 @@ etc }

Each achievement should have an id where the first digit is the row and the second digit is the column. Individual achievement can have these features:

  • name: optional, displayed at the top of the achievement. The only visible text. It can also be a function that returns updating text. Can use basic HTML.

  • done(): A function returning a boolean to determine if the achievement should be awarded.

  • tooltip: Default tooltip for the achievement, appears when it is hovered over. Should convey the goal and any reward for completing the achievement. It can also be a function that returns updating text. Can use basic HTML.

  • effect(): optional, A function that calculates and returns the current values of any bonuses from the achievement. Can return a value or an object containing multiple values.

  • unlocked(): optional, A function returning a bool to determine if the achievement is visible or not. Default is unlocked.

  • onComplete() - optional, this function will be called when the achievement is completed.

  • style: Optional, Applies CSS to this achievement, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings)

  • layer: Assigned automagically. It's the same value as the name of this layer, so you can do player[this.layer].points or similar

  • id: Assigned automagically. It's the "key" which the achievement was stored under, for convenient access. The achievement in the example's id is 11.

  • goalTooltip: optional, depracated Appears when the achievement is hovered over and locked, overrides the basic tooltip. This is to display the goal (or a hint). It can also be a function that returns updating text. Can use basic HTML.

  • doneTooltip: optional, depracated Appears when the achievement is hovered over and completed, overrides the basic tooltip. This can display what the player achieved (the goal), and the rewards, if any. It can also be a function that returns updating text. Can use basic HTML.

- + diff --git a/public/gamedevtree/docs/bars/index.html b/public/gamedevtree/docs/bars/index.html index c706cbb4..d8eae84e 100644 --- a/public/gamedevtree/docs/bars/index.html +++ b/public/gamedevtree/docs/bars/index.html @@ -29,7 +29,7 @@ etc }

Features:

  • direction: UP, DOWN, LEFT, or RIGHT (not Strings). Determines the direction that the bar is filled as it progresses. RIGHT means from left to right.

  • width, height: The size in pixels of the bar, but as Numbers (no "px" at the end)

  • progress(): A function that returns the portion of the bar that is filled, from "empty" at 0 to "full" at 1. (Nothing bad happens if the value goes out of these bounds, and it can be a number or Decimal).

  • display(): optional, A function that returns text to be displayed on top of the bar, can use HTML.

  • unlocked(): optional, A function returning a bool to determine if the bar is visible or not. Default is unlocked.

  • baseStyle, fillStyle, borderStyle, textStyle: Optional, Apply CSS to the unfilled portion, filled portion, border, and display text on the bar, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings).

  • layer: Assigned automagically. It's the same value as the name of this layer, so you can do player[this.layer].points or similar

  • id: Assigned automagically. It's the "key" which the bar was stored under, for convenient access. The bar in the example's id is "bigBar".

- + diff --git a/public/gamedevtree/docs/basic-layer-breakdown/index.html b/public/gamedevtree/docs/basic-layer-breakdown/index.html index c51cb94e..9f93a09a 100644 --- a/public/gamedevtree/docs/basic-layer-breakdown/index.html +++ b/public/gamedevtree/docs/basic-layer-breakdown/index.html @@ -50,7 +50,7 @@ layerShown() {return true}, // Returns a bool for if this layer's node should be visible in the tree. }, - + diff --git a/public/gamedevtree/docs/buyables/index.html b/public/gamedevtree/docs/buyables/index.html index 91084330..6ceaa962 100644 --- a/public/gamedevtree/docs/buyables/index.html +++ b/public/gamedevtree/docs/buyables/index.html @@ -36,7 +36,7 @@ etc }

Features:

  • title: optional, displayed at the top in a larger font It can also be a function that returns updating text.

  • cost(): cost for buying the next buyable. Can have an optional argument "x" to calculate the cost of the x+1th object, but needs to use "current amount" as a default value for x. (x is a Decimal). Can return an object if there are multiple currencies.

  • effect(): optional, A function that calculates and returns the current values of bonuses of this buyable. Can return a value or an object containing multiple values.

  • display(): A function returning everything that should be displayed on the buyable after the title, likely including the description, amount bought, cost, and current effect. Can use basic HTML.

  • unlocked(): optional, A function returning a bool to determine if the buyable is visible or not. Default is unlocked.

  • canAfford(): A function returning a bool to determine if you can buy one of the buyables.

  • buy(): A function that implements buying one of the buyable, including spending the currency.

  • buyMax(): optional, A function that implements buying as many of the buyable as possible.

  • style: Optional, Applies CSS to this buyable, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings)

  • layer: Assigned automagically. It's the same value as the name of this layer, so you can do player[this.layer].points or similar

  • id: Assigned automagically. It's the "key" which the buyable was stored under, for convenient access. The buyable in the example's id is 11.

Sell One/Sell All:

Including a sellOne or sellAll function will cause an additional button to appear beneath the buyable. They are functionally identical, but "sell one" appears above "sell all". You can also use them for other things.

sellOne/sellAll(): optional, Called when the button is pressed. The standard use would be to decrease/reset the amount of the buyable, And possibly return some currency to the player.

canSellOne/canSellAll(): optional, booleans determining whether or not to show the buttons. If "canSellOne/All" is absent but "sellOne/All" is present, the appropriate button will always show.

- + diff --git a/public/gamedevtree/docs/challenges/index.html b/public/gamedevtree/docs/challenges/index.html index cc6e6a56..ddc9f6c2 100644 --- a/public/gamedevtree/docs/challenges/index.html +++ b/public/gamedevtree/docs/challenges/index.html @@ -31,7 +31,7 @@ etc }

Each challenge should have an id where the first digit is the row and the second digit is the column. Individual Challenges can have these features:

  • name: Name of the challenge, can be a string or a function. Can use basic HTML.

  • challengeDescription: A description of what makes the challenge a challenge. You will need to implement these elsewhere It can also be a function that returns updating text. Can use basic HTML.

  • rewardDescription: A description of the reward's effect. You will also have to implement the effect where it is applied. It can also be a function that returns updating text. Can use basic HTML.

  • rewardEffect(): optional, A function that calculates and returns the current values of any bonuses from the reward. Can return a value or an object containing multiple values. Can use basic HTML.

  • rewardDisplay(): optional, A function that returns a display of the current effects of the reward with formatting. Default behavior is to just display the a number appropriately formatted.

  • goal: A Decimal for the amount of currency required to beat the challenge. By default, the goal is in basic Points. The goal can also be a function if its value changes.

  • unlocked(): optional, A function returning a bool to determine if the challenge is visible or not. Default is unlocked.

  • onComplete() - optional, this function will be called when the challenge is completed when previously incomplete.

  • countsAs: optional, If a challenge combines the effects of other challenges in this layer, you can use this. An array of challenge ids. The player is effectively in all of those challenges when in the current one.

By default, challenges use basic Points for the goal. You can change that using these features.

  • currencyDisplayName: optional, the name to display for the currency for the goal

  • currencyInternalName: optional, the internal name for that currency

  • currencyLayer: optional, the internal name of the layer that currency is stored in. If it's not in a layer, omit. If it's not stored directly in a layer, instead use the next feature.

  • currencyLocation: optional, if your currency is stored in something inside a layer (e.g. a buyable's amount), you can access it this way. This is a function returning the object in "player" that contains the value (like player[this.layer].buyables)

  • completionLimit: optional, the amount of times you can complete this challenge. Default is 1 completion.

  • style: Optional, Applies CSS to this challenge, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings)

  • layer: Assigned automagically. It's the same value as the name of this layer, so you can do player[this.layer].points or similar

  • id: Assigned automagically. It's the "key" which the challenge was stored under, for convenient access. The challenge in the example's id is 11.

- + diff --git a/public/gamedevtree/docs/clickables/index.html b/public/gamedevtree/docs/clickables/index.html index 8a327af8..7de4509f 100644 --- a/public/gamedevtree/docs/clickables/index.html +++ b/public/gamedevtree/docs/clickables/index.html @@ -35,7 +35,7 @@ etc }

Features:

  • title: optional, displayed at the top in a larger font It can also be a function that returns updating text.

  • effect(): optional, A function that calculates and returns the current values of bonuses of this clickable. Can return a value or an object containing multiple values.

  • display(): A function returning everything that should be displayed on the clickable after the title, likely changing based on its state. Can use basic HTML.

  • unlocked(): optional, A function returning a bool to determine if the clickable is visible or not. Default is unlocked.

  • canClick(): A function returning a bool to determine if you can click the clickable.

  • onClick(): A function that implements clicking one of the clickable.

  • style: Optional, Applies CSS to this clickable, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings)

  • layer: Assigned automagically. It's the same value as the name of this layer, so you can do player[this.layer].points or similar.

  • id: Assigned automagically. It's the "key" which the clickable was stored under, for convenient access. The clickable in the example's id is 11.

- + diff --git a/public/gamedevtree/docs/custom-tab-layouts/index.html b/public/gamedevtree/docs/custom-tab-layouts/index.html index 8d71f6b8..2e8752ab 100644 --- a/public/gamedevtree/docs/custom-tab-layouts/index.html +++ b/public/gamedevtree/docs/custom-tab-layouts/index.html @@ -31,7 +31,7 @@ ["toggle", ["c", "beep"]], "milestones", "blank", "blank", "upgrades"]

It is a list of components, which can be either just a name, or an array with arguments. If it's an array, the first item is the name of the component, the second is the data passed into it, and the third (optional) applies a CSS style to it with a "CSS object", where the keys are CSS attributes.

These are the existing components, but you can create more in v.js:

  • display-text: Displays some text (can use basic HTML). The argument is the text to display. It can also be a function that returns updating text.

  • raw-html: Displays some basic HTML, can also be a function.

  • blank: Adds empty space. The default dimensions are 8px x 17px. The argument changes the dimensions. If it's a single value (e.g. "20px"), that determines the height. If you have a pair of arguments, the first is width and the second is height.

  • row: Display a list of components horizontally. The argument is an array of components in the tab layout format.

  • column: Display a list of components vertically. The argument is an array of components in the tab layout format. This is useful to display columns within a row.

  • main-display: The text that displays the main currency for the layer and its effects.

  • resource-display: The text that displays the currency that this layer is based on, as well as the best and/or total values for this layer's prestige currency (if they are put in startData for this layer)

  • prestige-button: The argument is a string that the prestige button should say before the amount of currency you will gain. It can also be a function that returns updating text.

  • upgrades, milestones, challs, achievements: Display the upgrades, milestones, and challenges for a layer, as appropriate.

  • buyables, clickables: Display all of the buyables/clickables for this layer, as appropriate. The argument optional, and is the size of the boxes in pixels.

  • microtabs: Display a set of subtabs for an area. The argument is the name of the set of microtabs in the "microtabs" feature.

  • bar: Display a bar. The argument is the id of the bar to display.

  • infobox: Display an infobox. The argument is the id of the infobox to display.

  • toggle: A toggle button that toggles a bool value. The data is a pair that identifies what bool to toggle, [layer, id]

The rest of the components are sub-components. They can be used just like other components, but are typically part of another component.

  • upgrade, milestone, chall, buyable, clickable, achievement: An individual upgrade, challenge, etc. The argument is the id. This can be used if you want to have upgrades split up across multiple subtabs, for example.

  • respec-button, master-button: The respec and master buttons for buyables and clickables, respectively.

  • sell-one, sell-all: The "sell one" and "sell all" for buyables, respectively. The argument is the id of the buyable.

- + diff --git a/public/gamedevtree/docs/getting-started/index.html b/public/gamedevtree/docs/getting-started/index.html index ac8ad4f7..6cf58e00 100644 --- a/public/gamedevtree/docs/getting-started/index.html +++ b/public/gamedevtree/docs/getting-started/index.html @@ -22,7 +22,7 @@

Appearance

On this page

Getting started

Welcome to The Modding Tree!

Using the Modding Tree, at its simplest level, just requires getting a copy of it onto your computer. However, if you do it the right way, it will help in many ways.

Don't let the word "Github" scare you away. It's actually much easier to use than most people think, especially because most people use it the hard way. The key is Github Desktop, which lets you do everything you need to, without even touching the command line.

The benefits of using Github:

  • It makes it much, much easier to update The Modding Tree.
  • You can share your work without any extra effort using githack, or with a bit more effort, set up a github.io site.
  • It lets you undo changes to your code, and to have multiple versions of it.
  • It lets you collaborate with other people, if you want to.

Getting set up with Github and The Modding Tree:

  1. Install Github Desktop and Visual Studio Code.

  2. Make a Github account. You can handle this on your own.

  3. Log in on your browser, and go back to The Modding Tree page. At the top right, there should be a button that says "fork". Click on it, and then on your username. You now have your own fork, or copy, of The Modding Tree.

  4. Open Github Desktop and log in. Ignore everything else and choose "clone a repository". A "repository" is basically a "Github project", like The Modding Tree. "Cloning" is downloading a copy of the repository to your computer.

  5. Look for The Modding Tree in the list of repositiories (it should be the only one) and click "clone".

  6. Select that you're using it for your own purposes, and click continue. It will download the files and handle everything.

Using your repository

  1. Click on "show in finder" to the right, and then open index.html. This will let you view and test your project!

  2. To edit your project, click "open in VSCode" in Github Desktop.

  3. Open mod.js in VSCode, and look at the top part where it says "modInfo". On the lines below that, change the mod's name to whatever you want, and change the id as well. (It can be any string value, and it's used to determine where the savefile is. Make it something that's probably unique, and don't change it again later.)

  4. Save game.js, and then reload index.html. The title on the tab, as well as on the info page, will now be the new ones!

  5. Go back to Github Desktop. It's time to save your changes into the git system by making a "commit".

  6. At the bottom right corner, add a summary of your changes, and then click "commit to master".

  7. Finally, at the top middle, click "push origin" to push your changes out onto the online repository.

  8. You can view your project on line, or share it with others, by going to https://raw.githack.com/[YOUR-GITHUB-USERNAME]/The-Modding-Tree/master/index.html

And now, you have successfully used Github! You can look at the documentation to see how The Modding Tree's system works and to make your mod a reality.

- + diff --git a/public/gamedevtree/docs/infoboxes/index.html b/public/gamedevtree/docs/infoboxes/index.html index f20314e2..006bb045 100644 --- a/public/gamedevtree/docs/infoboxes/index.html +++ b/public/gamedevtree/docs/infoboxes/index.html @@ -29,7 +29,7 @@ etc }

Features:

  • title: The text displayed above the main box. Can be a function to be dynamic, and can use basic HTML.

  • body: The text displayed inside the box. Can be a function to be dynamic, and can use basic HTML.

  • style, titleStyle, bodyStyle: Optional, Apply CSS to the infobox, or to the title button or body of the infobox, in the form of an object where the keys are CSS attributes, and the values are the Values for those attributes (both as strings).

  • unlocked(): optional, A function returning a bool to determine if the infobox is visible or not. Default is unlocked.

  • layer: Assigned automagically. It's the same value as the name of this layer, so you can do player[this.layer].points or similar

  • id: Assigned automagically. It's the "key" which the bar was stored under, for convenient access. The bar in the example's id is "bigBar".

- + diff --git a/public/gamedevtree/docs/layer-features/index.html b/public/gamedevtree/docs/layer-features/index.html index 2a2b83a2..0e86a9de 100644 --- a/public/gamedevtree/docs/layer-features/index.html +++ b/public/gamedevtree/docs/layer-features/index.html @@ -39,7 +39,7 @@ "prestige-button"() {return {'color': '#AA66AA'}}, },

Custom Prestige type

  • getResetGain(): For custom prestige type, Returns how many points you should get if you reset now. You can call getResetGain(this.layer, useType = "static") or similar to calculate what your gain would be under another prestige type (provided you have all of the required features in the layer.)

  • getNextAt(canMax=false): For custom prestige type, Returns how many of the base currency you need to get to the next point. canMax is an optional variable used with Static-ish layers to differentiate between if it's looking for the first point you can reset at, or the requirement for any gain at all. (Supporting both is good). You can also call getNextAt(this.layer, canMax=false, useType = "static") or similar to calculate what your next at would be under another prestige type (provided you have all of the required features in the layer.)

  • canReset(): For custom prestige type, return true only if you have the resources required to do a prestige here.

- + diff --git a/public/gamedevtree/docs/main-mod-info/index.html b/public/gamedevtree/docs/main-mod-info/index.html index 67fa298f..5759f533 100644 --- a/public/gamedevtree/docs/main-mod-info/index.html +++ b/public/gamedevtree/docs/main-mod-info/index.html @@ -28,7 +28,7 @@ happiness: new Decimal(72), }}

  • displayThings: An array of functions used to display extra things at the top of the tree tab. Each function returns a string, which is a line to display (with basic HTML support). If a function returns nothing, nothing is displayed (and it doesn't take up a line).

  • isEndgame(): A function to determine if the player has reached the end of the game, at which point the "you win!" screen appears.

Less important things beyond this point!

  • maxTickLength(): Returns the maximum tick length, in milliseconds. Only really useful if you have something that reduces over time, which long ticks mess up (usually a challenge).
- + diff --git a/public/gamedevtree/docs/milestones/index.html b/public/gamedevtree/docs/milestones/index.html index 151b72df..68a821af 100644 --- a/public/gamedevtree/docs/milestones/index.html +++ b/public/gamedevtree/docs/milestones/index.html @@ -29,7 +29,7 @@ }

You can use hasMilestone(layer, id) to determine if the player has a given milestone

Milestone features:

  • requirementDesc: A string describing the requirement for unlocking this milestone. Suggestion: Use a "total". It can also be a function that returns updating text. Can use basic HTML.

  • effectDesc: A string describing the reward for having the milestone. You will have to implement the reward elsewhere. It can also be a function that returns updating text. Can use basic HTML.

  • done(): A function returning a boolean to determine if the milestone should be awarded.

  • toggles: optional, Creates toggle buttons that appear on the milestone when it is unlocked. The toggles can toggle a given boolean value in a layer. It is defined as an array of paired items, one pair per toggle. The first is the internal name of the layer the value being toggled is stored in, and the second is the internal name of the variable to toggle. (e.g. [["b", "auto"], ["g", "auto"])

         **Tip:** Toggles are not de-set if the milestone becomes locked! In this case, you should also check if the player has the milestone.

  • style: Optional, Applies CSS to this milestone, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings)

  • unlocked(): Optional A function returning a boolean to determine if the milestone should be shown. If absent, it is always shown.

  • layer: Assigned automagically. It's the same value as the name of this layer, so you can do player[this.layer].points or similar

  • id: Assigned automagically. It's the "key" which the milestone was stored under, for convenient access. The milestone in the example's id is 0.

- + diff --git a/public/gamedevtree/docs/subtabs-and-microtabs/index.html b/public/gamedevtree/docs/subtabs-and-microtabs/index.html index d908975d..1479fde3 100644 --- a/public/gamedevtree/docs/subtabs-and-microtabs/index.html +++ b/public/gamedevtree/docs/subtabs-and-microtabs/index.html @@ -46,7 +46,7 @@ } },

Normal subtabs and microtab subtabs both use the same features:

Features:

  • content: The tab layout code for the subtab, in the tab layout format

  • style: Optional, Applies CSS to the whole subtab when switched to, in the form of an "CSS Object", where the keys are CSS attributes, and the values are the values for those attributes (both as strings)

  • buttonStyle: Optional, A CSS object, which affects the appearance of the button for that subtab.

  • unlocked(): Optional, a function to determine if the button for this subtab should be visible. By default, a subtab is always unlocked. (You can't use the "this" keyword in this function.)

- + diff --git a/public/gamedevtree/docs/updating-tmt/index.html b/public/gamedevtree/docs/updating-tmt/index.html index 1f68b9a3..219d0d84 100644 --- a/public/gamedevtree/docs/updating-tmt/index.html +++ b/public/gamedevtree/docs/updating-tmt/index.html @@ -22,7 +22,7 @@

Appearance

On this page

Updating The Modding Tree

This tutorial assumes that you have used the Getting Started Tutorial, and are using Github Desktop and VSCode for your mod.

Here's what you have to do when there's a TMT update:

  1. Look at the changelog. It will warn you if the update will break anything or require any changes. Decide if you want to try to update.

  2. Open Github Desktop, and at the top middle, click "fetch origin". This will make Github Desktop get information about the update.

  3. Click where it says "current branch: master" at the top middle, and at the bottom of the thing that appears, click "choose a branch to merge into master.

  4. Select upstream/master. It will likely say there are conflicts, but you have tools to resolve them. Click "Merge upstream/master into master".

  5. A conflict happens when the things you're trying to merge have both made changes in the same place. Click "open in Visual Studio Code" next to the first file.

  6. Scroll down through the file, and look for the parts highlighted in red and green. One of these is your code, and the other is some code that will be modified by the update. Do your best to try to edit things to keep the updated changes, but keep your content.

  7. Continue to do this for all remaining challenges.

  8. Do any other changes required by the update, run the game, fix issues, etc.

- + diff --git a/public/gamedevtree/docs/upgrades/index.html b/public/gamedevtree/docs/upgrades/index.html index 53231b32..f196422c 100644 --- a/public/gamedevtree/docs/upgrades/index.html +++ b/public/gamedevtree/docs/upgrades/index.html @@ -31,7 +31,7 @@ etc }

Each upgrade should have an id where the first digit is the row and the second digit is the column. Individual upgrades can have these features:

  • title: optional, displayed at the top in a larger font It can also be a function that returns updating text. Can use basic HTML.

  • description: A description of the upgrade's effect. You will also have to implement the effect where it is applied. It can also be a function that returns updating text. Can use basic HTML.

  • effect(): optional, A function that calculates and returns the current values of any bonuses from the upgrade. Can return a value or an object containing multiple values.

  • effectDisplay(): optional, A function that returns a display of the current effects of the upgrade with formatting. Default behavior is to just display the a number appropriately formatted. Can use basic HTML.

  • cost: A Decimal for the cost of the upgrade. By default, upgrades cost the main prestige currency for the layer.

  • unlocked(): optional, A function returning a bool to determine if the upgrade is visible or not. Default is unlocked.

  • onPurchase() - optional, this function will be called when the upgrade is purchased. Good for upgrades like "makes this layer act like it was unlocked first".

By default, upgrades use the main prestige currency for the layer. You can include these to change them (but it needs to be a Decimal):

  • currencyDisplayName: optional, the name to display for the currency for the upgrade

  • currencyInternalName: optional, the internal name for that currency

  • currencyLayer: optional, the internal name of the layer that currency is stored in. If it's not in a layer (like Points), omit. If it's not stored directly in a layer, instead use the next feature.

  • currencyLocation: optional, if your currency is stored in something inside a layer (e.g. a buyable's amount), you can access it this way. This is a function returning the object in "player" that contains the value (like player[this.layer].buyables)

  • style: Optional, Applies CSS to this upgrade, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings)

  • layer: Assigned automagically. It's the same value as the name of this layer, so you can do player[this.layer].points or similar

  • id: Assigned automagically. It's the "key" which the upgrade was stored under, for convenient access. The upgrade in the example's id is 11.

- + diff --git a/public/kronos/Old Things/2.0-format-changes/index.html b/public/kronos/Old Things/2.0-format-changes/index.html index 31670542..910ee0ca 100644 --- a/public/kronos/Old Things/2.0-format-changes/index.html +++ b/public/kronos/Old Things/2.0-format-changes/index.html @@ -22,7 +22,7 @@

Appearance

On this page

2.0 format changes

  • Temp format is changed from temp.something[layer] to temp[layer].something, for consistency
  • Challenges are now saved as an object with the amount of completions in each spot. (This will break saves.)
  • effectDisplay in Challenges and Upgrades no longer takes an argument, and neither does effect for Buyables
  • Buyable cost can take an argument for amount of buyables, but it needs to function if no argument is supplied (it should do the cost for the next purchase).
  • Generation of Points now happens in the main game loop (not in a layer update function), enabled by canGenPoints in game.js.
  • Changed fullLayerReset to layerDataReset, which takes an array of names of values to keep

In addition, many names were changed, mostly expanding abbreviations:

All instances of:

  • chall -> challenge
  • unl -> unlocked
  • upg -> upgrade (besides CSS)
  • amt -> amount
  • desc -> description
  • resCeil -> roundUpCost
  • order -> unlockOrder
  • incr_order -> increaseUnlockOrder

Challenges:

  • desc -> challengeDescription
  • reward -> rewardDescription
  • effect -> rewardEffect
  • effectDisplay -> rewardDisplay
  • active -> challengeActive
- + diff --git a/public/kronos/README/index.html b/public/kronos/README/index.html index 4035e8eb..d802cdef 100644 --- a/public/kronos/README/index.html +++ b/public/kronos/README/index.html @@ -22,7 +22,7 @@

Appearance

On this page

Kronos

Play here.

Updating the website:

  • git submodule update --remote
  • git add -A
  • git commit -m "Updated kronos"
  • git push
- + diff --git a/public/kronos/changelog/index.html b/public/kronos/changelog/index.html index 0406aa31..9d9cdb4b 100644 --- a/public/kronos/changelog/index.html +++ b/public/kronos/changelog/index.html @@ -22,7 +22,7 @@

Appearance

On this page

The Modding Tree changelog:

v2.5.9.2 - 5/19/21

  • Fixed many issues with things not updating.

v2.5.9.1 - 5/18/21

  • Made text inputs never give NaNs.

v2.5.9 - 5/18/21

  • Fixed issue when using text inputs for Numbers.
  • Added particle color feature.
  • Particle speed and dir are updated as it moves.
  • Added setSpeed and setDir for particles.
  • Added more trig functions.

v2.5.8 - 5/17/21

  • Added makeShinies, which creates a stationary particle in a random spot.
  • Bars will visually update more quickly.
  • Fixed a major particle-related issue.
  • Fixed autoUpgrade.
  • Fixed a minor visual issue with tree nodes.

v2.5.7 - 5/15/21

  • Added a particle system! Not only can it be used for visual effects, but particles can interact with the mouse. They could be used to create golden cookies or collectables, for example.
  • Added marked feature to buyables, clickables, and challenges. By default, stars multi-completion challenges when maxed.
  • Added 'deactivated' feature to layers, which disables many features.
  • Improved number formatting slightly.

v2.5.6 - 5/14/21

  • You can now use non-numeric ids for upgrades, buyables, etc.
  • Fixed an exploit that let you buy an extra buyable.
  • Moved basic getter/setter functions to easyAccess.js.

v2.5.5.2 - 5/12/21

  • Fixed a major issue with buyables.
  • Fixed a variety of tabFormat-related issues.
  • Fixed commas appearing in decimal places (thanks to pg132!)

v2.5.5.1 - 5/12/21

  • Fixed clickables.

v2.5.5 - 5/12/21

  • Added grids! They are a grid of buttons which behave the same, but have their own data. Good for inventory grids, map tiles, and more!
  • Added "marked" feature to add a mark to a node. Can be an image instead of a star. (Originally by Jacorb)
  • Added "layer-proxy" component that lets you use components from another layer.
  • Added the ability to display non-whole numbers in main-display.

v2.5.4 - 5/10/21

  • Added a setting to always use single-tab mode.
  • Added directMult, which multiplies prestige gain after exponents and softcaps. It actually multiplies gain for static layers.
  • Added onEnter and onExit for challenges.
  • Improved displaying numbers between 0.0001 and 0.1.
  • Added documentation on how gainMult/Exp work for static layers.
  • Fixed a visual issue on mobile, thanks to thepaperpilot.
  • Improved documentation in general.

v2.5.3 - 5/8/21

  • Improved performance of tab formats and bars.
  • Respec confirmation settings are now kept on resets.
  • Improved compatibility with older browsers.
  • Fixed missing pixel on vertical bars.

v2.5.2.1 - 5/7/21

  • Fixed microtabs making layers highlight incorrectly.

v2.5.2 - 5/7/21

  • Added glowColor for subtabs.
  • Improved the display for extremely small numbers.
  • Fixed issues in the buyable docs.

v2.5.1 - 5/7/21

  • Fixed dynamic things in tabFormat not updating.

v2.5: Dreams Really Do Come True - 5/7/21

  • Optimizations, hopefully a significant amount.
  • Added OOM/s point gen display at high values (thanks to Ducdat!)
  • Only one tab will display if the window is not wide enough (also thanks to Ducdat!)
  • Holding down a buyable's button now buys it continuously.
  • New milestone setting will also show the most recently unlocked milestone. (Also renamed all settings to be clearer)
  • Added an onHold feature for clickables.
  • Layer nodes will be highlighted even if the player is on the same tab.
  • Added customizable node glowColor.
  • Added buyable purchaseLimit.
  • Amount is automatically supplied to buyable cost and effect functions.
  • Locked (not yet visible) milestones no longer take up space. Also fixed hidden milestones taking a tiny bit of space.
  • Re-centered respec buttons.
  • Force-displayed tooltips are not hidden by resets.
  • Added formatting support for very small numbers. Disabled in most places by default because rounding errors might cause issues. Access it with formatSmall, or enable it globally by adding "allowSmall: true" to modInfo.

v2.4.1 - 4/29/21

  • A number of minor fixes, many thanks to thepaperpilot.
  • The respec confirmation checkbox is now part of the respec-button component. (This also fixes the checkbox appearing when there is no respec button)
  • Added a few undocumented changes to the 2.4 changelog (the two at the bottom)

v2.4: Rationalized Edition - 4/29/21

  • Completely reworked tooltips. Shift-click a node to force its tooltip to stay displayed. (And hopefully finally fixed flickering!)

  • Added text-input and slider components.

  • Added the ability to toggle respec confirmations.

  • Added custom respec confirmation messages.

  • The red layer highlight will not appear before a layer is unlocked.

  • Added unlocking hotkeys.

  • You no longer need to supply 'rows' and 'cols' for any Big Features.

  • Node symbols can use HTML.

  • Added documentation for the respec button.

  • Added prestigeNotify to subtabs, and prestigeNotify in subtabs also highlights the layer node.

  • The version number no longer contains special characters or irrational numbers.

  • Added ctrlDown and shiftDown variables.

  • Tooltips now use HTML (this means you need to replace any newlines with
    )

v2.Ï€.1 - 4/7/21

  • Fixed formatting for some larger numbers.
  • Upgrades will expand if there is too much text to display.
  • Fixed styling challenges.
  • No longer attempts to display a base currency when there is none.

v2.Ï€: Incrementally Updated - 2/5/21

  • Performance improvements.
  • Fixed tooltips overlapping with the top display.
  • Clicking a popup dismisses it immediately.
  • Added support for bulk challenge completions.
  • "Best" is updated automatically.
  • Fixed keeping Decimal values on reset.
  • Code reorganization and style improvements by fudo.

v2.3.5 - 12/21/20

  • Added resetTime, which tracks the time since a layer prestiged or was reset.
  • A layer node will be highlighted red if one of its subtabs is highlighted red.
  • Fixed issues with keeping challenges, buyables, and clickables on reset.
  • Improved the unlocking of custom layers.
  • Other minor fixes.

v2.3.4 - 12/16/20

  • Added a node image feature.
  • Resource display now always shows the amount of the currency the layer's gain is based on.
  • Added spacing between tree nodes.
  • Another attempt to fix tooltip flickering.

v2.3.3 - 12/13/20

  • Fixed the first node in a row always taking up space.
  • layerShown is now optional.
  • All prestige types can now use features for custom prestige types.

v2.3.2 - 12/13/20

  • Fixed achievement/milestone popups.

v2.3.1 - 12/12/20

  • Another attempt to fix flickering tooltips.
  • The "this" keyword should work everywhere except tabFormat arrays (although I may have missed some things).
  • Fixed tree branches not updating when scrolling on the right-side tab.
  • Fixed a spacing issue when a node's symbol is ""
  • Removed some old, unneeded files.

v2.3: Cooler and Newer Edition - 12/10/20

  • Added achievement/milestone popups (thank you to Jacorb for this contribution!)
  • The changelog tab is back, and can be set in mod.js.
  • Layer nodes and respec buttons will not be clicked by pressing "enter".
  • Possible fix for flickering tooltips and strange transitions.
  • The victory screen text is configurable.
  • Added image and textStyle features to achievements.
  • Added an argument to use specific rows in an "upgrades" component.
  • Fixed the comma appearing in the main display when there was no effectDescription
  • Added the ability to easily make a tab that is a collection of layers in subtabs.
  • Improved spacing for embedding layers with subtabs into subtabs.

v2.2.8 - 12/03/20

  • Double-clicking a layer node brings you to the main subtab for that layer.
  • Attempted to fix challenges visually updating a different way.
  • Added a softcap function for use in formulas.
  • Added displayRow feature, which lets layers be shown somewhere separate from where they are in the reset order (e.g. side layers)
  • Fixed autoupgrade issue.

v2.2.7 - 11/30/20

  • Added autoUpgrade feature.
  • resource-display now shows resource gain per second if passiveGain is active.
  • Fixed formatting issues on some large numbers.
  • Better support for using classed objects in player and in layers/tmp.
  • Made hard resetting more effective.
  • Removed Herobrine from getStartClickables.

v2.2.6 - 11/30/20

  • Added goalDescription for challenges and made the new "canComplete" system the standard.
  • Another attempt to fix challenges not visually updating.
  • Fixed side layers not appearing.
  • Fixed getStartClickables again.

v2.2.5 - 11/29/20

  • Added features for overriding the displays and costs/goals of upgrades and challenges to make them fully custom.
  • best, total, and unlocked are always automatically added to layerData (but best and total will only display if you add them yourself).
  • Fixed getStartClickables.

v2.2.4 - 11/28/20

  • Added softcap and softcapPower features (for Normal layers)
  • Offline time limit and default max tick length were fixed (previously the limits were 1000x too large)
  • Added fixOldSaves.
  • You can use HTML in main-display.
  • Fixed a number of minor oddities.

v2.2.3 - 11/28/20

  • Layers will be highlighted if you can finish a challenge.
  • The "can complete challenge" color now overrides the "already completed" color.
  • Button nodes now work as side "layers".
  • Setting a tooltip to "" hides it entirely.

v2.2.2 - 11/22/20

  • Fixed right half of the screen being unclickable in some circumstances.
  • Fixed tree branches being offset.
  • Fix to lastSafeTab.

v2.2.1 - 11/7/20

  • Added a small highlight to layers you can meaningfully prestige on.
  • Added passiveGeneration and autoPrestige features to standardize prestige automation. (The old ways still work, but the new ones work better with other things)
  • Improved milestones visually a bit.
  • "best" and "total" are now only displayed if present in startData.
  • Fixed issues with things not updating visually. (Thank you to to Jacorb!)
  • Side layers and button nodes can now be highlighted.
  • Updated docs on the new tree-related features.

v2.2: Uprooted - 11/7/20

  • You can now embed a layer inside of a subtab or microtab!
  • Added support for hiding or reformatting the tree tab
  • Added non-layer button nodes
  • Added shouldNotify to subtab/microtab buttons. (You can make them highlighted)
  • Added commas to large exponents.
  • Upgrades now only show "currently" if they have an effectDisplay (so not for constant effects).
  • Achievements are part of the default tab format.
  • NaN is now handled more intelligently.
  • Renamed files, and moved less relevant ones to another folder.
  • The "hide completed challenges" setting now only hides challenges at max completions.
  • Thank you to thepaperpilot for fixing errors in docs and improving the infobox appearance!
  • Many other minor fixes.

v2.1.4 - 10/25/20

  • Added an infobox component. Thank you to thepaperpilot for this contribution!
  • Layer type is now optional, and defaults to "none".
  • Improved the look of bars and tab buttons.
  • Improved spacing between layer nodes (also thanks to thepaperpilot!)
  • Fixed the "blank" component breaking if only specifying the height.
  • Fixed some numbers not displaying with enough digits.
  • Made a few more things able to be functions.
  • A few other minor fixes.

v2.1.3.1 - 10/21/20

  • Fixed the update function.

v2.1.3 - 10/21/20

  • gainMult and gainExp are now optional.
  • Layer unlocking is now kept on reset.
  • Game should start up faster.
  • Layer updates now have a determined order and starts with earlier-rowed layers.
  • Automation now has a determined order and starts with later-rowed layers.
  • Fixed issues with resetting clickables and challenges.
  • Commas should no longer appear in the decimal places of a number.
  • Fixed potential issue in displaying the tree.

v2.1.2 - 10/19/20

  • Added buyUpgrade function (buyUpg still works though)
  • Added author name to modInfo.
  • Fix to crash caused when the name of a subtab or microtab is changed.
  • Fixes to outdated information in docs.
  • Improvements to Discord links.
  • Thank you to thepaperpilot for contributing to this update!

v2.1.1 - 10/17/20

  • Added resource-display component, which displays the base currency for the prestige layer, as well as the best and/or total of this layer's prestige currency.
  • Fixed the value for the base currency not updating in resource-display.

v2.1: We should have thought of this sooner! - 10/17/20

  • Moved most of the code users will want to edit to mod.js, added documentation for it.
    • Specifically, modInfo, VERSION, canGenPoints, getPointGen, and maxTickLength
  • Added getStartPoints()
  • Added the ability to store non-layer-related data
  • Added the ability to display more things at the top of the tree tab below points.
  • Made the endgame condition customizable
  • Added "sell one" and "sell all" buttons for buyables.
  • Moved the old "game" to demo.js, and replaced it with a minimal game that won't cause issues when edited.
  • Fixed issues with version number
  • Fixed number formatting issue making things like "10e9" appear.

v2.0.5 - 10/16/20

  • Made more features (including prestige parameters) able to be dynamic.
  • Layer nodes can be hidden but still take up space with "ghost" visibility
  • Added clickableEffect for real.
  • Fixed some visual issues with bars.
  • A few other minor tweaks and improvements.

v2.0.4 - 10/16/20

  • Fixed HTML on buttons interfering with clicking on them.

v2.0.3 - 10/16/20

  • Fixed hotkeys not displaying in info.
  • Fixed the game supressing all external hotkeys.
  • You can use more things as currencies for upgrade costs and challenge goals using currencyLocation.
  • Added maxTickLength, which can be used to prevent offline time or tab-switching from breaking time-limit based mechanics.
  • Made buyable respec buttons and clickable "master" buttons their own components, and gave them a hide/show feature.
  • Added a general "tooltip" feature for achievements.

v2.0.2 - 10/15/20

  • Branches are now dynamic (they can be functions).
  • Fixed a crash related to offline time.
  • Fixed links being too wide.

v2.0.1 - 10/15/20

  • Fixed side layers appearing multiple times.

v2.0: The Pinnacle of Achievement Mountain - 10/15/20

  • Added progress bars, which are highly customizable and can be horizontal or vertical!
  • Added "side layers", displayed smaller and off to the side, and don't get reset by default. They can be used for global achievements and statistics. Speaking of which...
  • Added achievements!
  • Added clickables, a more generalized variant of buyables.
  • Almost every value in layer data can be either a function or a constant value!
  • Added support for multiple completions of challenges.
  • Added "none" prestige type, which removes the need for any other prestige-related features.
  • The points display and other gui elements stay at the top of the screen when the tree scrolls.
  • Added getter/setter functions for the amounts and effects of most Big Features
  • Moved modInfo to game.js, added a spot in modInfo for a Discord link, changelog link. Also added a separate mod version from the TMT version in VERSION.
  • Tree structure is based on layer data, no index.html editing is needed.
  • Tmp does not need to be manually updated.
  • You don't have to have the same amount of upgrades in every row (and challs and buyables)
  • "unlocked" is optional for all Big Components (defaults to true).
  • All displays will update correctly.
  • Changelog is no longer in index.html at all.
  • Generation of Points now happens in the main game loop
  • Changed the reset functions to make keeping things easier
  • Renamed many things to increase readability (see the list in the link below)
  • Improved documentation based on feedback

v1.3.5:

  • Completely automated convertToDecimal, now you never have to worry about it again.
  • Branches can be defined without a color id. But they can also use hex values for color ids!
  • Created a tutorial for getting started with TMT and Github.
  • Page title is now automatically taken from mod name.

v1.3.4 - 10/8/20

  • Added "midsection" feature to add things to a tab's layout while still keeping the standard layout.
  • Fix for being able to buy more buyables than you should.

v1.3.3 - 10/7/20

  • Fix for the "order of operations" issue in temp.

v1.3.1 - 10/7/20

  • Added custom CSS and tooltips for Layer Nodes.
  • Added custom CSS for upgrades, buyables, milestones, and challenges, both individually and layer-wide.
  • You can now use HTML in most display text!
  • You can now make milestones unlockable and not display immediately.
  • Fixed importing saves, and issue with upgrades not appearing, and probably more.
  • Optional "name" layer feature, used in confirmation messages.

v1.3: Tabception... ception! - 10/7/20

  • Added subtabs! And also a Micro-tab component to let you make smaller subtab-esque areas anywhere.
  • Added a "custom" prestige formula type, and a number of features to support it.
  • Added points/sec display (can be disabled).
  • Added h-line, v-line and image-display components, plus components for individual upgrades, challenges, and milestones.
  • Added upgEffect, buyableEffect, and challEffect functions.
  • Added "hide completed challenges" setting.
  • Moved old changelogs to a separate place.
  • Fixed hasMilestone and incr_order.
  • Static layers now show the currency amount needed for the next one if you can buy max.

v1.2.4 - 10/4/20

  • Layers are now highlighted if you can buy an upgrade, and a new feature, shouldNotify, lets you make it highlight other ways.
  • Fixed bugs with hasUpg, hasChall, hasMilestone, and inChallenge.
  • Changed the sample code to use the above functions for convenience.

v1.2.3 - 10/3/20

  • Added a row component, which displays a list of objects in a row.
  • Added a column component, which displays a list of objects in a column (useful within a row).
  • Changed blanks to have a customizable width and height.

v1.2: This Changes Everything! - 10/3/20

  • Many layer features can now be static values or functions. (This made some formats change, which will break old things)
  • You can now use the "this" keyword, to make code easier to transfer when making new layers.
  • Also added "this.layer", which is the current layer's name, and works on existing subfeatures (e.g. individual upgrades) as well! Subfeatures also have "this.id".
  • Fixed a big save issue. If you use a unique mod id, your save will never conflict with other mods.
  • Added a configurable offline time limit in modinfo at the top of index.html. (default 1 hour)
  • Added a few minor features, and updated the docs with new information.

v1.1.1 - 9/30/20

  • You can define hotkeys directly from layer config.

v1.1: Enhanced Edition - 9/30/20

  • Added "Buyables", which can function like Space Buildings or Enhancers.
  • Custom CSS can now be used on any component! Make the third argument an object with CSS parameters.
  • Lots of minor good things.

v1.0 - 9/27/20

  • First release.
- + diff --git a/public/kronos/docs/!general-info/index.html b/public/kronos/docs/!general-info/index.html index bdde185f..739b3de1 100644 --- a/public/kronos/docs/!general-info/index.html +++ b/public/kronos/docs/!general-info/index.html @@ -22,7 +22,7 @@

Appearance

On this page

The-Modding-Tree

Making a game in The Modding Tree mostly involves defining parameters or functions on objects. If you aren't following the getting started guide, you should start by setting up your basic mod info in mod.js. It's important to set a mod id to ensure saving works properly.

Beyond that, the main way to add content is through creating layers, often in layers.js. You can add new layers by calling addLayer(layername, layerdata). There is an example of a basic layer in layers.js showing the recommended method. It is just an example and can be freely deleted. You can also use it as a reference or a base for your own layers.

Most of the time, you won't need to dive deep into the code to create things, but you still can if you really want to, for example to add new Vue components in components.js.

The Modding Tree uses break_eternity.js to store large values. This means that many numbers are Decimal objects, and must be treated differently. For example, you have to use new Decimal(x) to create a Decimal value instead of a plain number, and perform operations on them by calling functions. e.g, instead of x = x + y, use x = x.add(y). Keep in mind this also applies to comparison operators, which should be replaced with calling the .gt, .gte, .lt, .lte, .eq, and .neq functions. See the break_eternity.js docs for more details on working with Decimal values.

Almost all values can be either a constant value, or a dynamic value. Dynamic values are defined by putting a function that returns what the value should be at any given time.

All display text can use basic HTML elements (But you can't use most Vue features there).

While reading this documentation, the following key will be used when describing features:

  • No label: This is required and the game may crash if it isn't included.
  • sometimes required: This is may be required, depending on other things in the layer.
  • optional: You can leave this out if you don't intend to use that feature for the layer.
  • assigned automagically: This value will be set automatically and override any value you set.
  • deprecated: This feature is not recommended to be used, because newer features are able to achieve the same thing in a better, easier way.

Table of Contents

General

  • Getting Started: Getting your own copy of the code set up with Github Desktop.
  • Main mod info: How to set up general things for your mod in mod.js.
  • Basic layer breakdown: Breaking down the components of a layer with minimal features.
  • Layer features: Explanations of all of the different properties that you can give a layer.
  • Custom Tab Layouts: An optional way to give your tabs a different layout. You can even create entirely new components to use.
  • Custom game layouts: You can get rid of the tree tab, add buttons and other things to the tree, or even customize the tab's layout like a layer tab.
  • Updating TMT: Using Github Desktop to update your mod's version of TMT.

Common components

  • Upgrades: How to create upgrades for a layer.
  • Milestones: How to create milestones for a layer.
  • Buyables: Create rebuyable upgrades for your layer (with the option to make them respec-able). Can be used to make Enhancers or Space Buildings, for example.
  • Clickables: A more generalized variant of buyables, for any kind of thing that is sometimes clickable. Between these and Buyables, you can do just about anything.
  • Achievements: How to create achievements for a layer (or for the whole game).

Other components and features

  • Challenges: How to create challenges for a layer.
  • Bars: Display some information as a progress bar, gauge, or similar. They are highly customizable, and can be horizontal and vertical as well.
  • Subtabs and Microtabs: Create subtabs for your tabs, as well as "microtab" components that you can put inside the tabs. You can even use them to embed a layer inside another layer!
  • [Grids][grids.md]: Create a group buttons that behave the same, but have their own data. Good for map tiles, an inventory grid, and more!
  • Infoboxes: Boxes containing text that can be shown or hidden.
  • Trees: Make your own trees. You can make non-layer button nodes too!
  • Particle system: Can be used to create particles for visual effects, but also interactable things like golden cookies or collectables.
- + diff --git a/public/kronos/docs/achievements/index.html b/public/kronos/docs/achievements/index.html index 133fedd6..9ed5813a 100644 --- a/public/kronos/docs/achievements/index.html +++ b/public/kronos/docs/achievements/index.html @@ -29,7 +29,7 @@ etc }

Usually, each achievement should have an id where the first digit is the row and the second digit is the column.

Individual achievement can have these features:

  • name: optional. displayed at the top of the achievement. The only visible text. It can also be a function that returns updating text. Can use basic HTML.

  • done(): A function returning a boolean to determine if the achievement should be awarded.

  • tooltip: Default tooltip for the achievement, appears when it is hovered over. Should convey the goal and any reward for completing the achievement. It can also be a function that returns updating text. Can use basic HTML. Setting this to "" disables the tooltip.

  • effect(): optional. A function that calculates and returns the current values of any bonuses from the achievement. Can return a value or an object containing multiple values.

  • unlocked(): optional. A function returning a bool to determine if the achievement is visible or not. Default is unlocked.

  • onComplete() - optional. this function will be called when the achievement is completed.

  • image: optional, puts the image from the given URL (relative or absolute) in the achievement

  • style: optional. Applies CSS to this achievement, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings).

  • textStyle: optional. Applies CSS to the text, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings).

  • layer: assigned automagically. It's the same value as the name of this layer, so you can do player[this.layer].points or similar.

  • id: assigned automagically. It's the "key" which the achievement was stored under, for convenient access. The achievement in the example's id is 11.

  • goalTooltip: optional, deprecated. Appears when the achievement is hovered over and locked, overrides the basic tooltip. This is to display the goal (or a hint). It can also be a function that returns updating text. Can use basic HTML.

  • doneTooltip: optional, deprecated. Appears when the achievement is hovered over and completed, overrides the basic tooltip. This can display what the player achieved (the goal), and the rewards, if any. It can also be a function that returns updating text. Can use basic HTML.

Disable achievement popups by adding achievementsPopups: false to the layer.

- + diff --git a/public/kronos/docs/bars/index.html b/public/kronos/docs/bars/index.html index db1f8b52..50ce6221 100644 --- a/public/kronos/docs/bars/index.html +++ b/public/kronos/docs/bars/index.html @@ -32,7 +32,7 @@ etc }

Features:

  • direction: UP, DOWN, LEFT, or RIGHT (not strings). Determines the direction that the bar is filled as it progresses. RIGHT means from left to right.

  • width, height: The size in pixels of the bar, but as numbers (no "px" at the end).

  • progress(): A function that returns the portion of the bar that is filled, from "empty" at 0 to "full" at 1, updating automatically. (Nothing bad happens if the value goes out of these bounds, and it can be a number or Decimal)

  • display(): optional. A function that returns text to be displayed on top of the bar, can use HTML.

  • unlocked(): optional. A function returning a bool to determine if the bar is visible or not. Default is unlocked.

  • baseStyle, fillStyle, borderStyle, textStyle: Optional, Apply CSS to the unfilled portion, filled portion, border, and display text on the bar, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings).

  • layer: assigned automagically. It's the same value as the name of this layer, so you can do player[this.layer].points or similar.

  • id: assigned automagically. It's the "key" which the bar was stored under, for convenient access. The bar in the example's id is "bigBar".

- + diff --git a/public/kronos/docs/basic-layer-breakdown/index.html b/public/kronos/docs/basic-layer-breakdown/index.html index 10f1b74f..33e269e6 100644 --- a/public/kronos/docs/basic-layer-breakdown/index.html +++ b/public/kronos/docs/basic-layer-breakdown/index.html @@ -54,7 +54,7 @@ }, }) - + diff --git a/public/kronos/docs/buyables/index.html b/public/kronos/docs/buyables/index.html index 8c55f129..ca2b0614 100644 --- a/public/kronos/docs/buyables/index.html +++ b/public/kronos/docs/buyables/index.html @@ -35,7 +35,7 @@ etc }

Features:

  • title: optional. displayed at the top in a larger font. It can also be a function that returns updating text.

  • cost(): cost for buying the next buyable. Can have an optional argument "x" to calculate the cost of the x+1th purchase. (x is a Decimal). Can return an object if there are multiple currencies.

  • effect(): optional. A function that calculates and returns the current values of bonuses of this buyable. Can have an optional argument "x" to calculate the effect of having x of the buyable.. Can return a value or an object containing multiple values.

  • display(): A function returning everything that should be displayed on the buyable after the title, likely including the description, amount bought, cost, and current effect. Can use basic HTML.

  • unlocked(): optional. A function returning a bool to determine if the buyable is visible or not. Default is unlocked.

  • canAfford(): A function returning a bool to determine if you can buy one of the buyables.

  • buy(): A function that implements buying one of the buyable, including spending the currency.

  • buyMax(): optional. A function that implements buying as many of the buyable as possible.

  • style: optional. Applies CSS to this buyable, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings).

  • purchaseLimit: optional. The limit on how many of the buyable can be bought. The default is no limit.

  • marked: optional Adds a mark to the corner of the buyable. If it's "true" it will be a star, but it can also be an image URL.

  • layer: assigned automagically. It's the same value as the name of this layer, so you can do player[this.layer].points or similar.

  • id: assigned automagically. It's the "key" which the buyable was stored under, for convenient access. The buyable in the example's id is 11.

Sell One/Sell All:

Including a sellOne or sellAll function will cause an additional button to appear beneath the buyable. They are functionally identical, but "sell one" appears above "sell all". You can also use them for other things.

  • sellOne/sellAll(): optional. Called when the button is pressed. The standard use would be to decrease/reset the amount of the buyable, and possibly return some currency to the player.

  • canSellOne/canSellAll(): optional. booleans determining whether or not to show the buttons. If "canSellOne/All" is absent but "sellOne/All" is present, the appropriate button will always show.

To add a respec button, or something similar, add the respecBuyables function to the main buyables object (not individual buyables). You can use these features along with it:

  • respec(): optional. This is called when the button is pressed (after a toggleable confirmation message).

  • respecText: optional. Text to display on the respec Button.

  • showRespec(): optional. A function determining whether or not to show the button, if respecBuyables is defined. Defaults to true if absent.

  • respecMessage: optional. A custom confirmation message on respec, in place of the default one.

- + diff --git a/public/kronos/docs/challenges/index.html b/public/kronos/docs/challenges/index.html index ac6f11c2..fd0e2d88 100644 --- a/public/kronos/docs/challenges/index.html +++ b/public/kronos/docs/challenges/index.html @@ -31,7 +31,7 @@ etc }

Usually, each challenge should have an id where the first digit is the row and the second digit is the column.

Individual Challenges can have these features:

  • name: Name of the challenge, can be a string or a function. Can use basic HTML.

  • challengeDescription: A description of what makes the challenge a challenge. You will need to implement these elsewhere. It can also be a function that returns updating text. Can use basic HTML.

  • goalDescription: A description of the win condition for the challenge. It can also be a function that returns updating text. Can use basic HTML. (Optional if using the old goal system)

  • canComplete(): A function that returns true if you meet the win condition for the challenge. Returning a number will allow bulk completing the challenge. (Optional if using the old goal system)

  • rewardDescription: A description of the reward's effect. You will also have to implement the effect where it is applied. It can also be a function that returns updating text. Can use basic HTML.

  • rewardEffect(): optional. A function that calculates and returns the current values of any bonuses from the reward. Can return a value or an object containing multiple values. Can use basic HTML.

  • rewardDisplay(): optional. A function that returns a display of the current effects of the reward with formatting. Default behavior is to just display the a number appropriately formatted.

  • fullDisplay(): OVERRIDE. Overrides the other displays and descriptions, and lets you set the full text for the challenge. Can use basic HTML.

  • unlocked(): optional. A function returning a bool to determine if the challenge is visible or not. Default is unlocked.

  • onComplete() - optional. this function will be called when the challenge is completed when previously incomplete.

  • onEnter() - optional. this function will be called when entering the challenge

  • onExit() - optional. this function will be called when exiting the challenge in any way

  • countsAs: optional. If a challenge combines the effects of other challenges in this layer, you can use this. An array of challenge ids. The player is effectively in all of those challenges when in the current one.

  • completionLimit: optional. the amount of times you can complete this challenge. Default is 1 completion.

  • style: optional. Applies CSS to this challenge, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings).

  • marked: optional Adds a mark to the corner of the challenge. If it's "true" it will be a star, but it can also be an image URL. By default, if the challenge has multiple completions, it will be starred at max completions.

  • layer: assigned automagically. It's the same value as the name of this layer, so you can do player[this.layer].points or similar

  • id: assigned automagically. It's the "key" which the challenge was stored under, for convenient access. The challenge in the example's id is 11.

The old goal system uses these features:

  • goal: deprecated, A Decimal for the amount of currency required to beat the challenge. By default, the goal is in basic Points. The goal can also be a function if its value changes.

  • currencyDisplayName: deprecated. the name to display for the currency for the goal

  • currencyInternalName: deprecated. the internal name for that currency

  • currencyLayer: deprecated. the internal name of the layer that currency is stored in. If it's not in a layer, omit. If it's not stored directly in a layer, instead use the next feature.

  • currencyLocation(): deprecated. if your currency is stored in something inside a layer (e.g. a buyable's amount), you can access it this way. This is a function returning the object in "player" that contains the value (like player[this.layer].buyables)

- + diff --git a/public/kronos/docs/clickables/index.html b/public/kronos/docs/clickables/index.html index f2e49f4f..026593a6 100644 --- a/public/kronos/docs/clickables/index.html +++ b/public/kronos/docs/clickables/index.html @@ -29,7 +29,7 @@ etc }

Features:

  • title: optional. displayed at the top in a larger font. It can also be a function that returns updating text.

  • effect(): optional. A function that calculates and returns the current values of bonuses of this clickable. Can return a value or an object containing multiple values.

  • display(): A function returning everything that should be displayed on the clickable after the title, likely changing based on its state. Can use basic HTML.

  • unlocked(): optional. A function returning a bool to determine if the clickable is visible or not. Default is unlocked.

  • canClick(): A function returning a bool to determine if you can click the clickable.

  • onClick(): A function that implements clicking the clickable.

  • onHold(): optional A function that is called 20x/sec when the button is held for at least 0.25 seconds.

  • style: optional. Applies CSS to this clickable, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings).

  • marked: optional Adds a mark to the corner of the clickable. If it's "true" it will be a star, but it can also be an image URL.

  • layer: assigned automagically. It's the same value as the name of this layer, so you can do player[this.layer].points or similar.

  • id: assigned automagically. It's the "key" which the clickable was stored under, for convenient access. The clickable in the example's id is 11.

You can also use these features on the clickables object to add a button above all the clickables, for implementing a respec button or similar.

  • masterButtonPress(): optional. If present, an additional button will appear above the clickables. Pressing it will call this function.

  • masterButtonText: optional. Text to display on the Master Button.

  • showMasterButton(): optional. A function determining whether or not to show the button, if masterButtonPress is defined. Defaults to true if absent.

- + diff --git a/public/kronos/docs/custom-tab-layouts/index.html b/public/kronos/docs/custom-tab-layouts/index.html index b480c084..bdf13385 100644 --- a/public/kronos/docs/custom-tab-layouts/index.html +++ b/public/kronos/docs/custom-tab-layouts/index.html @@ -36,7 +36,7 @@ "upgrades" ]

It is a list of components, which can be either just a name, or an array with arguments. If it's an array, the first item is the name of the component, the second is the data passed into it, and the third (optional) applies a CSS style to it with a "CSS object", where the keys are CSS attributes.

These are the existing components, but you can create more in components.js:

  • display-text: Displays some text (can use basic HTML). The argument is the text to display. It can also be a function that returns updating text.

  • raw-html: Displays some basic HTML, can also be a function.

  • blank: Adds empty space. The default dimensions are 8px x 17px. The argument changes the dimensions. If it's a single value (e.g. "20px"), that determines the height. If you have a pair of arguments, the first is width and the second is height.

  • row: Display a list of components horizontally. The argument is an array of components in the tab layout format.

  • column: Display a list of components vertically. The argument is an array of components in the tab layout format. This is useful to display columns within a row.

  • main-display: The text that displays the main currency for the layer and its effects. The argument is the amount of precision to use, allowing it to display non-whole numbers.

  • resource-display: The text that displays the currency that this layer is based on, as well as the best and/or total values for this layer's prestige currency (if they are put in startData for this layer).

  • prestige-button: The argument is a string that the prestige button should say before the amount of currency you will gain. It can also be a function that returns updating text.

  • text-input: A text input box. The argument is the name of the variable in player[layer] that the input is for, player[layer][argument] (Works with strings, numbers, and Decimals!)

  • slider: Lets the user input a value with a slider. The argument a 3-element array: [name, min, max]. The name is the name of the variable in player[layer] that the input that the input is for, and min and max are the limits of the slider. (Does not work for Decimal values)

  • upgrades: The layer's upgrades. The argument is optional, and is a the list of rows this component should include, if it doesn't have all of them.

  • milestones, challenges, achievements: Display the upgrades, milestones, and challenges for a layer, as appropriate.

  • buyables, clickables: Display all of the buyables/clickables for this layer, as appropriate. The argument is optional and is the size of the boxes in pixels.

  • microtabs: Display a set of subtabs for an area. The argument is the name of the set of microtabs in the "microtabs" feature.

  • bar: Display a bar. The argument is the id of the bar to display.

  • infobox: Display an infobox. The argument is the id of the infobox to display.

  • tree: Displays a tree. The argument is an array of arrays containing the names of the nodes in the tree (first by row, then by column) See here for more information on tree layouts and nodes!

  • toggle: A toggle button that toggles a bool value. The argument is a pair that identifies the location in player of the bool to toggle, e.g. [layer, id]. 'layer' also affects the color of the toggle.

  • grid: Displays the gridable grid for the layer. If you need more than one grid, use a layer proxy.

  • layer-proxy: Lets you use components from another layer. The argument is a pair, [layer, data], consisting of the id of the layer to proxy from, and the tabFormat for the components to show. (Note: you cannot use a microtab within a layer proxy)

The rest of the components are sub-components. They can be used just like other components, but are typically part of another component.

  • upgrade, milestone, challenge, buyable, clickable, achievement, gridable: An individual upgrade, challenge, etc. The argument is the id. This can be used if you want to have upgrades split up across multiple subtabs, for example.

  • respec-button, master-button: The respec and master buttons for buyables and clickables, respectively.

  • sell-one, sell-all: The "sell one" and "sell all" for buyables, respectively. The argument is the id of the buyable.

- + diff --git a/public/kronos/docs/getting-started/index.html b/public/kronos/docs/getting-started/index.html index 5222b963..0f258761 100644 --- a/public/kronos/docs/getting-started/index.html +++ b/public/kronos/docs/getting-started/index.html @@ -22,7 +22,7 @@

Appearance

On this page

Getting started

Welcome to The Modding Tree!

Using the Modding Tree, at its simplest level, just requires getting a copy of it onto your computer. However, if you do it the right way, it will help in many ways.

Don't let the word "Github" scare you away. It's actually much easier to use than most people think, especially because most people use it the hard way. The key is Github Desktop, which lets you do everything you need to, without even touching the command line.

The benefits of using Github:

  • It makes it much, much easier to update The Modding Tree.
  • You can share your work without any extra effort using githack, or with a bit more effort, set up a github.io site.
  • It lets you undo changes to your code, and to have multiple versions of it.
  • It lets you collaborate with other people, if you want to.

Getting set up with Github Desktop, Visual Studio Code, and The Modding Tree:

  1. Install Github Desktop and Visual Studio Code.

  2. Make a Github account. You can handle this on your own.

  3. Log in on your browser, and go back to The Modding Tree page. At the top right, there should be a button that says "fork". Click on it, and then on your username. You now have your own fork, or copy, of The Modding Tree.

  4. Open Github Desktop and log in. Ignore everything else and choose "clone a repository". A "repository" is basically a "Github project", like The Modding Tree. "Cloning" is downloading a copy of the repository to your computer.

  5. Look for The Modding Tree in the list of repositiories (it should be the only one) and click "clone".

  6. Select that you're using it for your own purposes, and click continue. It will download the files and handle everything.

Using your repository

  1. Click on "show in explorer/finder" to the right, and then open the index.html file in the folder. The page should open up on your browser. This will let you view and test your project locally!

  2. To edit your project, click "open in VSCode" in Github Desktop.

  3. Open mod.js in VSCode, and look at the top part where it has a "modInfo" object. Fill in your mod's name to whatever you want, and change the id as well. (It can be any string value, and it's used to determine where the savefile is. Make it something that's probably unique, and don't change it again later or else it'll effectively wipe existing saves)

  4. Save mod.js, and then reload index.html in your browser. The title on the tab, as well as on the info page, will now be updated! You can reload the page every time you change the code to test it quickly and easily.

  5. Go back to Github Desktop. It's time to save your changes into the git system by making a "commit". This basically saves your work and creates a snapshot of what your code looks like at this moment, allowing you to look back at it later.

  6. At the bottom right corner, add a summary of your changes, and then click "commit to master".

  7. Finally, at the top middle, click "push origin" to push your changes out onto the online repository.

  8. You can view your project on line, or share it with others, by going to https://raw.githack.com/[YOUR-GITHUB-USERNAME]/The-Modding-Tree/master/index.html

And now, you have successfully used Github! You can look at the documentation to see how The Modding Tree's system works and to make your mod a reality.

- + diff --git a/public/kronos/docs/grids/index.html b/public/kronos/docs/grids/index.html index a79e3616..80e3463f 100644 --- a/public/kronos/docs/grids/index.html +++ b/public/kronos/docs/grids/index.html @@ -43,7 +43,7 @@ etc }

Features:

  • rows, cols: The amount of rows and columns of gridable to display.

  • maxRows, maxCols: sometimes needed. If rows or cols are dynamic, you need to define the maximum amount that there can be (you can increase it when you update the game though). These CANNOT be dynamic.

  • getStartData(id): Creates the default data for the gridable at this position. This can be an object, or a regular value.

  • getUnlocked(id): optional. Returns true if the gridable at this position should be visible.

  • getTitle(data, id): optional. Returns text that should displayed at the top in a larger font, based on the position and data of the gridable.

  • getDisplay(data, id): optional. Returns everything that should be displayed on the gridable after the title, based on the position and data of the gridable.

  • getStyle(data, id): optional. Returns CSS to apply to this gridable, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings).

  • getCanClick(data, id): optional. A function returning a bool to determine if you can click a gridable, based on its data and position. If absent, you can always click it.

  • onClick(data, id): A function that implements clicking on the gridable, based on its position and data.

  • onHold(data, id): optional A function that is called 20x/sec when the button is held for at least 0.25 seconds.

  • getEffect(data, id): optional. A function that calculates and returns a gridable's effect, based on its position and data. (Whatever that means for a gridable)

  • layer: assigned automagically. It's the same value as the name of this layer, so you can do player[this.layer].points or similar.

- + diff --git a/public/kronos/docs/infoboxes/index.html b/public/kronos/docs/infoboxes/index.html index fe32993c..6ab0b698 100644 --- a/public/kronos/docs/infoboxes/index.html +++ b/public/kronos/docs/infoboxes/index.html @@ -30,7 +30,7 @@ etc }

Features:

  • title: The text displayed above the main box. Can be a function to be dynamic, and can use basic HTML.

  • body: The text displayed inside the box. Can be a function to be dynamic, and can use basic HTML.

  • style, titleStyle, bodyStyle: optional. Apply CSS to the infobox, or to the title button or body of the infobox, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings).

  • unlocked(): optional. A function returning a bool to determine if the infobox is visible or not. Default is unlocked.

  • layer: assigned automagically. It's the same value as the name of this layer, so you can do player[this.layer].points or similar

  • id: assigned automagically. It's the "key" which the bar was stored under, for convenient access. The infobox in the example's id is "lore".

- + diff --git a/public/kronos/docs/layer-features/index.html b/public/kronos/docs/layer-features/index.html index 120f1e30..3bb6f8aa 100644 --- a/public/kronos/docs/layer-features/index.html +++ b/public/kronos/docs/layer-features/index.html @@ -34,7 +34,7 @@ "prestige-button"() { return {'color': '#AA66AA'} } }
  • deactivated: optional, if this is true, hasUpgrade, hasChallenge, hasAchievement, and hasMilestone will return false for things in the layer, and you will be unable to buy or click things on the layer. You will have to disable effects of buyables, the innate layer effect, and possibly other things yourself.

Custom Prestige type

(All of these can also be used by other prestige types)

  • getResetGain(): mostly for custom prestige type. Returns how many points you should get if you reset now. You can call getResetGain(this.layer, useType = "static") or similar to calculate what your gain would be under another prestige type (provided you have all of the required features in the layer).

  • getNextAt(canMax=false): mostly for custom prestige type. Returns how many of the base currency you need to get to the next point. canMax is an optional variable used with Static-ish layers to differentiate between if it's looking for the first point you can reset at, or the requirement for any gain at all (Supporting both is good). You can also call getNextAt(this.layer, canMax=false, useType = "static") or similar to calculate what your next at would be under another prestige type (provided you have all of the required features in the layer).

  • canReset(): mostly for custom prestige type. Return true only if you have the resources required to do a prestige here.

  • prestigeNotify(): mostly for custom prestige types, returns true if this layer should be subtly highlighted to indicate you can prestige for a meaningful gain.

- + diff --git a/public/kronos/docs/main-mod-info/index.html b/public/kronos/docs/main-mod-info/index.html index bd2e1708..bc5dd0d9 100644 --- a/public/kronos/docs/main-mod-info/index.html +++ b/public/kronos/docs/main-mod-info/index.html @@ -28,7 +28,7 @@ happiness: new Decimal(72), }}

  • displayThings: An array of functions used to display extra things at the top of the tree tab. Each function returns a string, which is a line to display (with basic HTML support). If a function returns nothing, nothing is displayed (and it doesn't take up a line).

  • isEndgame(): A function to determine if the player has reached the end of the game, at which point the "you win!" screen appears.

Less important things beyond this point!

  • maxTickLength(): Returns the maximum tick length, in milliseconds. Only really useful if you have something that reduces over time, which long ticks mess up (usually a challenge).

  • fixOldSave(): Can be used to modify a save file when loading into a new version of the game. Use this to undo inflation, never forcibly hard reset your players.

- + diff --git a/public/kronos/docs/milestones/index.html b/public/kronos/docs/milestones/index.html index 6ce08c34..8379f847 100644 --- a/public/kronos/docs/milestones/index.html +++ b/public/kronos/docs/milestones/index.html @@ -30,7 +30,7 @@ etc }

You can use hasMilestone(layer, id) to determine if the player has a given milestone

Milestone features:

  • requirementDescription: A string describing the requirement for unlocking this milestone. Suggestion: Use a "total". It can also be a function that returns updating text. Can use basic HTML.

  • effectDescription: A string describing the reward for having the milestone. You will have to implement the reward elsewhere. It can also be a function that returns updating text. Can use basic HTML.

  • done(): A function returning a boolean to determine if the milestone should be awarded.

  • toggles: optional. Creates toggle buttons that appear on the milestone when it is unlocked. The toggles can toggle a given boolean value in a layer. It is defined as an array of paired items, one pair per toggle. The first is the internal name of the layer the value being toggled is stored in, and the second is the internal name of the variable to toggle. (e.g. [["b", "auto"], ["g", "auto"])

    Tip: Toggles are not de-set if the milestone becomes locked! In this case, you should also check if the player has the milestone.

  • style: optional. Applies CSS to this milestone, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings).

  • unlocked(): optional. A function returning a boolean to determine if the milestone should be shown. If absent, it is always shown.

  • layer: assigned automagically. It's the same value as the name of this layer, so you can do player[this.layer].points or similar.

  • id: assigned automagically. It's the "key" which the milestone was stored under, for convenient access. The milestone in the example's id is 0.

Disaable milestone popups by adding milestonePopups: false to the layer.

- + diff --git a/public/kronos/docs/particles/index.html b/public/kronos/docs/particles/index.html index 8e1b6deb..d99077d6 100644 --- a/public/kronos/docs/particles/index.html +++ b/public/kronos/docs/particles/index.html @@ -33,7 +33,7 @@ etc... }

Features can be functions or constant. These features will be called when each particle is made, with an id argument, which is assigned based on which of the amount particles being spawned this is. All of these are optional, with a default value.

All distances are in pixels and angles are in degrees, with 0 being up and going clockwise.

  • time: The amount of time, in seconds, that the particle will last. Default is 3.

  • fadeOutTime: The amount of seconds that fading out at the end should take (part of the total lifetime). Default is 1.

  • fadeInTime: The amount of seconds that fading in should take (part of the total lifetime). Default is 0.

  • image: The image the particle should display. "" will display no image. Default is a generic particle.

  • text: Displays text on the particle. Can use basic HTML.

  • style: Lets you apply other CSS styling to the particle.

  • width, height: The dimensions of the particle. Default is 35 and 35.

  • color: Sets the color of the image to this color.

  • angle: The angle that the particle should face. Default is 0.

  • dir: The initial angle that the particles should move in, before spread is factored in. Default is whatever angle is.

  • spread: If there are several particles, they will be spread out by this many degrees, centered on dir. Default is 30.

  • rotation: The amount that the (visual) angle of the particle should change by. Default is 0.

  • speed: The starting speed of the particle. Default is 15.

  • gravity: The amount the particle should accelerate downwards. Default is 0.

  • x, y: The starting coordinates of the particle. Default is at the mouse position.

  • offset: How far from the start each particle should appear. Default is 10.

  • xVel, yVel: Set initially based on other properties, then used to update movement.

  • layer: When changing tabs, if leaving the layer tab, this particle will be erased.

  • You can add other features to particles, but you must impliment their effects yourself.

Function features: These stay as functions and are for more advanced things. They are optional.

  • update(): Called each tick. Lets you do more advanced visual and movement behaviors by changing other properties.
  • onClick(), onMouseOver(), onMouseLeave(): Called when the particle is interacted with.

Other useful things that are not features of the particle object:

  • setDir(particle, dir), setSpeed(particle, speed): Set the speed/direction on a particle.
  • clearParticles(check): Function to delete particles. With no check, it deletes all particles. Check is a function that takes a particle, and returns true if that particle should be deleted.
  • You can use Vue.delete(particles, this.id) to make a particle delete itself.
  • mouseX and mouseY are variables that track the mouse position.
  • sin(x), cos(x), tan(x): functions that do these operations, with x in degrees. (Instead of radians).
  • asin(x), acos(x), atan(x): functions that do these operations, with the returned value in degrees. (instead of radians).
- + diff --git a/public/kronos/docs/subtabs-and-microtabs/index.html b/public/kronos/docs/subtabs-and-microtabs/index.html index 1ec840b8..2c5f6498 100644 --- a/public/kronos/docs/subtabs-and-microtabs/index.html +++ b/public/kronos/docs/subtabs-and-microtabs/index.html @@ -48,7 +48,7 @@ } }

Normal subtabs and microtab subtabs both use the same features:

Features:

  • content: The tab layout code for the subtab, in the tab layout format.

  • style: optional. Applies CSS to the whole subtab when switched to, in the form of an "CSS Object", where the keys are CSS attributes, and the values are the values for those attributes (both as strings).

  • buttonStyle: optional. A CSS object, which affects the appearance of the button for that subtab.

  • unlocked(): optional. a function to determine if the button for this subtab should be visible. By default, a subtab is always unlocked. You can't use the "this" keyword in this function.

  • shouldNotify()/prestigeNotify(): optional, if true, the tab button will be highlighted to notify the player that there is something there.

  • glowColor: optional, specifies the color that the subtab glows. If this subtab is causing the main layer to node glow (and it would't otherwise) the node also glows this color. Is NOT overridden by embedding a layer.

  • embedLayer: SIGNIFICANT, the id of another layer. If you have this, it will override "content", "style" and "shouldNotify", instead displaying the entire layer in the subtab.

- + diff --git a/public/kronos/docs/trees-and-tree-customization/index.html b/public/kronos/docs/trees-and-tree-customization/index.html index b1c6e17b..0bfda4f0 100644 --- a/public/kronos/docs/trees-and-tree-customization/index.html +++ b/public/kronos/docs/trees-and-tree-customization/index.html @@ -25,7 +25,7 @@ ["left", "blank", "right", "blank"] ["a", "b", "blank", "c", "weirdButton"]]

Nodes

Nodes are non-layer buttons that can go in trees. They are defined similarly to layers, but with addNode instead of addLayer.

Features:

  • color: optional, The node's color. (A string in hex format with a #)

  • symbol: optional The text on the button (The id capitalized by default)

  • canClick(): Returns true if the player can click the node. ()

  • onClick(): The function called when the node is clicked.

  • layerShown(): optional, A function returning a bool which determines if this node should be visible. It can also return "ghost", which will hide the layer, but its node will still take up space in its tree.

  • branches: optional. An array of layer/node ids. On a tree, a line will appear from this node to all of the nodes in the list. Alternatively, an entry in the array can be a 2-element array consisting of the id and a color value. The color value can either be a string with a hex color code, or a number from 1-3 (theme-affected colors).

  • nodeStyle: optional. A CSS object, where the keys are CSS attributes, which styles this node on the tree.

  • tooltip() / tooltipLocked(): optional. Functions that return text, which is the tooltip for the node when the layer is unlocked or locked, respectively. By default the tooltips behave the same as in the original Prestige Tree.

  • row: optional, the row that this node appears in (for the default tree).

  • position: optional, Determines the horizontal position of the layer in its row in a default tree. By default, it uses the id, and layers/nodes are sorted in alphabetical order.

- + diff --git a/public/kronos/docs/updating-tmt/index.html b/public/kronos/docs/updating-tmt/index.html index 12ebe102..379ccfda 100644 --- a/public/kronos/docs/updating-tmt/index.html +++ b/public/kronos/docs/updating-tmt/index.html @@ -22,7 +22,7 @@

Appearance

On this page

Updating The Modding Tree

This tutorial assumes that you have used the Getting Started Tutorial, and are using Github Desktop and VSCode for your mod.

Here's what you have to do when there's a TMT update:

  1. Look at the changelog. It will warn you if the update will break anything or require any changes. Decide if you want to try to update.

  2. Open Github Desktop, and at the top middle, click "fetch origin". This will make Github Desktop get information about the update.

  3. Click where it says "current branch: master" at the top middle, and at the bottom of the thing that appears, click "choose a branch to merge into master".

  4. Select upstream/master. It will likely say there are conflicts, but you have tools to resolve them. Click "Merge upstream/master into master".

  5. A conflict happens when the things you're trying to merge have both made changes in the same place. Click "open in Visual Studio Code" next to the first file.

  6. Scroll down through the file, and look for the parts highlighted in red and green. One of these is your code, and the other is some code that will be modified by the update. Do your best to try to edit things to keep the updated changes, but keep your content.

  7. Continue to do this for all remaining changes.

  8. Do any other changes required by the update, run the game, fix issues, etc.

- + diff --git a/public/kronos/docs/upgrades/index.html b/public/kronos/docs/upgrades/index.html index 3000db66..fb709acb 100644 --- a/public/kronos/docs/upgrades/index.html +++ b/public/kronos/docs/upgrades/index.html @@ -30,7 +30,7 @@ etc }

Usually, upgrades should have an id where the first digit is the row and the second digit is the column.

Individual upgrades can have these features:

  • title: optional. Displayed at the top in a larger font. It can also be a function that returns updating text. Can use basic HTML.

  • description: A description of the upgrade's effect. You will also have to implement the effect where it is applied. It can also be a function that returns updating text. Can use basic HTML.

  • effect(): optional. A function that calculates and returns the current values of any bonuses from the upgrade. Can return a value or an object containing multiple values.

  • effectDisplay(): optional. A function that returns a display of the current effects of the upgrade with formatting. Default displays nothing. Can use basic HTML.

  • fullDisplay(): OVERRIDE. Overrides the other displays and descriptions, and lets you set the full text for the upgrade. Can use basic HTML.

  • cost: A Decimal for the cost of the upgrade. By default, upgrades cost the main prestige currency for the layer.

  • unlocked(): optional. A function returning a bool to determine if the upgrade is visible or not. Default is unlocked.

  • onPurchase(): optional. This function will be called when the upgrade is purchased. Good for upgrades like "makes this layer act like it was unlocked first".

  • style: optional. Applies CSS to this upgrade, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings).

  • layer: assigned automagically. It's the same value as the name of this layer, so you can do player[this.layer].points or similar.

  • id: assigned automagically. It's the "key" which the upgrade was stored under, for convenient access. The upgrade in the example's id is 11.

By default, upgrades use the main prestige currency for the layer. You can include these to change them (but it needs to be a Decimal):

  • currencyDisplayName: optional. The name to display for the currency for the upgrade.

  • currencyInternalName: optional. The internal name for that currency.

  • currencyLayer: optional. The internal name of the layer that currency is stored in. If it's not in a layer (like Points), omit. If it's not stored directly in a layer, instead use the next feature.

  • currencyLocation: optional. If your currency is stored in something inside a layer (e.g. a buyable's amount), you can access it this way. This is a function returning the object in "player" that contains the value (like player[this.layer].buyables)

If you want to do something more complicated like upgrades that cost two currencies, you can override the purchase system with these (and you need to use fullDisplay as well)

  • canAfford(): OVERRIDE, a function determining if you are able to buy the upgrade

  • pay(): OVERRIDE, a function that reduces your currencies when you buy the upgrade

- + diff --git a/public/lit/Old Things/2.0-format-changes/index.html b/public/lit/Old Things/2.0-format-changes/index.html index 312fd793..237467b0 100644 --- a/public/lit/Old Things/2.0-format-changes/index.html +++ b/public/lit/Old Things/2.0-format-changes/index.html @@ -22,7 +22,7 @@

Appearance

On this page

2.0 format changes

  • Temp format is changed from temp.something[layer] to temp[layer].something, for consistency
  • Challenges are now saved as an object with the amount of completions in each spot. (This will break saves.)
  • effectDisplay in Challenges and Upgrades no longer takes an argument, and neither does effect for Buyables
  • Buyable cost can take an argument for amount of buyables, but it needs to function if no argument is supplied (it should do the cost for the next purchase).
  • Generation of Points now happens in the main game loop (not in a layer update function), enabled by canGenPoints in game.js.
  • Changed fullLayerReset to layerDataReset, which takes an array of names of values to keep

In addition, many names were changed, mostly expanding abbreviations:

All instances of:

  • chall -> challenge
  • unl -> unlocked
  • upg -> upgrade (besides CSS)
  • amt -> amount
  • desc -> description
  • resCeil -> roundUpCost
  • order -> unlockOrder
  • incr_order -> increaseUnlockOrder

Challenges:

  • desc -> challengeDescription
  • reward -> rewardDescription
  • effect -> rewardEffect
  • effectDisplay -> rewardDisplay
  • active -> challengeActive
- + diff --git a/public/lit/README/index.html b/public/lit/README/index.html index b8cd7285..b91ba1aa 100644 --- a/public/lit/README/index.html +++ b/public/lit/README/index.html @@ -22,7 +22,7 @@

Appearance

On this page

Kronos

Play here.

Updating the website:

  • git submodule update --remote
  • git add -A
  • git commit -m "Updated kronos"
  • git push
- + diff --git a/public/lit/changelog/index.html b/public/lit/changelog/index.html index 7fa34f5a..cf2d8041 100644 --- a/public/lit/changelog/index.html +++ b/public/lit/changelog/index.html @@ -22,7 +22,7 @@

Appearance

On this page

The Modding Tree changelog:

v2.Ï€: Incrementally Updated - 2/5/21

  • Performance improvements.
  • Fixed tooltips overlapping with the top display.
  • Clicking a popup dismisses it immediately.
  • Added support for bulk challenge completions.
  • "Best" is updated automatically.
  • Fixed keeping Decimal values on reset.
  • Code reorganization and style improvements by fudo.

v2.3.5 - 12/21/20

  • Added resetTime, which tracks the time since a layer prestiged or was reset.
  • A layer node will be highlighted red if one of its subtabs is highlighted red.
  • Fixed issues with keeping challenges, buyables, and clickables on reset.
  • Improved the unlocking of custom layers.
  • Other minor fixes.

v2.3.4 - 12/16/20

  • Added a node image feature.
  • Resource display now always shows the amount of the currency the layer's gain is based on.
  • Added spacing between tree nodes.
  • Another attempt to fix tooltip flickering.

v2.3.3 - 12/13/20

  • Fixed the first node in a row always taking up space.
  • layerShown is now optional.
  • All prestige types can now use features for custom prestige types.

v2.3.2 - 12/13/20

  • Fixed achievement/milestone popups.

v2.3.1 - 12/12/20

  • Another attempt to fix flickering tooltips.
  • The "this" keyword should work everywhere except tabFormat arrays (although I may have missed some things).
  • Fixed tree branches not updating when scrolling on the right-side tab.
  • Fixed a spacing issue when a node's symbol is ""
  • Removed some old, unneeded files.

v2.3: Cooler and Newer Edition - 12/10/20

  • Added achievement/milestone popups (thank you to Jacorb for this contribution!)
  • The changelog tab is back, and can be set in mod.js.
  • Layer nodes and respec buttons will not be clicked by pressing "enter".
  • Possible fix for flickering tooltips and strange transitions.
  • The victory screen text is configurable.
  • Added image and textStyle features to achievements.
  • Added an argument to use specific rows in an "upgrades" component.
  • Fixed the comma appearing in the main display when there was no effectDescription
  • Added the ability to easily make a tab that is a collection of layers in subtabs.
  • Improved spacing for embedding layers with subtabs into subtabs.

v2.2.8 - 12/03/20

  • Double-clicking a layer node brings you to the main subtab for that layer.
  • Attempted to fix challenges visually updating a different way.
  • Added a softcap function for use in formulas.
  • Added displayRow feature, which lets layers be shown somewhere separate from where they are in the reset order (e.g. side layers)
  • Fixed autoupgrade issue.

v2.2.7 - 11/30/20

  • Added autoUpgrade feature.
  • resource-display now shows resource gain per second if passiveGain is active.
  • Fixed formatting issues on some large numbers.
  • Better support for using classed objects in player and in layers/tmp.
  • Made hard resetting more effective.
  • Removed Herobrine from getStartClickables.

v2.2.6 - 11/30/20

  • Added goalDescription for challenges and made the new "canComplete" system the standard.
  • Another attempt to fix challenges not visually updating.
  • Fixed side layers not appearing.
  • Fixed getStartClickables again.

v2.2.5 - 11/29/20

  • Added features for overriding the displays and costs/goals of upgrades and challenges to make them fully custom.
  • best, total, and unlocked are always automatically added to layerData (but best and total will only display if you add them yourself).
  • Fixed getStartClickables.

v2.2.4 - 11/28/20

  • Added softcap and softcapPower features (for Normal layers)
  • Offline time limit and default max tick length were fixed (previously the limits were 1000x too large)
  • Added fixOldSaves.
  • You can use HTML in main-display.
  • Fixed a number of minor oddities.

v2.2.3 - 11/28/20

  • Layers will be highlighted if you can finish a challenge.
  • The "can complete challenge" color now overrides the "already completed" color.
  • Button nodes now work as side "layers".
  • Setting a tooltip to "" hides it entirely.

v2.2.2 - 11/22/20

  • Fixed right half of the screen being unclickable in some circumstances.
  • Fixed tree branches being offset.
  • Fix to lastSafeTab.

v2.2.1 - 11/7/20

  • Added a small highlight to layers you can meaningfully prestige on.
  • Added passiveGeneration and autoPrestige features to standardize prestige automation. (The old ways still work, but the new ones work better with other things)
  • Improved milestones visually a bit.
  • "best" and "total" are now only displayed if present in startData.
  • Fixed issues with things not updating visually. (Thank you to to Jacorb!)
  • Side layers and button nodes can now be highlighted.
  • Updated docs on the new tree-related features.

v2.2: Uprooted - 11/7/20

  • You can now embed a layer inside of a subtab or microtab!
  • Added support for hiding or reformatting the tree tab
  • Added non-layer button nodes
  • Added shouldNotify to subtab/microtab buttons. (You can make them highlighted)
  • Added commas to large exponents.
  • Upgrades now only show "currently" if they have an effectDisplay (so not for constant effects).
  • Achievements are part of the default tab format.
  • NaN is now handled more intelligently.
  • Renamed files, and moved less relevant ones to another folder.
  • The "hide completed challenges" setting now only hides challenges at max completions.
  • Thank you to thepaperpilot for fixing errors in docs and improving the infobox appearance!
  • Many other minor fixes.

v2.1.4 - 10/25/20

  • Added an infobox component. Thank you to thepaperpilot for this contribution!
  • Layer type is now optional, and defaults to "none".
  • Improved the look of bars and tab buttons.
  • Improved spacing between layer nodes (also thanks to thepaperpilot!)
  • Fixed the "blank" component breaking if only specifying the height.
  • Fixed some numbers not displaying with enough digits.
  • Made a few more things able to be functions.
  • A few other minor fixes.

v2.1.3.1 - 10/21/20

  • Fixed the update function.

v2.1.3 - 10/21/20

  • gainMult and gainExp are now optional.
  • Layer unlocking is now kept on reset.
  • Game should start up faster.
  • Layer updates now have a determined order and starts with earlier-rowed layers.
  • Automation now has a determined order and starts with later-rowed layers.
  • Fixed issues with resetting clickables and challenges.
  • Commas should no longer appear in the decimal places of a number.
  • Fixed potential issue in displaying the tree.

v2.1.2 - 10/19/20

  • Added buyUpgrade function (buyUpg still works though)
  • Added author name to modInfo.
  • Fix to crash caused when the name of a subtab or microtab is changed.
  • Fixes to outdated information in docs.
  • Improvements to Discord links.
  • Thank you to thepaperpilot for contributing to this update!

v2.1.1 - 10/17/20

  • Added resource-display component, which displays the base currency for the prestige layer, as well as the best and/or total of this layer's prestige currency.
  • Fixed the value for the base currency not updating in resource-display.

v2.1: We should have thought of this sooner! - 10/17/20

  • Moved most of the code users will want to edit to mod.js, added documentation for it.
    • Specifically, modInfo, VERSION, canGenPoints, getPointGen, and maxTickLength
  • Added getStartPoints()
  • Added the ability to store non-layer-related data
  • Added the ability to display more things at the top of the tree tab below points.
  • Made the endgame condition customizable
  • Added "sell one" and "sell all" buttons for buyables.
  • Moved the old "game" to demo.js, and replaced it with a minimal game that won't cause issues when edited.
  • Fixed issues with version number
  • Fixed number formatting issue making things like "10e9" appear.

v2.0.5 - 10/16/20

  • Made more features (including prestige parameters) able to be dynamic.
  • Layer nodes can be hidden but still take up space with "ghost" visibility
  • Added clickableEffect for real.
  • Fixed some visual issues with bars.
  • A few other minor tweaks and improvements.

v2.0.4 - 10/16/20

  • Fixed HTML on buttons interfering with clicking on them.

v2.0.3 - 10/16/20

  • Fixed hotkeys not displaying in info.
  • Fixed the game supressing all external hotkeys.
  • You can use more things as currencies for upgrade costs and challenge goals using currencyLocation.
  • Added maxTickLength, which can be used to prevent offline time or tab-switching from breaking time-limit based mechanics.
  • Made buyable respec buttons and clickable "master" buttons their own components, and gave them a hide/show feature.
  • Added a general "tooltip" feature for achievements.

v2.0.2 - 10/15/20

  • Branches are now dynamic (they can be functions).
  • Fixed a crash related to offline time.
  • Fixed links being too wide.

v2.0.1 - 10/15/20

  • Fixed side layers appearing multiple times.

v2.0: The Pinnacle of Achievement Mountain - 10/15/20

  • Added progress bars, which are highly customizable and can be horizontal or vertical!
  • Added "side layers", displayed smaller and off to the side, and don't get reset by default. They can be used for global achievements and statistics. Speaking of which...
  • Added achievements!
  • Added clickables, a more generalized variant of buyables.
  • Almost every value in layer data can be either a function or a constant value!
  • Added support for multiple completions of challenges.
  • Added "none" prestige type, which removes the need for any other prestige-related features.
  • The points display and other gui elements stay at the top of the screen when the tree scrolls.
  • Added getter/setter functions for the amounts and effects of most Big Features
  • Moved modInfo to game.js, added a spot in modInfo for a Discord link, changelog link. Also added a separate mod version from the TMT version in VERSION.
  • Tree structure is based on layer data, no index.html editing is needed.
  • Tmp does not need to be manually updated.
  • You don't have to have the same amount of upgrades in every row (and challs and buyables)
  • "unlocked" is optional for all Big Components (defaults to true).
  • All displays will update correctly.
  • Changelog is no longer in index.html at all.
  • Generation of Points now happens in the main game loop
  • Changed the reset functions to make keeping things easier
  • Renamed many things to increase readability (see the list in the link below)
  • Improved documentation based on feedback

v1.3.5:

  • Completely automated convertToDecimal, now you never have to worry about it again.
  • Branches can be defined without a color id. But they can also use hex values for color ids!
  • Created a tutorial for getting started with TMT and Github.
  • Page title is now automatically taken from mod name.

v1.3.4 - 10/8/20

  • Added "midsection" feature to add things to a tab's layout while still keeping the standard layout.
  • Fix for being able to buy more buyables than you should.

v1.3.3 - 10/7/20

  • Fix for the "order of operations" issue in temp.

v1.3.1 - 10/7/20

  • Added custom CSS and tooltips for Layer Nodes.
  • Added custom CSS for upgrades, buyables, milestones, and challenges, both individually and layer-wide.
  • You can now use HTML in most display text!
  • You can now make milestones unlockable and not display immediately.
  • Fixed importing saves, and issue with upgrades not appearing, and probably more.
  • Optional "name" layer feature, used in confirmation messages.

v1.3: Tabception... ception! - 10/7/20

  • Added subtabs! And also a Micro-tab component to let you make smaller subtab-esque areas anywhere.
  • Added a "custom" prestige formula type, and a number of features to support it.
  • Added points/sec display (can be disabled).
  • Added h-line, v-line and image-display components, plus components for individual upgrades, challenges, and milestones.
  • Added upgEffect, buyableEffect, and challEffect functions.
  • Added "hide completed challenges" setting.
  • Moved old changelogs to a separate place.
  • Fixed hasMilestone and incr_order.
  • Static layers now show the currency amount needed for the next one if you can buy max.

v1.2.4 - 10/4/20

  • Layers are now highlighted if you can buy an upgrade, and a new feature, shouldNotify, lets you make it highlight other ways.
  • Fixed bugs with hasUpg, hasChall, hasMilestone, and inChallenge.
  • Changed the sample code to use the above functions for convenience.

v1.2.3 - 10/3/20

  • Added a row component, which displays a list of objects in a row.
  • Added a column component, which displays a list of objects in a column (useful within a row).
  • Changed blanks to have a customizable width and height.

v1.2: This Changes Everything! - 10/3/20

  • Many layer features can now be static values or functions. (This made some formats change, which will break old things)
  • You can now use the "this" keyword, to make code easier to transfer when making new layers.
  • Also added "this.layer", which is the current layer's name, and works on existing subfeatures (e.g. individual upgrades) as well! Subfeatures also have "this.id".
  • Fixed a big save issue. If you use a unique mod id, your save will never conflict with other mods.
  • Added a configurable offline time limit in modinfo at the top of index.html. (default 1 hour)
  • Added a few minor features, and updated the docs with new information.

v1.1.1:

  • You can define hotkeys directly from layer config.

v1.1: Enhanced Edition

  • Added "Buyables", which can function like Space Buildings or Enhancers.
  • Custom CSS can now be used on any component! Make the third argument an object with CSS parameters.
  • Lots of minor good things.

v1.0:

  • First release.
- + diff --git a/public/lit/docs/!general-info/index.html b/public/lit/docs/!general-info/index.html index 2e8c4e4d..8a512b63 100644 --- a/public/lit/docs/!general-info/index.html +++ b/public/lit/docs/!general-info/index.html @@ -22,7 +22,7 @@

Appearance

On this page

The-Modding-Tree

The main way to add content is through creating layers. You can either add a layer directly in the layers object in layerSupport.js, or declare it in another file and register it by calling addLayer(layername, layerdata). There is an example layer registration in layers.js showing the recommended method. It is just an example and can be freely deleted. You can also use it as a reference or a base for your own layers.

The first thing you need to do is fill out the modInfo object at the top of mod.js to set your mod's name, ID (a string), and other information. A unique modId will prevent your mod's saves from conflicting with other mods. Note that changing this after people have started playing will reset their saves.

Most of the time, you won't need to dive deep into the code to create things, but you still can if you really want to, for example to add new Vue components in v.js.

The Modding Tree uses break_eternity.js to store large values. This means that many numbers are Decimal objects, and must be treated differently. For example, you have to use new Decimal(x) to create a Decimal value instead of a plain number, and perform operations on them by calling functions. e.g, instead of x = x + y, use x = x.add(y). Keep in mind this also applies to comparison operators, which should be replaced with calling the .gt, .gte, .lt, .lte, .eq, and .neq functions. See the break_eternity.js docs for more details on working with Decimal values.

Almost all values can be either a constant value, or a dynamic value. Dynamic values are defined by putting a function that returns what the value should be at any given time.

All display text can use basic HTML elements (But you can't use most Vue features there).

While reading this documentation, the following key will be used when describing features:

  • No label: This is required and the game may crash if it isn't included.
  • sometimes required: This is may be required, depending on other things in the layer.
  • optional: You can leave this out if you don't intend to use that feature for the layer.
  • assigned automagically: This value will be set automatically and override any value you set.
  • deprecated: This feature is not recommended to be used anymore, and may be removed in future versions of TMT.

Table of Contents

General

  • Getting Started: Getting your own copy of the code set up with Github Desktop.
  • Main mod info: How to set up general things for your mod in mod.js.
  • Basic layer breakdown: Breaking down the components of a layer with minimal features.
  • Layer features: Explanations of all of the different properties that you can give a layer.
  • Custom Tab Layouts: An optional way to give your tabs a different layout. You can even create entirely new components to use.
  • Custom game layouts: You can get rid of the tree tab, add buttons and other things to the tree, or even customize the tab's layout like a layer tab.
  • Updating TMT: Using Github Desktop to update your mod's version of TMT.

Common components

  • Upgrades: How to create upgrades for a layer.
  • Milestones: How to create milestones for a layer.
  • Buyables: Create rebuyable upgrades for your layer (with the option to make them respec-able). Can be used to make Enhancers or Space Buildings.
  • Clickables: A more generalized variant of buyables, for any kind of thing that is sometimes clickable. Between these and Buyables, you can do just about anything.

Other components and features

  • Challenges: How to create challenges for a layer.
  • Bars: Display some information as a progress bar, gauge, or similar. They are highly customizable, and can be horizontal and vertical as well.
  • Subtabs and Microtabs: Create subtabs for your tabs, as well as "microtab" components that you can put inside the tabs. You can even use them to embed a layer inside another layer!
  • Achievements: How to create achievements for a layer (or for the whole game).
  • Infoboxes: Boxes containing text that can be shown or hidden.
  • Trees: Make your own trees. You can make non-layer button nodes too!
- + diff --git a/public/lit/docs/achievements/index.html b/public/lit/docs/achievements/index.html index 552c5542..95281d0f 100644 --- a/public/lit/docs/achievements/index.html +++ b/public/lit/docs/achievements/index.html @@ -31,7 +31,7 @@ etc }

Each achievement should have an id where the first digit is the row and the second digit is the column.

Individual achievement can have these features:

  • name: optional. displayed at the top of the achievement. The only visible text. It can also be a function that returns updating text. Can use basic HTML.

  • done(): A function returning a boolean to determine if the achievement should be awarded.

  • tooltip: Default tooltip for the achievement, appears when it is hovered over. Should convey the goal and any reward for completing the achievement. It can also be a function that returns updating text. Can use basic HTML. Setting this to "" disables the tooltip.

  • effect(): optional. A function that calculates and returns the current values of any bonuses from the achievement. Can return a value or an object containing multiple values.

  • unlocked(): optional. A function returning a bool to determine if the achievement is visible or not. Default is unlocked.

  • onComplete() - optional. this function will be called when the achievement is completed.

  • image: optional, puts the image from the given URL (relative or absolute) in the achievement

  • style: optional. Applies CSS to this achievement, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings).

  • textStyle: optional. Applies CSS to the text, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings).

  • layer: assigned automagically. It's the same value as the name of this layer, so you can do player[this.layer].points or similar.

  • id: assigned automagically. It's the "key" which the achievement was stored under, for convenient access. The achievement in the example's id is 11.

  • goalTooltip: optional, deprecated. Appears when the achievement is hovered over and locked, overrides the basic tooltip. This is to display the goal (or a hint). It can also be a function that returns updating text. Can use basic HTML.

  • doneTooltip: optional, deprecated. Appears when the achievement is hovered over and completed, overrides the basic tooltip. This can display what the player achieved (the goal), and the rewards, if any. It can also be a function that returns updating text. Can use basic HTML.

Disable achievement popups by adding achievementsPopups: false to the layer.

- + diff --git a/public/lit/docs/bars/index.html b/public/lit/docs/bars/index.html index bae36da9..126d8827 100644 --- a/public/lit/docs/bars/index.html +++ b/public/lit/docs/bars/index.html @@ -32,7 +32,7 @@ etc }

Features:

  • direction: UP, DOWN, LEFT, or RIGHT (not strings). Determines the direction that the bar is filled as it progresses. RIGHT means from left to right.

  • width, height: The size in pixels of the bar, but as numbers (no "px" at the end).

  • progress(): A function that returns the portion of the bar that is filled, from "empty" at 0 to "full" at 1, updating automatically. (Nothing bad happens if the value goes out of these bounds, and it can be a number or Decimal)

  • display(): optional. A function that returns text to be displayed on top of the bar, can use HTML.

  • unlocked(): optional. A function returning a bool to determine if the bar is visible or not. Default is unlocked.

  • baseStyle, fillStyle, borderStyle, textStyle: Optional, Apply CSS to the unfilled portion, filled portion, border, and display text on the bar, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings).

  • layer: assigned automagically. It's the same value as the name of this layer, so you can do player[this.layer].points or similar.

  • id: assigned automagically. It's the "key" which the bar was stored under, for convenient access. The bar in the example's id is "bigBar".

- + diff --git a/public/lit/docs/basic-layer-breakdown/index.html b/public/lit/docs/basic-layer-breakdown/index.html index d56c49bb..8668bb18 100644 --- a/public/lit/docs/basic-layer-breakdown/index.html +++ b/public/lit/docs/basic-layer-breakdown/index.html @@ -50,7 +50,7 @@ layerShown() { return true } // Returns a bool for if this layer's node should be visible in the tree. }) - + diff --git a/public/lit/docs/buyables/index.html b/public/lit/docs/buyables/index.html index c88bcd46..fdebb883 100644 --- a/public/lit/docs/buyables/index.html +++ b/public/lit/docs/buyables/index.html @@ -37,7 +37,7 @@ etc }

Features:

  • title: optional. displayed at the top in a larger font. It can also be a function that returns updating text.

  • cost(): cost for buying the next buyable. Can have an optional argument "x" to calculate the cost of the x+1th object, but needs to use "current amount" as a default value for x. (x is a Decimal). Can return an object if there are multiple currencies.

  • effect(): optional. A function that calculates and returns the current values of bonuses of this buyable. Can return a value or an object containing multiple values.

  • display(): A function returning everything that should be displayed on the buyable after the title, likely including the description, amount bought, cost, and current effect. Can use basic HTML.

  • unlocked(): optional. A function returning a bool to determine if the buyable is visible or not. Default is unlocked.

  • canAfford(): A function returning a bool to determine if you can buy one of the buyables.

  • buy(): A function that implements buying one of the buyable, including spending the currency.

  • buyMax(): optional. A function that implements buying as many of the buyable as possible.

  • style: optional. Applies CSS to this buyable, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings).

  • layer: assigned automagically. It's the same value as the name of this layer, so you can do player[this.layer].points or similar.

  • id: assigned automagically. It's the "key" which the buyable was stored under, for convenient access. The buyable in the example's id is 11.

Sell One/Sell All:

Including a sellOne or sellAll function will cause an additional button to appear beneath the buyable. They are functionally identical, but "sell one" appears above "sell all". You can also use them for other things.

  • sellOne/sellAll(): optional. Called when the button is pressed. The standard use would be to decrease/reset the amount of the buyable, and possibly return some currency to the player.

  • canSellOne/canSellAll(): optional. booleans determining whether or not to show the buttons. If "canSellOne/All" is absent but "sellOne/All" is present, the appropriate button will always show.

- + diff --git a/public/lit/docs/challenges/index.html b/public/lit/docs/challenges/index.html index 742253a6..cfb274e8 100644 --- a/public/lit/docs/challenges/index.html +++ b/public/lit/docs/challenges/index.html @@ -33,7 +33,7 @@ etc }

Each challenge should have an id where the first digit is the row and the second digit is the column.

Individual Challenges can have these features:

  • name: Name of the challenge, can be a string or a function. Can use basic HTML.

  • challengeDescription: A description of what makes the challenge a challenge. You will need to implement these elsewhere. It can also be a function that returns updating text. Can use basic HTML.

  • goalDescription: A description of the win condition for the challenge. It can also be a function that returns updating text. Can use basic HTML. (Optional if using the old goal system)

  • canComplete(): A function that returns true if you meet the win condition for the challenge. Returning a number will allow bulk completing the challenge. (Optional if using the old goal system)

  • rewardDescription: A description of the reward's effect. You will also have to implement the effect where it is applied. It can also be a function that returns updating text. Can use basic HTML.

  • rewardEffect(): optional. A function that calculates and returns the current values of any bonuses from the reward. Can return a value or an object containing multiple values. Can use basic HTML.

  • rewardDisplay(): optional. A function that returns a display of the current effects of the reward with formatting. Default behavior is to just display the a number appropriately formatted.

  • fullDisplay(): OVERRIDE. Overrides the other displays and descriptions, and lets you set the full text for the challenge. Can use basic HTML.

  • unlocked(): optional. A function returning a bool to determine if the challenge is visible or not. Default is unlocked.

  • onComplete() - optional. this function will be called when the challenge is completed when previously incomplete.

  • countsAs: optional. If a challenge combines the effects of other challenges in this layer, you can use this. An array of challenge ids. The player is effectively in all of those challenges when in the current one.

  • completionLimit: optional. the amount of times you can complete this challenge. Default is 1 completion.

  • style: optional. Applies CSS to this challenge, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings).

  • layer: assigned automagically. It's the same value as the name of this layer, so you can do player[this.layer].points or similar

  • id: assigned automagically. It's the "key" which the challenge was stored under, for convenient access. The challenge in the example's id is 11.

The old goal system uses these features:

  • goal: deprecated, A Decimal for the amount of currency required to beat the challenge. By default, the goal is in basic Points. The goal can also be a function if its value changes.

  • currencyDisplayName: deprecated. the name to display for the currency for the goal

  • currencyInternalName: deprecated. the internal name for that currency

  • currencyLayer: deprecated. the internal name of the layer that currency is stored in. If it's not in a layer, omit. If it's not stored directly in a layer, instead use the next feature.

  • currencyLocation(): deprecated. if your currency is stored in something inside a layer (e.g. a buyable's amount), you can access it this way. This is a function returning the object in "player" that contains the value (like player[this.layer].buyables)

- + diff --git a/public/lit/docs/clickables/index.html b/public/lit/docs/clickables/index.html index c87af7eb..b85b6630 100644 --- a/public/lit/docs/clickables/index.html +++ b/public/lit/docs/clickables/index.html @@ -31,7 +31,7 @@ etc }

Features:

  • title: optional. displayed at the top in a larger font. It can also be a function that returns updating text.

  • effect(): optional. A function that calculates and returns the current values of bonuses of this clickable. Can return a value or an object containing multiple values.

  • display(): A function returning everything that should be displayed on the clickable after the title, likely changing based on its state. Can use basic HTML.

  • unlocked(): optional. A function returning a bool to determine if the clickable is visible or not. Default is unlocked.

  • canClick(): A function returning a bool to determine if you can click the clickable.

  • onClick(): A function that implements clicking one of the clickable.

  • style: optional. Applies CSS to this clickable, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings).

  • layer: assigned automagically. It's the same value as the name of this layer, so you can do player[this.layer].points or similar.

  • id: assigned automagically. It's the "key" which the clickable was stored under, for convenient access. The clickable in the example's id is 11.

You can also use these features on the clickables object to add a button above all the clickables, for implementing a respec button or similar.

  • masterButtonPress(): optional. If present, an additional button will appear above the clickables. Pressing it will call this function.

  • masterButtonText: optional. Text to display on the Master Button.

  • showMasterButton(): optional. A function determining whether or not to show the button. Defaults to true if absent.

- + diff --git a/public/lit/docs/custom-tab-layouts/index.html b/public/lit/docs/custom-tab-layouts/index.html index 502ce040..1d4768d4 100644 --- a/public/lit/docs/custom-tab-layouts/index.html +++ b/public/lit/docs/custom-tab-layouts/index.html @@ -36,7 +36,7 @@ "upgrades" ]

It is a list of components, which can be either just a name, or an array with arguments. If it's an array, the first item is the name of the component, the second is the data passed into it, and the third (optional) applies a CSS style to it with a "CSS object", where the keys are CSS attributes.

These are the existing components, but you can create more in components.js:

  • display-text: Displays some text (can use basic HTML). The argument is the text to display. It can also be a function that returns updating text.

  • raw-html: Displays some basic HTML, can also be a function.

  • blank: Adds empty space. The default dimensions are 8px x 17px. The argument changes the dimensions. If it's a single value (e.g. "20px"), that determines the height. If you have a pair of arguments, the first is width and the second is height.

  • row: Display a list of components horizontally. The argument is an array of components in the tab layout format.

  • column: Display a list of components vertically. The argument is an array of components in the tab layout format. This is useful to display columns within a row.

  • main-display: The text that displays the main currency for the layer and its effects.

  • resource-display: The text that displays the currency that this layer is based on, as well as the best and/or total values for this layer's prestige currency (if they are put in startData for this layer).

  • prestige-button: The argument is a string that the prestige button should say before the amount of currency you will gain. It can also be a function that returns updating text.

  • upgrades: The layer's upgrades. The argument is optional, and is a the list of rows this component should include, if it doesn't have all of them.

  • milestones, challenges, achievements: Display the upgrades, milestones, and challenges for a layer, as appropriate.

  • buyables, clickables: Display all of the buyables/clickables for this layer, as appropriate. The argument is optional and is the size of the boxes in pixels.

  • microtabs: Display a set of subtabs for an area. The argument is the name of the set of microtabs in the "microtabs" feature.

  • bar: Display a bar. The argument is the id of the bar to display.

  • infobox: Display an infobox. The argument is the id of the infobox to display.

  • tree: Displays a tree. The argument is an array of arrays containing the names of the nodes in the tree (first by row, then by column) See here for more information on tree layouts and nodes!

  • toggle: A toggle button that toggles a bool value. The data is a pair that identifies what bool to toggle, e.g. [layer, id]

The rest of the components are sub-components. They can be used just like other components, but are typically part of another component.

  • upgrade, milestone, challenge, buyable, clickable, achievement: An individual upgrade, challenge, etc. The argument is the id. This can be used if you want to have upgrades split up across multiple subtabs, for example.

  • respec-button, master-button: The respec and master buttons for buyables and clickables, respectively.

  • sell-one, sell-all: The "sell one" and "sell all" for buyables, respectively. The argument is the id of the buyable.

- + diff --git a/public/lit/docs/getting-started/index.html b/public/lit/docs/getting-started/index.html index d4cf2615..d3d02a59 100644 --- a/public/lit/docs/getting-started/index.html +++ b/public/lit/docs/getting-started/index.html @@ -22,7 +22,7 @@

Appearance

On this page

Getting started

Welcome to The Modding Tree!

Using the Modding Tree, at its simplest level, just requires getting a copy of it onto your computer. However, if you do it the right way, it will help in many ways.

Don't let the word "Github" scare you away. It's actually much easier to use than most people think, especially because most people use it the hard way. The key is Github Desktop, which lets you do everything you need to, without even touching the command line.

The benefits of using Github:

  • It makes it much, much easier to update The Modding Tree.
  • You can share your work without any extra effort using githack, or with a bit more effort, set up a github.io site.
  • It lets you undo changes to your code, and to have multiple versions of it.
  • It lets you collaborate with other people, if you want to.

Getting set up with Github Desktop, Visual Studio Code, and The Modding Tree:

  1. Install Github Desktop and Visual Studio Code.

  2. Make a Github account. You can handle this on your own.

  3. Log in on your browser, and go back to The Modding Tree page. At the top right, there should be a button that says "fork". Click on it, and then on your username. You now have your own fork, or copy, of The Modding Tree.

  4. Open Github Desktop and log in. Ignore everything else and choose "clone a repository". A "repository" is basically a "Github project", like The Modding Tree. "Cloning" is downloading a copy of the repository to your computer.

  5. Look for The Modding Tree in the list of repositiories (it should be the only one) and click "clone".

  6. Select that you're using it for your own purposes, and click continue. It will download the files and handle everything.

Using your repository

  1. Click on "show in explorer/finder" to the right, and then open the index.html file in the folder. The page should open up on your browser. This will let you view and test your project locally!

  2. To edit your project, click "open in VSCode" in Github Desktop.

  3. Open mod.js in VSCode, and look at the top part where it has a "modInfo" object. Fill in your mod's name to whatever you want, and change the id as well. (It can be any string value, and it's used to determine where the savefile is. Make it something that's probably unique, and don't change it again later or else it'll effectively wipe existing saves)

  4. Save mod.js, and then reload index.html in your browser. The title on the tab, as well as on the info page, will now be updated! You can reload the page every time you change the code to test it quickly and easily.

  5. Go back to Github Desktop. It's time to save your changes into the git system by making a "commit". This basically saves your work and creates a snapshot of what your code looks like at this moment, allowing you to look back at it later.

  6. At the bottom right corner, add a summary of your changes, and then click "commit to master".

  7. Finally, at the top middle, click "push origin" to push your changes out onto the online repository.

  8. You can view your project on line, or share it with others, by going to https://raw.githack.com/[YOUR-GITHUB-USERNAME]/The-Modding-Tree/master/index.html

And now, you have successfully used Github! You can look at the documentation to see how The Modding Tree's system works and to make your mod a reality.

- + diff --git a/public/lit/docs/infoboxes/index.html b/public/lit/docs/infoboxes/index.html index 3502321e..e7389982 100644 --- a/public/lit/docs/infoboxes/index.html +++ b/public/lit/docs/infoboxes/index.html @@ -30,7 +30,7 @@ etc }

Features:

  • title: The text displayed above the main box. Can be a function to be dynamic, and can use basic HTML.

  • body: The text displayed inside the box. Can be a function to be dynamic, and can use basic HTML.

  • style, titleStyle, bodyStyle: optional. Apply CSS to the infobox, or to the title button or body of the infobox, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings).

  • unlocked(): optional. A function returning a bool to determine if the infobox is visible or not. Default is unlocked.

  • layer: assigned automagically. It's the same value as the name of this layer, so you can do player[this.layer].points or similar

  • id: assigned automagically. It's the "key" which the bar was stored under, for convenient access. The infobox in the example's id is "lore".

- + diff --git a/public/lit/docs/layer-features/index.html b/public/lit/docs/layer-features/index.html index 6022356f..86d90e2d 100644 --- a/public/lit/docs/layer-features/index.html +++ b/public/lit/docs/layer-features/index.html @@ -33,7 +33,7 @@ "prestige-button"() { return {'color': '#AA66AA'} } }

Custom Prestige type

(All of these can also be used by other prestige types)

  • getResetGain(): mostly for custom prestige type. Returns how many points you should get if you reset now. You can call getResetGain(this.layer, useType = "static") or similar to calculate what your gain would be under another prestige type (provided you have all of the required features in the layer).

  • getNextAt(canMax=false): mostly for custom prestige type. Returns how many of the base currency you need to get to the next point. canMax is an optional variable used with Static-ish layers to differentiate between if it's looking for the first point you can reset at, or the requirement for any gain at all (Supporting both is good). You can also call getNextAt(this.layer, canMax=false, useType = "static") or similar to calculate what your next at would be under another prestige type (provided you have all of the required features in the layer).

  • canReset(): mostly for custom prestige type. Return true only if you have the resources required to do a prestige here.

  • prestigeNotify(): mostly for custom prestige types, returns true if this layer should be subtly highlighted to indicate you can prestige for a meaningful gain.

- + diff --git a/public/lit/docs/main-mod-info/index.html b/public/lit/docs/main-mod-info/index.html index 83b22db9..6c4044c1 100644 --- a/public/lit/docs/main-mod-info/index.html +++ b/public/lit/docs/main-mod-info/index.html @@ -28,7 +28,7 @@ happiness: new Decimal(72), }}

  • displayThings: An array of functions used to display extra things at the top of the tree tab. Each function returns a string, which is a line to display (with basic HTML support). If a function returns nothing, nothing is displayed (and it doesn't take up a line).

  • isEndgame(): A function to determine if the player has reached the end of the game, at which point the "you win!" screen appears.

Less important things beyond this point!

  • maxTickLength(): Returns the maximum tick length, in milliseconds. Only really useful if you have something that reduces over time, which long ticks mess up (usually a challenge).
- + diff --git a/public/lit/docs/milestones/index.html b/public/lit/docs/milestones/index.html index 6ad1d443..ed33ecd2 100644 --- a/public/lit/docs/milestones/index.html +++ b/public/lit/docs/milestones/index.html @@ -30,7 +30,7 @@ etc }

You can use hasMilestone(layer, id) to determine if the player has a given milestone

Milestone features:

  • requirementDescription: A string describing the requirement for unlocking this milestone. Suggestion: Use a "total". It can also be a function that returns updating text. Can use basic HTML.

  • effectDescription: A string describing the reward for having the milestone. You will have to implement the reward elsewhere. It can also be a function that returns updating text. Can use basic HTML.

  • done(): A function returning a boolean to determine if the milestone should be awarded.

  • toggles: optional. Creates toggle buttons that appear on the milestone when it is unlocked. The toggles can toggle a given boolean value in a layer. It is defined as an array of paired items, one pair per toggle. The first is the internal name of the layer the value being toggled is stored in, and the second is the internal name of the variable to toggle. (e.g. [["b", "auto"], ["g", "auto"])

    Tip: Toggles are not de-set if the milestone becomes locked! In this case, you should also check if the player has the milestone.

  • style: optional. Applies CSS to this milestone, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings).

  • unlocked(): optional. A function returning a boolean to determine if the milestone should be shown. If absent, it is always shown.

  • layer: assigned automagically. It's the same value as the name of this layer, so you can do player[this.layer].points or similar.

  • id: assigned automagically. It's the "key" which the milestone was stored under, for convenient access. The milestone in the example's id is 0.

Disaable milestone popups by adding milestonePopups: false to the layer.

- + diff --git a/public/lit/docs/subtabs-and-microtabs/index.html b/public/lit/docs/subtabs-and-microtabs/index.html index ab591b4b..a0ebe0f5 100644 --- a/public/lit/docs/subtabs-and-microtabs/index.html +++ b/public/lit/docs/subtabs-and-microtabs/index.html @@ -48,7 +48,7 @@ } }

Normal subtabs and microtab subtabs both use the same features:

Features:

  • content: The tab layout code for the subtab, in the tab layout format.

  • style: optional. Applies CSS to the whole subtab when switched to, in the form of an "CSS Object", where the keys are CSS attributes, and the values are the values for those attributes (both as strings).

  • buttonStyle: optional. A CSS object, which affects the appearance of the button for that subtab.

  • unlocked(): optional. a function to determine if the button for this subtab should be visible. By default, a subtab is always unlocked. You can't use the "this" keyword in this function.

  • shouldNotify(): optional, if true, the tab button will be highlighted to notify the player that there is something there.

  • embedLayer: SIGNIFICANT, the id of another layer. If you have this, it will override "content", "style" and "shouldNotify", instead displaying the entire layer in the subtab.

- + diff --git a/public/lit/docs/trees-and-tree-customization/index.html b/public/lit/docs/trees-and-tree-customization/index.html index ada164a5..58611b4b 100644 --- a/public/lit/docs/trees-and-tree-customization/index.html +++ b/public/lit/docs/trees-and-tree-customization/index.html @@ -25,7 +25,7 @@ ["left", "blank", "right", "blank"] ["a", "b", "blank", "c", "weirdButton"]]

Nodes

Nodes are non-layer buttons that can go in trees. They are defined similarly to layers, but with addNode instead of addLayer.

Features:

  • color: optional, The node's color. (A string in hex format with a #)

  • symbol: optional The text on the button (The id capitalized by default)

  • canClick(): Returns true if the player can click the node. ()

  • onClick(): The function called when the node is clicked.

  • layerShown(): optional, A function returning a bool which determines if this node should be visible. It can also return "ghost", which will hide the layer, but its node will still take up space in its tree.

  • branches: optional. An array of layer/node ids. On a tree, a line will appear from this node to all of the nodes in the list. Alternatively, an entry in the array can be a 2-element array consisting of the id and a color value. The color value can either be a string with a hex color code, or a number from 1-3 (theme-affected colors).

  • nodeStyle: optional. A CSS object, where the keys are CSS attributes, which styles this node on the tree.

  • tooltip() / tooltipLocked(): optional. Functions that return text, which is the tooltip for the node when the layer is unlocked or locked, respectively. By default the tooltips behave the same as in the original Prestige Tree.

  • row: optional, the row that this node appears in (for the default tree).

  • position: optional, Determines the horizontal position of the layer in its row in a default tree. By default, it uses the id, and layers/nodes are sorted in alphabetical order.

- + diff --git a/public/lit/docs/updating-tmt/index.html b/public/lit/docs/updating-tmt/index.html index 1cdc8933..46b83f5f 100644 --- a/public/lit/docs/updating-tmt/index.html +++ b/public/lit/docs/updating-tmt/index.html @@ -22,7 +22,7 @@

Appearance

On this page

Updating The Modding Tree

This tutorial assumes that you have used the Getting Started Tutorial, and are using Github Desktop and VSCode for your mod.

Here's what you have to do when there's a TMT update:

  1. Look at the changelog. It will warn you if the update will break anything or require any changes. Decide if you want to try to update.

  2. Open Github Desktop, and at the top middle, click "fetch origin". This will make Github Desktop get information about the update.

  3. Click where it says "current branch: master" at the top middle, and at the bottom of the thing that appears, click "choose a branch to merge into master".

  4. Select upstream/master. It will likely say there are conflicts, but you have tools to resolve them. Click "Merge upstream/master into master".

  5. A conflict happens when the things you're trying to merge have both made changes in the same place. Click "open in Visual Studio Code" next to the first file.

  6. Scroll down through the file, and look for the parts highlighted in red and green. One of these is your code, and the other is some code that will be modified by the update. Do your best to try to edit things to keep the updated changes, but keep your content.

  7. Continue to do this for all remaining changes.

  8. Do any other changes required by the update, run the game, fix issues, etc.

- + diff --git a/public/lit/docs/upgrades/index.html b/public/lit/docs/upgrades/index.html index 3b15934e..de1ffcb0 100644 --- a/public/lit/docs/upgrades/index.html +++ b/public/lit/docs/upgrades/index.html @@ -32,7 +32,7 @@ etc }

Each upgrade should have an id where the first digit is the row and the second digit is the column.

Individual upgrades can have these features:

  • title: optional. Displayed at the top in a larger font. It can also be a function that returns updating text. Can use basic HTML.

  • description: A description of the upgrade's effect. You will also have to implement the effect where it is applied. It can also be a function that returns updating text. Can use basic HTML.

  • effect(): optional. A function that calculates and returns the current values of any bonuses from the upgrade. Can return a value or an object containing multiple values.

  • effectDisplay(): optional. A function that returns a display of the current effects of the upgrade with formatting. Default displays nothing. Can use basic HTML.

  • fullDisplay(): OVERRIDE. Overrides the other displays and descriptions, and lets you set the full text for the upgrade. Can use basic HTML.

  • cost: A Decimal for the cost of the upgrade. By default, upgrades cost the main prestige currency for the layer.

  • unlocked(): optional. A function returning a bool to determine if the upgrade is visible or not. Default is unlocked.

  • onPurchase(): optional. This function will be called when the upgrade is purchased. Good for upgrades like "makes this layer act like it was unlocked first".

  • style: optional. Applies CSS to this upgrade, in the form of an object where the keys are CSS attributes, and the values are the values for those attributes (both as strings).

  • layer: assigned automagically. It's the same value as the name of this layer, so you can do player[this.layer].points or similar.

  • id: assigned automagically. It's the "key" which the upgrade was stored under, for convenient access. The upgrade in the example's id is 11.

By default, upgrades use the main prestige currency for the layer. You can include these to change them (but it needs to be a Decimal):

  • currencyDisplayName: optional. The name to display for the currency for the upgrade.

  • currencyInternalName: optional. The internal name for that currency.

  • currencyLayer: optional. The internal name of the layer that currency is stored in. If it's not in a layer (like Points), omit. If it's not stored directly in a layer, instead use the next feature.

  • currencyLocation: optional. If your currency is stored in something inside a layer (e.g. a buyable's amount), you can access it this way. This is a function returning the object in "player" that contains the value (like player[this.layer].buyables)

If you want to do something more complicated like upgrades that cost two currencies, you can override the purchase system with these (and you need to use fullDisplay as well)

  • canAfford(): OVERRIDE, a function determining if you are able to buy the upgrade

  • pay(): OVERRIDE, a function that reduces your currencies when you buy the upgrade

- +