pages/public/gamedevtree/docs/achievements/index.html

34 lines
24 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>Achievements | 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_gamedevtree_docs_achievements.md.5f2e4fbf.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:#F07178;"> </span><span style="color:#FFCB6B;">rows</span><span style="color:#89DDFF;">:</span><span style="color:#F07178;"> # </span><span style="color:#89DDFF;">of</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">rows</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#FFCB6B;">cols</span><span style="color:#89DDFF;">:</span><span style="color:#F07178;"> # </span><span style="color:#89DDFF;">of</span><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">columns</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#F78C6C;">11</span><span style="color:#F07178;">: </span><span style="color:#89DDFF;">{</span></span>
<span class="line"><span style="color:#F07178;"> name</span><span style="color:#89DDFF;">:</span><span style="color:#F07178;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">Blah</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span></span>
<span class="line"><span style="color:#F07178;"> more </span><span style="color:#A6ACCD;">features</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#A6ACCD;">etc</span></span>
<span class="line"><span style="color:#F07178;"> </span><span style="color:#89DDFF;">}</span></span>
<span class="line"></span></code></pre></div><p>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:</p><ul><li><p>name: <strong>optional</strong>, 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.</p></li><li><p>done(): A function returning a boolean to determine if the achievement should be awarded.</p></li><li><p>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.</p></li><li><p>effect(): <strong>optional</strong>, 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.</p></li><li><p>unlocked(): <strong>optional</strong>, A function returning a bool to determine if the achievement is visible or not. Default is unlocked.</p></li><li><p>onComplete() - <strong>optional</strong>, this function will be called when the achievement is completed.</p></li><li><p>style: <strong>Optional</strong>, 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)</p></li><li><p>layer: <strong>Assigned automagically</strong>. It&#39;s the same value as the name of this layer, so you can do player[this.layer].points or similar</p></li><li><p>id: <strong>Assigned automagically</strong>. It&#39;s the &quot;key&quot; which the achievement was stored under, for convenient access. The achievement in the example&#39;s id is 11.</p></li><li><p>goalTooltip: <strong>optional, depracated</strong> 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.</p></li><li><p>doneTooltip: <strong>optional, depracated</strong> 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.</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>