Make influences appear as discovered

This commit is contained in:
thepaperpilot 2023-05-14 14:02:23 -05:00
parent ca110a22f5
commit 4fecb68170

View file

@ -4,6 +4,7 @@ import { createTab } from "features/tabs/tab";
import { createTabFamily } from "features/tabs/tabFamily"; import { createTabFamily } from "features/tabs/tabFamily";
import { Persistent, persistent } from "game/persistence"; import { Persistent, persistent } from "game/persistence";
import { renderJSX } from "util/vue"; import { renderJSX } from "util/vue";
import { main } from "./projEntry";
export interface ModalData { export interface ModalData {
modal: JSXFunction; modal: JSXFunction;
@ -217,66 +218,104 @@ export function getPortalHelp() {
influence will multiply the energy cost of creating the portal. influence will multiply the energy cost of creating the portal.
</p> </p>
<br /> <br />
Influences: {Object.keys(main.influenceNodes.value).length > 0 ? (
<ul style="list-style-type: unset"> <div>
<li style="margin-top: var(--feature-margin)"> Discovered influences:
<b style="color: var(--bought)">+resource</b>: Can be connected to <ul style="list-style-type: unset">
resources and will cause any treasures that reference resources {main.influenceNodes.value.increaseResources == null ? null : (
(caches, gens, and resource mults) to have increased odds of picking <li style="margin-top: var(--feature-margin)">
a selected resource. <b style="color: var(--bought)">+resource</b>: Can be
</li> connected to resources and will cause any treasures that
<li style="margin-top: var(--feature-margin)"> reference resources (caches, gens, and resource mults)
<b style="color: var(--bought)">-resource</b>: Can be connected to to have increased odds of picking a selected resource.
resources and will cause any treasures that reference resources </li>
(caches, gens, and resource mults) to have decreased odds of picking )}
a selected resource. {main.influenceNodes.value.decreaseResources == null ? null : (
</li> <li style="margin-top: var(--feature-margin)">
<li style="margin-top: var(--feature-margin)"> <b style="color: var(--bought)">-resource</b>: Can be
<b style="color: var(--bought)">+length</b>: Cause the plane to have connected to resources and will cause any treasures that
1 extra treasure than it otherwise would have. reference resources (caches, gens, and resource mults)
</li> to have decreased odds of picking a selected resource.
<li style="margin-top: var(--feature-margin)"> </li>
<b style="color: var(--bought)">+caches</b>: Causes treasures to )}
have an increased chance to be caches. {main.influenceNodes.value.increaseLength == null ? null : (
</li> <li style="margin-top: var(--feature-margin)">
<li style="margin-top: var(--feature-margin)"> <b style="color: var(--bought)">+length</b>: Cause the
<b style="color: var(--bought)">+gens</b>: Causes treasures to have plane to have 1 extra treasure than it otherwise would
an increased chance to be gens. have.
</li> </li>
<li style="margin-top: var(--feature-margin)"> )}
<b style="color: var(--bought)">+resource mults</b>: Causes {main.influenceNodes.value.increaseCaches == null ? null : (
treasures to have an increased chance to be resource mults. <li style="margin-top: var(--feature-margin)">
</li> <b style="color: var(--bought)">+caches</b>: Causes
<li style="margin-top: var(--feature-margin)"> treasures to have an increased chance to be caches.
<b style="color: var(--bought)">+energy mults</b>: Causes treasures </li>
to have an increased chance to be energy mults. )}
</li> {main.influenceNodes.value.increaseGens == null ? null : (
<li style="margin-top: var(--feature-margin)"> <li style="margin-top: var(--feature-margin)">
<b style="color: var(--bought)">+influences</b>: Causes treasures to <b style="color: var(--bought)">+gens</b>: Causes
have an increased chance to be influences. treasures to have an increased chance to be gens.
</li> </li>
<li style="margin-top: var(--feature-margin)"> )}
<b style="color: var(--bought)">+relic</b>: Maximizes length and {main.influenceNodes.value.increaseResourceMults ==
difficulty for this tier of plane, and makes the last treasure a null ? null : (
relic (unique per tier of plane). Overrides any other <li style="margin-top: var(--feature-margin)">
difficulty-changing influences. <b style="color: var(--bought)">+resource mults</b>:
</li> Causes treasures to have an increased chance to be
<li style="margin-top: var(--feature-margin)"> resource mults.
<b style="color: var(--bought)">+difficulty</b>: Causes the </li>
difficulty and rewards to be in the upper half of what's possible at )}
this tier. {main.influenceNodes.value.increaseEnergyMults ==
</li> null ? null : (
<li style="margin-top: var(--feature-margin)"> <li style="margin-top: var(--feature-margin)">
<b style="color: var(--bought)">-difficulty</b>: Causes the <b style="color: var(--bought)">+energy mults</b>:
difficulty and rewards to be in the lower half of what's possible at Causes treasures to have an increased chance to be
this tier. energy mults.
</li> </li>
<li style="margin-top: var(--feature-margin)"> )}
<b style="color: var(--bought)">+rewards</b>: Causes the quality of {main.influenceNodes.value.increaseInfluences == null ? null : (
treasures to be 1 tier higher. Does not affect influences or relics <li style="margin-top: var(--feature-margin)">
treasures. <b style="color: var(--bought)">+influences</b>: Causes
</li> treasures to have an increased chance to be influences.
</ul> </li>
)}
{main.influenceNodes.value.relic == null ? null : (
<li style="margin-top: var(--feature-margin)">
<b style="color: var(--bought)">+relic</b>: Maximizes
length and difficulty for this tier of plane, and makes
the last treasure a relic (unique per tier of plane).
Overrides any other difficulty-changing influences.
</li>
)}
{main.influenceNodes.value.increaseDiff == null ? null : (
<li style="margin-top: var(--feature-margin)">
<b style="color: var(--bought)">+difficulty</b>: Causes
the difficulty and rewards to be in the upper half of
what's possible at this tier.
</li>
)}
{main.influenceNodes.value.decreaseDiff == null ? null : (
<li style="margin-top: var(--feature-margin)">
<b style="color: var(--bought)">-difficulty</b>: Causes
the difficulty and rewards to be in the lower half of
what's possible at this tier.
</li>
)}
{main.influenceNodes.value.increaseRewards == null ? null : (
<li style="margin-top: var(--feature-margin)">
<b style="color: var(--bought)">+rewards</b>: Causes the
quality of treasures to be 1 tier higher. Does not
affect influences or relics treasures.
</li>
)}
</ul>
</div>
) : (
<div>
Once you discover influences, summaries will appear here describing
their effects.
</div>
)}
</div> </div>
)) ))
})) }))