pages/public/kronos/docs/trees-and-tree-customization/index.html

28 lines
26 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Trees and tree customization | The Paper Pilot</title>
<meta name="description" content="The Paper Pilot portfolio site">
<link rel="stylesheet" href="/assets/style.ada1a475.css">
<link rel="modulepreload" href="/assets/app.4bcfb575.js">
<link rel="modulepreload" href="/assets/public_kronos_docs_trees-and-tree-customization.md.bd2a01f5.lean.js">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Pacifico&amp;family=Roboto+Mono:ital,wght@0,400;0,600;1,400&amp;display=swap">
<link rel="manifest" href="/site.webmanifest">
<script defer="true" data-domain="thepaperpilot.org" src="https://plausible.io/js/plausible.js"></script>
<meta name="og:description" content="The Paper Pilot portfolio site">
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance"),a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
</head>
<body>
<div id="app"><div class="Layout" data-v-c6a644e1><!--[--><!--]--><!--[--><span tabindex="-1" data-v-151f2593></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-151f2593> Skip to content </a><!--]--><!----><header class="VPNav no-sidebar" data-v-c6a644e1 data-v-a71a30f1><div class="VPNavBar" data-v-a71a30f1 data-v-6f1d18b5><div class="container" data-v-6f1d18b5><div class="VPNavBarTitle" data-v-6f1d18b5 data-v-d5925166><a class="title" href="/" data-v-d5925166><!--[--><!--]--><!----><!--[-->The Paper Pilot<!--]--><!--[--><!--]--></a></div><div class="content" data-v-6f1d18b5><!--[--><!--]--><!----><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-6f1d18b5 data-v-f83db6ba><span id="main-nav-aria-label" class="visually-hidden" data-v-f83db6ba>Main Navigation</span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide-to-incrementals/" data-v-f83db6ba data-v-47a2263e data-v-3c355974><!--[-->Guide to Incrementals<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/projects/" data-v-f83db6ba data-v-47a2263e data-v-3c355974><!--[-->Projects<!--]--><!----></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="https://moddingtree.com" target="_blank" rel="noreferrer" data-v-f83db6ba data-v-47a2263e data-v-3c355974><!--[-->Profectus<!--]--><!----></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-6f1d18b5 data-v-a3e7452b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" aria-label="toggle dark mode" aria-checked="false" data-v-a3e7452b data-v-1899cd41 data-v-086e8519><span class="check" data-v-086e8519><span class="icon" data-v-086e8519><!--[--><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="sun" data-v-1899cd41><path d="M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S15.3,18,12,18zM12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,9.8,14.2,8,12,8z"></path><path d="M12,4c-0.6,0-1-0.4-1-1V1c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,3.6,12.6,4,12,4z"></path><path d="M12,24c-0.6,0-1-0.4-1-1v-2c0-0.6,0.4-1,1-1s1,0.4,1,1v2C13,23.6,12.6,24,12,24z"></path><path d="M5.6,6.6c-0.3,0-0.5-0.1-0.7-0.3L3.5,4.9c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C6.2,6.5,5.9,6.6,5.6,6.6z"></path><path d="M19.8,20.8c-0.3,0-0.5-0.1-0.7-0.3l-1.4-1.4c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l1.4,1.4c0.4,0.4,0.4,1,0,1.4C20.3,20.7,20,20.8,19.8,20.8z"></path><path d="M3,13H1c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S3.6,13,3,13z"></path><path d="M23,13h-2c-0.6,0-1-0.4-1-1s0.4-1,1-1h2c0.6,0,1,0.4,1,1S23.6,13,23,13z"></path><path d="M4.2,20.8c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C4.7,20.7,4.5,20.8,4.2,20.8z"></path><path d="M18.4,6.6c-0.3,0-0.5-0.1-0.7-0.3c-0.4-0.4-0.4-1,0-1.4l1.4-1.4c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-1.4,1.4C18.9,6.5,18.6,6.6,18.4,6.6z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewbox="0 0 24 24" class="moon" data-v-1899cd41><path d="M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"></path></svg><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-6f1d18b5 data-v-738bef5a data-v-f6988cfb><!--[--><a class="VPSocialLink" href="https://github.com/thepaperpilot" target="_blank" rel="noopener" data-v-f6988cfb data-v-e57698f6><svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.2
<span class="line"><span style="color:#A6ACCD;"> [</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">left</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">blank</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">right</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">blank</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;">]</span></span>
<span class="line"><span style="color:#A6ACCD;"> [</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">a</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">b</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">blank</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">c</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">weirdButton</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;">]]</span></span>
<span class="line"></span></code></pre></div><h2 id="nodes" tabindex="-1">Nodes <a class="header-anchor" href="#nodes" aria-hidden="true">#</a></h2><p>Nodes are non-layer buttons that can go in trees. They are defined similarly to layers, but with addNode instead of addLayer.</p><p>Features:</p><ul><li><p>color: <strong>optional</strong>, The node&#39;s color. (A string in hex format with a #)</p></li><li><p>symbol: <strong>optional</strong> The text on the button (The id capitalized by default)</p></li><li><p>canClick(): Returns true if the player can click the node. ()</p></li><li><p>onClick(): The function called when the node is clicked.</p></li><li><p>layerShown(): <strong>optional</strong>, A function returning a bool which determines if this node should be visible. It can also return &quot;ghost&quot;, which will hide the layer, but its node will still take up space in its tree.</p></li><li><p>branches: <strong>optional</strong>. 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).</p></li><li><p>nodeStyle: <strong>optional</strong>. A CSS object, where the keys are CSS attributes, which styles this node on the tree.</p></li><li><p>tooltip() / tooltipLocked(): <strong>optional</strong>. 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.</p></li><li><p>row: <strong>optional</strong>, the row that this node appears in (for the default tree).</p></li><li><p>position: <strong>optional</strong>, 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.</p></li></ul></div></div></main><!--[--><!--]--><!----><!--[--><!--]--></div></div></div></div></div><!----><!--[--><!--]--></div></div>
<script>__VP_HASH_MAP__ = JSON.parse("{\"guide-to-incrementals_index.md\":\"dd87a1a3\",\"guide-to-incrementals_ludology_appeal-developers.md\":\"f5d8fe9d\",\"guide-to-incrementals_ludology_appeal-gamers.md\":\"1971ce67\",\"guide-to-incrementals_ludology_content.md\":\"ec5689bc\",\"guide-to-incrementals_ludology_definition.md\":\"76a195e6\",\"index.md\":\"f33b81ab\",\"projects_babble_index.md\":\"b5b4d6fc\",\"projects_citadel_index.md\":\"484753c0\",\"projects_dice_index.md\":\"8bce841d\",\"projects_index.md\":\"a402e2bb\",\"projects_optispeech_index.md\":\"6a75c4c5\",\"projects_vecs_index.md\":\"e8f28cfc\",\"public_gamedevtree_2.0-format-changes.md\":\"4366897b\",\"public_gamedevtree_readme.md\":\"2d6f8c04\",\"public_gamedevtree_changelog.md\":\"48741cc1\",\"public_gamedevtree_docs_!general-info.md\":\"cc330216\",\"public_gamedevtree_docs_achievements.md\":\"5f2e4fbf\",\"public_gamedevtree_docs_bars.md\":\"da22c73e\",\"public_gamedevtree_docs_basic-layer-breakdown.md\":\"a9579b9a\",\"public_gamedevtree_docs_buyables.md\":\"804f86d7\",\"public_gamedevtree_docs_challenges.md\":\"948ba485\",\"public_gamedevtree_docs_clickables.md\":\"a8bb9e0d\",\"public_gamedevtree_docs_custom-tab-layouts.md\":\"477bc51f\",\"public_gamedevtree_docs_getting-started.md\":\"93aa5a7d\",\"public_gamedevtree_docs_infoboxes.md\":\"af941f9d\",\"public_gamedevtree_docs_layer-features.md\":\"8e81877e\",\"public_gamedevtree_docs_main-mod-info.md\":\"66002ee5\",\"public_gamedevtree_docs_milestones.md\":\"92b621ee\",\"public_gamedevtree_docs_subtabs-and-microtabs.md\":\"20afc3fd\",\"public_gamedevtree_docs_updating-tmt.md\":\"d6afba02\",\"public_gamedevtree_docs_upgrades.md\":\"4913435a\",\"public_kronos_old things_2.0-format-changes.md\":\"7d8961a7\",\"public_kronos_readme.md\":\"2602f6ce\",\"public_kronos_changelog.md\":\"cf5b5267\",\"public_kronos_docs_!general-info.md\":\"66f682af\",\"public_kronos_docs_achievements.md\":\"cf1b3010\",\"public_kronos_docs_bars.md\":\"51ad3bc6\",\"public_kronos_docs_basic-layer-breakdown.md\":\"6d607c09\",\"public_kronos_docs_buyables.md\":\"78f169e1\",\"public_kronos_docs_challenges.md\":\"f82364b4\",\"public_kronos_docs_clickables.md\":\"0be2327c\",\"public_kronos_docs_custom-tab-layouts.md\":\"e6e5badf\",\"public_kronos_docs_getting-started.md\":\"6a7eaae7\",\"public_kronos_docs_grids.md\":\"6002599b\",\"public_kronos_docs_infoboxes.md\":\"5ba1805b\",\"public_kronos_docs_layer-features.md\":\"9d3b3dbc\",\"public_kronos_docs_main-mod-info.md\":\"155d6469\",\"public_kronos_docs_milestones.md\":\"9a5e867d\",\"public_kronos_docs_particles.md\":\"5b278391\",\"public_kronos_docs_subtabs-and-microtabs.md\":\"b7f12473\",\"public_kronos_docs_trees-and-tree-customization.md\":\"bd2a01f5\",\"public_kronos_docs_updating-tmt.md\":\"5fff6cad\",\"public_kronos_docs_upgrades.md\":\"02ac5a6b\",\"public_lit_old things_2.0-format-changes.md\":\"6b5a404c\",\"public_lit_readme.md\":\"6920d4af\",\"public_lit_changelog.md\":\"c91b8504\",\"public_lit_docs_!general-info.md\":\"d3d570e3\",\"public_lit_docs_achievements.md\":\"95b61033\",\"public_lit_docs_bars.md\":\"b97d2ddc\",\"public_lit_docs_basic-layer-breakdown.md\":\"6848e6b2\",\"public_lit_docs_buyables.md\":\"079ec120\",\"public_lit_docs_challenges.md\":\"8a03a46b\",\"public_lit_docs_clickables.md\":\"0638360a\",\"public_lit_docs_custom-tab-layouts.md\":\"a5b2c168\",\"public_lit_docs_getting-started.md\":\"06e7923b\",\"public_lit_docs_infoboxes.md\":\"b03d66dc\",\"public_lit_docs_layer-features.md\":\"c3edfe63\",\"public_lit_docs_main-mod-info.md\":\"58364727\",\"public_lit_docs_milestones.md\":\"601aab6a\",\"public_lit_docs_subtabs-and-microtabs.md\":\"adb21a8e\",\"public_lit_docs_trees-and-tree-customization.md\":\"b879f376\",\"public_lit_docs_updating-tmt.md\":\"d092543f\",\"public_lit_docs_upgrades.md\":\"c06e111c\"}")</script>
<script type="module" async src="/assets/app.4bcfb575.js"></script>
</body>
</html>