resarch clicker

This commit is contained in:
ModragX 2023-12-20 18:04:11 -05:00
parent b1f59392ba
commit 7ef1ff493d
3 changed files with 132 additions and 179 deletions

View file

@ -1,45 +1,138 @@
<script> <script>
import Button from "$lib/Button.svelte"; let technologicalProgression = "Stone";
import { Currency, Factory } from "$lib/clicker.js";
import CurrencyItem from "$lib/CurrencyItem.svelte";
import FactoryItem from "$lib/FactoryItem.svelte";
let causeUpdate = () => {
currencies = { ...currencies };
upgrades = { ...upgrades };
technology.stoneTools.invis = !(upgrades.scientist.amount > 9);
};
let currencies = {
research: new Currency("TECH", causeUpdate, "research"),
land: new Currency("LAND", causeUpdate, "land"),
stone: new Currency("ROCK", causeUpdate, "stone"),
wood: new Currency("WOOD", causeUpdate, "wood"),
dirt: new Currency("DIRT", causeUpdate, "dirt"),
};
currencies.research.perClick = 1;
currencies.stone.delay = 3000;
let upgrades = {
scientist: new Factory(
"Scientist",
{
research: 15,
},
{
research: {
perClick: 0,
delay: 1,
perDelay: 1,
},
},
1.1,
causeUpdate,
false,
"scientist"
),
miner: new Factory(
"Miner",
{
stone: 10,
},
{
stone: {
perClick: 0,
delay: 1,
perDelay: 1,
},
},
1.1,
causeUpdate,
false,
"miner"
),
};
let technology = {
rockfinding: new Factory(
"Rock Finding",
{
research: 15,
},
{
stone: {
perClick: 0.1,
delay: 1,
perDelay: 0,
},
},
1.1,
causeUpdate,
true,
"stone"
),
stoneTools: new Factory(
"Stone Tools",
{
research: 100,
stone: 50,
},
{
stone: {
perClick: 0.1,
delay: 1,
perDelay: 0,
},
},
1.1,
causeUpdate,
true,
"research"
),
};
</script> </script>
<section class="left"> <h1>{technologicalProgression} Age</h1>
<h1 class="row"> <a
<img src="/potatoplusplus.svg" alt="icon" /> on:click={() => {
<p>Welcome to Potato++</p> for (let currency in currencies) {
</h1> currencies[currency].click();
<p> }
Potato++ is a website where two brothers make games and put them here so }}><img src="/research.svg" /></a
people can play them. >
</p> <p>Click to <b>Research</b></p>
<h2>Raw Resources</h2>
<section class="row"> <section class="row">
<Button href="https://discord.gg/KnAU3Snc9g" content="Discord" /> {#each Object.values(currencies) as currency}
<Button {#if !currency.invis}
href="https://github.com/potato-plus-plus/ppp" <CurrencyItem {currency} />
content="Source Code" {/if}
/> {/each}
</section>
<h1>Games</h1>
<h2>Early Access Games</h2>
<p>These games are games that are not finished yet, but are available to play.</p>
<section class="row">
<Button
href="researchclicker"
content="Research Clicker"
icon="/research.svg"
/>
<Button
href="roguepotato"
content="Rogue Potato"
icon="/research.svg"
/>
</section> </section>
<h2>Finished Games</h2> <h2>Generators</h2>
<p>These games are full games, and are no longer in the Early Access phase.</p>
<h1>Credits</h1>
<section class="row"> <section class="row">
<Button href="https://github.com/thepotatoplus" content="Potato" /> {#each Object.values(upgrades) as upgrade}
<Button href="https://github.com/nanodev-x" content="NDX" /> {#if !upgrade.invis}
<FactoryItem factory={upgrade} {currencies} />
{/if}
{/each}
</section> </section>
<h2>Research</h2>
<section class="row">
{#each Object.values(technology) as upgrade}
{#if !upgrade.invis}
<FactoryItem factory={upgrade} {currencies} />
{/if}
{/each}
</section> </section>

View file

@ -1,138 +0,0 @@
<script>
let technologicalProgression = "Stone";
import { Currency, Factory } from "$lib/clicker.js";
import CurrencyItem from "$lib/CurrencyItem.svelte";
import FactoryItem from "$lib/FactoryItem.svelte";
let causeUpdate = () => {
currencies = { ...currencies };
upgrades = { ...upgrades };
technology.stoneTools.invis = !(upgrades.scientist.amount > 9);
};
let currencies = {
research: new Currency("TECH", causeUpdate, "research"),
land: new Currency("LAND", causeUpdate, "land"),
stone: new Currency("ROCK", causeUpdate, "stone"),
wood: new Currency("WOOD", causeUpdate, "wood"),
dirt: new Currency("DIRT", causeUpdate, "dirt"),
};
currencies.research.perClick = 1;
currencies.stone.delay = 3000;
let upgrades = {
scientist: new Factory(
"Scientist",
{
research: 15,
},
{
research: {
perClick: 0,
delay: 1,
perDelay: 1,
},
},
1.1,
causeUpdate,
false,
"scientist"
),
miner: new Factory(
"Miner",
{
stone: 10,
},
{
stone: {
perClick: 0,
delay: 1,
perDelay: 1,
},
},
1.1,
causeUpdate,
false,
"miner"
),
};
let technology = {
rockfinding: new Factory(
"Rock Finding",
{
research: 15,
},
{
stone: {
perClick: 0.1,
delay: 1,
perDelay: 0,
},
},
1.1,
causeUpdate,
true,
"stone"
),
stoneTools: new Factory(
"Stone Tools",
{
research: 100,
stone: 50,
},
{
stone: {
perClick: 0.1,
delay: 1,
perDelay: 0,
},
},
1.1,
causeUpdate,
true,
"research"
),
};
</script>
<h1>{technologicalProgression} Age</h1>
<a
on:click={() => {
for (let currency in currencies) {
currencies[currency].click();
}
}}><img src="/research.svg" /></a
>
<p>Click to <b>Research</b></p>
<h2>Raw Resources</h2>
<section class="row">
{#each Object.values(currencies) as currency}
{#if !currency.invis}
<CurrencyItem {currency} />
{/if}
{/each}
</section>
<h2>Generators</h2>
<section class="row">
{#each Object.values(upgrades) as upgrade}
{#if !upgrade.invis}
<FactoryItem factory={upgrade} {currencies} />
{/if}
{/each}
</section>
<h2>Research</h2>
<section class="row">
{#each Object.values(technology) as upgrade}
{#if !upgrade.invis}
<FactoryItem factory={upgrade} {currencies} />
{/if}
{/each}
</section>

View file

@ -1,2 +0,0 @@
<h1> test</h1>
<p> hi guys</p>