Version - 1 - 1-38

This commit is contained in:
2023-11-29 22:29:18 +01:00
commit 2b81a65227
396 changed files with 19689 additions and 0 deletions

75
Version - 37/add.txt Normal file
View File

@@ -0,0 +1,75 @@
click.offline.make
max 5 hour
name gen com.cost cost
1 dog = 1 clicks/s = 100 | 100 clicks
1 cat = 12 c/s = 1 000 | 10 dogs
1 fox = 18 c/s = 1 500 | 15 dogs
1 wolf = 100 c/s = 8 100 | 5 foxes + 6 dogs
1 hamster = 130 c/s = 10 100 | 1 wolf + 2 cats
1 whale = 220 c/s = 16 200 | 2 wolfs
1 cappibara = 280 c/s = 20 200 | 1 whale + 4 cats
1 platapus = 400 c/s = 28 300 | 1 cappy + 1 wolf
1 porcupine = 650 c/s = 44 500 | 1 pussy + 1 whale (Dikobraz)
1 hippo = 950 c/s = 64 700 | 1 porcupine + 2 hamters
1 snake = ≈ 60 000
1 cheetah = ≈ 69 000
1 python =
1 girrafe = 1 000 000 c/s
1 otter
1 meerkat
1 raccoon
1 owl
1 badger
1 squirrel
1 chameleon
1 chicken
1 wombat
1 panther
1 coyote
1 frog
1 bear
1 pig
1 citronovník = 30 lemons/h
36,7% k 10 citronum že vyroste citronovník
compile to .exe and add it to the play store
add complete history of clicks, dogs, cats, lemons, ...
Upgrades!
Button
Green button - 2.5 clicks per clicks
Yellow button - 4 clicks/click + random Chance for a lemon
Purple button - 6 c/c
Cyan button - 10 c/c + random chance for ______
Dog
R collar - 1.5 cs
G collar - 2 cs
Y collar - 5 cs
P collar - 8.2 cs
C collar - 15 cs
Cat
R collar - 150 cs
G collar - 200 cs
Y collar - 500 cs
P collar - 750 cs
C collar - 1 000 cs
Fox
R fur - 225 cs
G fur - 300 cs
Y fur - 666 cs
P fur - 1 125 cs
C fur - 1 500 cs
lemon

56
Version - 37/changelog Normal file
View File

@@ -0,0 +1,56 @@
v37
Added: Better Language
Porcupines + Hippos
Buy Option - Clicks for E V E R Y T H I N G*
*exept Lemonds + L. Trees (Upgrades)
local.storage almost 20 new animals (I HOPE)
Hidden Prestige multiplier (¯\_(ツ)_/¯)
'Coming soon...' to Upgrade menu
Removed: Nothing
Fixed: !!!!BRAND_NEW_SHOP_USER_INteRFACE!!!!
Shop I fixed shop (hapines)
- Shop.pain
-wanna cry
Note: Make the game harder (To eazy)
Main.js - 274 lines
Shop.js - 631 lines
v36
Added: Better Czech version
Buy Option - Clicks for Cats
Fixed: BRB now still
v35
Added: Platapuses
Better Ui
Now Czech Version
Fixed: Items not loading propebly
v34
Added: New Button to Upgrades menu
Shop UI
Fixed: Finally fixed NaN, Undefined, Null error
v33
Added: New UI for shop
v32 /* 18.4. 2023 */
Added: max value shop for wolfs, whales, hamsters, capybaras
icons for said animals
new interface for BRB clicking
Removed: scrolling in BRB clicking
Fixed: button to get to the shop was updated
v31
undefined and NaN fix for adding new animals

111
Version - 37/css/brb.css Normal file
View File

@@ -0,0 +1,111 @@
body {
font-size: 15pt;
user-select: none;
padding: 0;
margin: 0;
background-color: #fff;
}
#LANGMISS{
position: absolute;
width: 100%;
height: 100%;
text-align: center;
z-index: 20;
visibility: hidden;
}
#tycoon{
position: absolute;
width: 100%;
height: 200px;
background: radial-gradient(125% 100% at 50% 0%,#9aff9a 20%,#fff 70%);
}
#shop{
position: absolute;
width: 100%;
top: 20%;
text-align: center;
color: #000000;
text-decoration: underline;
transform: translateY(-50%);
}
#cool{
position: absolute;
top: 98px;
left: 0%;
width: 100%;
height: 25%;
/*background: radial-gradient(#9aff9a,#fff);*/
}
#logclick{
position: absolute;
width: 100%;
top: 40px;
left: 50%;
text-align: center;
transform: translate(-50%,0);
}
#disclick{
position: absolute;
width: 100%;
}
/*BRB*/
#unpressed{
position: absolute;
width: 300px;
height: 300px;
border-radius: 150px;
}
#pressed{
position: absolute;
width: 300px;
height: 300px;
visibility: hidden;
border-radius: 150px;
}
#button{
user-select: none;
position: absolute;
top: 50%;
left: 50%;
margin: -150px 0 0 -150px;
border-radius: 150px;
}
.reset{
position: absolute;
user-select: none;
width: 69px;
height: 50px;
bottom: 5px;
right: 5px;
background-color: #f00;
color: #fff;
}
.help{
position: absolute;
user-select: none;
width: 69px;
height: 50px;
bottom: 60px;
right: 5px;
background-color: darkgoldenrod;
color: #fff;
}
.Yt{
position: absolute;
bottom: 0px;
margin: 0.5rem;
left: 0;
}
.cz{
position: absolute;
user-select: none;
width: 69px;
height: 50px;
border:#000 solid 1px;
bottom: 50px;
left: 0%;
margin: 0.5rem;
color: #000;
}

156
Version - 37/css/shop.css Normal file
View File

@@ -0,0 +1,156 @@
*{
margin: 0;
padding: 0;
user-select: none;
box-sizing: border-box;
scroll-behavior: smooth;
}
body {
font-size: 15pt;
/*background: linear-gradient(#009000, black);*/
background-color: #ccc;
}
.main{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#links{
position: relative;
width: 100%;
margin: 1rem auto;
padding: 10px;
display: flex;
justify-content: space-around;
}
.link{
position: relative;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--color);
width: 200px;
height: 50px;
margin: 1rem auto;
border: 3.69px none #333333;
filter: drop-shadow(10px 8px 6px #333);
border-radius: 69px;
}
/* By MrEidam */
.item{
background-color: papayawhip/*var(--color)*/;
/*border: 2px solid #333;*/
border: none;
top: 5px;
margin: 2rem 3vw 2rem 3vw;
padding: 1rem;
border-radius: 6.9px;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
width: 500px;
height: 340px;
filter: drop-shadow(0px 20px 14px #444);
}
.item img{
width: 100px;
aspect-ratio: 1/1;
margin: 0.5rem;
object-fit: contain;
filter: drop-shadow(10px 8px 6px #333);
pointer-events: none
}
.buttons{
display: flex;
justify-content: space-around;
}
/* By MrEidam */
.buttons button{
background-color: var(--Bcolor);
border-radius: 8px;
margin: 1rem;
}
.buyone{
width: 200px;
height: 50px;
}
.buymax{
width: 50px;
height: 50px;
}
main{
position: relative;
}
/* Clisks */
#logclick{
background-color: papayawhip;
display: flex;
align-items: center;
justify-content: center;
gap: 5ch;
margin: 0 5vw 0 5vw;
padding: 1rem;
border: 5px dashed blue;
border-radius: 1rem;
}
#imgcli{
width: 40px;
height: 40px;
margin: 0.1rem;
}
/* By MrEidam */
.clickbtn{
display: flex;
justify-content: space-around;
}
.clickbtn button{
background-color: var(--Bcolor);
border-radius: 8px;
margin: 0 1rem 0.5rem 1rem;
}
.row{
display: flex;
flex-direction: row;
justify-content: center;
}
/*@media only screen and (max-width: 1100px){
.row .item{
display: flex;
flex-direction: column;
justify-content: center;
left: 50%;
transform: translateXyy(-50%);
}
}*/
button{
border: none;
filter: drop-shadow(8px 6px 4px #555);
}
@media only screen and (max-width: 800px){
.row{
flex-direction: column;
justify-content: center;
}
.item{
width: auto;
margin: 2rem 10vw 2rem 10vw;
}
}

54
Version - 37/css/upgr.css Normal file
View File

@@ -0,0 +1,54 @@
*{
margin: 0;
padding: 0;
user-select: none;
box-sizing: border-box;
scroll-behavior: smooth;
}
body {
font-size: 15pt;
/*background: linear-gradient(#009000, black);*/
background-color: #ccc;
}
#links{
position: relative;
width: 100%;
margin: 1rem auto;
padding: 10px;
display: flex;
justify-content: space-around;
}
.link {
position: relative;
text-align: center;
background-color: var(--color);
width: 200px;
height: 50px;
margin: 1rem auto;
padding: 10px;
border: 3.69px solid #333333;
border-radius: 69px;
}
/* By MrEidam */
/* Clisks */
#loglm{
background-color: papayawhip;
display: flex;
align-items: center;
justify-content: center;
gap: 5ch;
margin: 0 5vw 0 5vw;
padding: 1rem;
border: 5px dashed #effd5f66;
border-radius: 1rem;
}
#imglm{
width: 40px;
height: 40px;
margin: 0.1rem;
}
/* By MrEidam */

BIN
Version - 37/img/Cat.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
Version - 37/img/Click.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
Version - 37/img/Dog.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

BIN
Version - 37/img/Fox.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
Version - 37/img/Hamsta.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

BIN
Version - 37/img/Lemons.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
Version - 37/img/Lemt3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 62 KiB

BIN
Version - 37/img/Wolf.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
Version - 37/img/YT.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 87 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 100 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

BIN
Version - 37/img/capy.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB

BIN
Version - 37/img/fg-cz.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

BIN
Version - 37/img/fg-uk.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

BIN
Version - 37/img/shop.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 82 KiB

BIN
Version - 37/img/wha.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

59
Version - 37/index.html Normal file
View File

@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>BRB - Clicking</title>
<!-- By MrEidam && Standa Chlup -->
<!-- Custom Styles -->
<link rel="stylesheet" href="./css/brb.css">
<link rel="icon" href="./img/brb-still.png">
</head>
<body>
<button id="LANGMISS">You didn't have the language changer activated<br />Now you do<br /><br /><br />Please reload with "F5"</button>
<!-- Shop -->
<div id="tycoon">
<a href="shop.html" id="shop"><p>Click me to get to the Shop!</p></a>
</div>
<!-- Clicks -->
<div id="logclick">
<p id="disclick">
</div>
<!-- BRB -->
<div id="button" onclick="clicking()">
<img src = "./img/brb-still.png" id="unpressed" draggable="false">
<img src = "./img/brb-pressed.png" id="pressed" draggable="false">
</div>
<section class="btns">
<button class="reset" id="del" onclick="reset()"><!-- RESET -->
RESET
</button>
<button class="help" id="sos" onclick="help()"><!-- Tutorial -->
HELP
</button>
</section>
<!-- Language -->
<img id="flag" class="cz" onclick="language()"> Error 404
<!-- YouTube -->
<div class="Yt" style="position:absolute;width:110px;height:40px;overflow:hidden;background:linear-gradient(#d44,#722);border:2px solid #333;border-radius:1rem;">
<img style="position:absolute;width:100%;height:100%;" src="./img/YT.png" title="Můj YT kanál">
<a style="position:absolute;width:100%;height:100%;" href="https://www.youtube.com/@mreidam" title="Můj YouTube kanál" target="_blank"></a>
</div>
<!-- Project -->
<script src="main.js"></script>
</body>
</html>

274
Version - 37/main.js Normal file
View File

@@ -0,0 +1,274 @@
// Items
let items;
var cs = 0;
let e = 0;
var anime = false;
var mislg = document.getElementById('LANGMISS');
let flag = document.getElementById('flag');
let del = document.getElementById('del');
let sos = document.getElementById('sos');
let shop = document.getElementById('shop');
function load(){
if (localStorage.getItem('items')!=null){
items = JSON.parse(localStorage.getItem('items'));
}
}
window.onload = function(){
items = {
clicks:0,
dogs:0,
cats:0,
foxes:0,
wolfs:0,
hamsters:0,
whales:0,
capybaras:0,
platapuses:0,
porcupines:0,
hippos:0,
snakes:0,
cheetahs:0,
pythons:0,
girrafes:0,
lions:0,
otters:0,
meerkat:0,
raccoon:0,
owl:0,
badger:0,
squirrel:0,
chameleon:0,
chicken:0,
wombat:0,
panther:0,
coyote:0,
frog:0,
bear:0,
pig:0,
lemons:0,
lt3:0,
lang:0,
pres:1,
}
load();
update();
for(let item in items){
if(!items.item) items.item = 0;
}
cash();
checklang()
missdezz()
}
// Reset
function reset(){
if(items.lang == 1){
if(confirm('Do you really want to reset everything?')){
if(confirm('Are you sure?')){
alert('Everything Reseted');
items = {
clicks:0,
dogs:0,
cats:0,
foxes:0,
wolfs:0,
hamsters:0,
whales:0,
capybaras:0,
platapuses:0,
porcupines:0,
hippos:0,
snakes:0,
cheetahs:0,
pythons:0,
girrafes:0,
lions:0,
otters:0,
meerkat:0,
raccoon:0,
owl:0,
badger:0,
squirrel:0,
chameleon:0,
chicken:0,
wombat:0,
panther:0,
coyote:0,
frog:0,
bear:0,
pig:0,
lemons:0,
lt3:0,
lang:items.lang,
pres:1,
}
}
}
}
if(items.lang == 0){
if(confirm('Vážně chceš všechno resetovat?')){
if(confirm('Seš si jistý?')){
alert('Vše resetováno');
items = {
clicks:0,
dogs:0,
cats:0,
foxes:0,
wolfs:0,
hamsters:0,
whales:0,
capybaras:0,
platapuses:0,
porcupines:0,
hippos:0,
snakes:0,
cheetahs:0,
pythons:0,
girrafes:0,
lions:0,
otters:0,
meerkat:0,
raccoon:0,
owl:0,
badger:0,
squirrel:0,
chameleon:0,
chicken:0,
wombat:0,
panther:0,
coyote:0,
frog:0,
bear:0,
pig:0,
lemons:0,
lt3:0,
lang:items.lang,
pres:1,
}
}
}
}
}
// Update
function update(){
let i = JSON.stringify(items);
localStorage.setItem('items', i);
if(items.lang == 1){
document.getElementById('disclick').innerHTML=`You've got ${fornum(items.clicks)} clicks, and generating ${fornum(cs)} c/s!`
flag.src = './img/fg-cz.png'
}
if(items.lang == 0){
document.getElementById('disclick').innerHTML=`Právě máš ${fornum(items.clicks)} kliků a generuješ ${fornum(cs)} k/s!`
flag.src = './img/fg-uk.png'
}
checklang();
}
// BRB
function beriba(){
document.getElementById('unpressed').style.visibility='visible'
document.getElementById('pressed').style.visibility='hidden'
anime=true;
}
function clicking(){
items.clicks += 1;
update();
document.getElementById('unpressed').style.visibility='hidden'
document.getElementById('pressed').style.visibility='visible'
anime=false;
setTimeout(beriba, 75)
}
function cash(){
setTimeout (function money(){
cs = items.dogs + items.cats*12 + items.foxes*18 + items.wolfs*100 + items.hamsters*130 + items.whales*220 + items.capybaras*280 + items.platapuses*400 + items.porcupines*650 + items.hippos*950;
items.clicks += cs;
update();cash();
},1000)
}
// HELP
function help(){
e++
if(e==1){
alert('Click the button to earn clicks!');
alert('Click on me for more...');
}
if(e==2){
alert('After 100 clicks, click the link above to take you to the shop!');
alert('Click on me for more. .');
}
if(e==3){
alert('In the shop click on the buy dog button to buy a dog');
e=0;
}
}
function language(){
if(items.lang == 0){ /* CZ */
items.lang = 1;
console.log(items.lang);
del.innerHTML = 'RESET'
sos.innerHTML = 'POMOC'
shop.innerHTML = 'Klikni na mě aby ses dostal do Obchodu!'
}else if(items.lang == 1){ /* UK */
items.lang = 0;
console.log(items.lang);
del.innerHTML = 'RESET'
sos.innerHTML = 'HELP'
shop.innerHTML = 'Click me to get to the Shop!'
}
}
function checklang(){
if(items.lang == 0){ /* CZ */
del.innerHTML = 'RESET'
sos.innerHTML = 'POMOC'
shop.innerHTML = 'Klikni na mě aby ses dostal do Obchodu!'
}else if(items.lang == 1){ /* UK */
del.innerHTML = 'RESET'
sos.innerHTML = 'HELP'
shop.innerHTML = 'Click me to get to the Shop!'
}
}
function missdezz(){
if(items.lang != 0 && items.lang !=1){
items.lang = 1
mislg.style.visibility = 'visible';
}
}
// Function to convert a number into a more readable format
function fornum(num) {
// Define the suffixes for thousands and millions
const suffixes = ['', ' k', ' mil', ' mld', ' bil', ' bld', ' tri', ' tld', ' qua'];
// Divide the number by 1000 until it is less than 1000
let i = 0;
while (num >= 1000 && i < suffixes.length - 1) {
num /= 1000;
i++;
}
num = Math.floor(num * 10) / 10;
return num + suffixes[i];
}

306
Version - 37/shop.html Normal file
View File

@@ -0,0 +1,306 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>BRB - Shop</title>
<!-- By MrEidam & Standa Chlup -->
<link rel="stylesheet" href="./css/shop.css">
<link rel="icon" href="./img/shop.png">
</head>
<body>
<!-- BRB -->
<header>
<div id="links">
<p class="link" style="--color:#ff6655">
<a href="index.html" id="brb">Go to BRB!</a>
</p>
<p class="link" style="--color:yellow">
<a href="upgrade.html" id="upg">Go to Upgrades!</a>
</p>
</div>
<!-- Clicks -->
<div id="logclick">
<img src="./img/Click.png" id="imgcli" draggable="false">
<p id="disclick"></p>
</div>
</header>
<!-- I T E M S -->
<main>
<article class="main">
<!-- Dog -->
<div class="item" style="--color: papayawhip">
<img src="./img/Dog.png">
<div class="buttons" style="--Bcolor: darkorange">
<button onclick="buydog()" class="buyone" id="dg1">
Buy a Dog for 100 clicks
</button>
<button onclick="mxdg()" class="buymax">
MAX
</button>
</div>
<p id="disdog"></p>
<p id="disdgmake"></p>
</div>
<!-- Cat -->
<div class="item">
<img src="./img/Cat.png">
<div class="buttons" style="--Bcolor: orange">
<button onclick="buycat()" class="buyone" id="ct1">
Buy a Cat for 10 dogs
</button>
<button onclick="mxct()" class="buymax">
MAX
</button>
</div>
<div class="clickbtn" style="--Bcolor: orange">
<button onclick="buyCcat()" class="buyone" id="Cct1">
Buy a Cat for 1,2 k clicks
</button>
<button onclick="mxCct()" class="buymax">
MAX
</button>
</div>
<p id="discat"></p>
<p id="disctmake"></p>
</div>
<!-- Fox -->
<div class="item">
<img src="./img/Fox.png">
<div class="buttons" style="--Bcolor: lightsalmon">
<button onclick="buyfox()" class="buyone" id="fx1">
Buy a Fox for 15 dogs
</button>
<button onclick="mxfx()" class="buymax">
MAX
</button>
</div>
<div class="clickbtn" style="--Bcolor: lightsalmon">
<button onclick="buyCfox()" class="buyone" id="Cfx1">
Buy a Fox for 1,8 k clicks
</button>
<button onclick="mxCfx()" class="buymax">
MAX
</button>
</div>
<p id="disfox"></p>
<p id="disfxmake"></p>
</div>
<!-- Wolf -->
<div class="item">
<img src="./img/Wolf.png">
<div class="buttons" style="--Bcolor: lightgray">
<button onclick="buywol()" class="buyone" id="wl1">
Buy a Wolf for 6 dogs and 5 foxes
</button>
<button onclick="mxwl()" class="buymax">
MAX
</button>
</div>
<div class="clickbtn" style="--Bcolor: lightgray">
<button onclick="buyCwol()" class="buyone" id="Cwl1">
Buy a Wolf for 10 k clicks
</button>
<button onclick="mxCwl()" class="buymax">
MAX
</button>
</div>
<p id="diswol"></p>
<p id="diswlmake"></p>
</div>
<!-- Hamster -->
<div class="item">
<img src="./img/Hamsta.png" draggable="false">
<div class="buttons" style="--Bcolor: wheat">
<button onclick="buyham()" class="buyone" id="hm1">
Buy a Hamster for 1 wolf and 2 cats
</button>
<button onclick="mxhm()" class="buymax">
MAX
</button>
</div>
<div class="clickbtn" style="--Bcolor: wheat">
<button onclick="buyCham()" class="buyone" id="Chm1">
Buy a Hamster for 13 k clicks
</button>
<button onclick="mxChm()" class="buymax">
MAX
</button>
</div>
<p id="disham"></p>
<p id="dishmmake"></p>
</div>
<!-- Whales -->
<div class="item">
<img src="./img/wha.png" draggable="false">
<div class="buttons" style="--Bcolor: MediumAquamarine">
<button onclick="buywha()" class="buyone" id="wh1">
Buy a Whale for 2 wolfs
</button>
<button onclick="mxwh()" class="buymax">
MAX
</button>
</div>
<div class="clickbtn" style="--Bcolor: MediumAquamarine">
<button onclick="buyCwha()" class="buyone" id="Cwh1">
Buy a Whale for 22 k clicks
</button>
<button onclick="mxCwh()" class="buymax">
MAX
</button>
</div>
<p id="diswha"></p>
<p id="diswhmake"></p>
</div>
<!-- Cappybarra -->
<div class="item">
<img src="./img/capy.png" draggable="false">
<div class="buttons" style="--Bcolor: rosybrown">
<button onclick="buycap()" class="buyone" id="cp1">
Buy a Cappybarra for 1 whale and 4 cats
</button>
<button onclick="mxcp()" class="buymax">
MAX
</button>
</div>
<div class="clickbtn" style="--Bcolor: rosybrown">
<button onclick="buyCcap()" class="buyone" id="Ccp1">
Buy a Cappybarra for 28 k clicks
</button>
<button onclick="mxCcp()" class="buymax">
MAX
</button>
</div>
<p id="discap"></p>
<p id="discpmake"></p>
</div>
<!-- Platapuses-->
<div class="item">
<img src="./img/platapus.png" draggable="false">
<div class="buttons" style="--Bcolor: Sienna">
<button onclick="buypla()" class="buyone" id="pl1">
Buy a Platypus for 1 cappybarra and 1 wolf
</button>
<button onclick="mxpl()" class="buymax">
MAX
</button>
</div>
<div class="clickbtn" style="--Bcolor: Sienna">
<button onclick="buyCpla()" class="buyone" id="Cpl1">
Buy a Platapuse for 420 k clicks
</button>
<button onclick="mxCpl()" class="buymax">
MAX
</button>
</div>
<p id="displa"></p>
<p id="displmake"></p>
</div>
<!-- Porcupine -->
<div class="item">
<img src="./img/Porcupine.png" draggable="false">
<div class="buttons" style="--Bcolor: SaddleBrown">
<button onclick="buypor()" class="buyone" id="pr1">
Buy a Porcupine for 1 whale and 4 cats
</button>
<button onclick="mxpr()" class="buymax">
MAX
</button>
</div>
<div class="clickbtn" style="--Bcolor: SaddleBrown">
<button onclick="buyCpor()" class="buyone" id="Cpr1">
Buy a Porcupine for 28 k clicks
</button>
<button onclick="mxCpr()" class="buymax">
MAX
</button>
</div>
<p id="dispor"></p>
<p id="disprmake"></p>
</div>
<!-- Hippopotamus -->
<div class="item">
<img src="./img/hippopotamus.png" draggable="false">
<div class="buttons" style="--Bcolor: LightSlateGray">
<button onclick="buyhip()" class="buyone" id="hi1">
Buy a Hippopotamus for
</button>
<button onclick="mxhi()" class="buymax">
MAX
</button>
</div>
<div class="clickbtn" style="--Bcolor: LightSlateGray">
<button onclick="buyChip()" class="buyone" id="Chi1">
Buy a Hippopotamus for
</button>
<button onclick="mxChi()" class="buymax">
MAX
</button>
</div>
<p id="diship"></p>
<p id="dishimake"></p>
</div>
</article>
<section class="row">
<!-- Lemons -->
<div class="item">
<img src="./img/Lemons.png" draggable="false">
<div class="buttons" style="--Bcolor: yellow">
<button onclick="buylem()" class="buyone" id="lm1">
Buy a Lemon for <b style="font-weight: 1000;">some</b> cats
</button>
<button onclick="mxlm()" class="buymax">
MAX
</button>
</div>
<p id="dislem"></p>
<p id="dislmmake"></p>
</div>
<!-- Lemn t3-->
<div class="item">
<img src="./img/Lemt3.png" draggable="false">
<div class="buttons" style="--Bcolor: lightgoldenrodyellow">
<button onclick="buylt3()" class="buyone" id="lt1">
Buy a Lemon Tree for 5 lemons
</button>
<button onclick="mxlt()" class="buymax">
MAX
</button>
</div>
<p id="dislt3"></p>
<p id="disltmake"></p>
</div>
</section>
</main>
<!-- By MrEidam -->
<script src="shop.js"></script>
</body>
</html>

636
Version - 37/shop.js Normal file
View File

@@ -0,0 +1,636 @@
let cs
let brb = document.getElementById('brb')
let upg = document.getElementById('upg')
let dg1 = document.getElementById('dg1')
let ct1 = document.getElementById('ct1')
let fx1 = document.getElementById('fx1')
let wl1 = document.getElementById('wl1')
let hm1 = document.getElementById('hm1')
let wh1 = document.getElementById('wh1')
let cp1 = document.getElementById('cp1')
let pl1 = document.getElementById('pl1')
let pr1 = document.getElementById('pr1')
let lm1 = document.getElementById('lm1')
let lt1 = document.getElementById('lt1')
// Clicks max buy elements
let Cct1 = document.getElementById('Cct1')
let Cfx1 = document.getElementById('Cfx1')
let Cwl1 = document.getElementById('Cwl1')
let Chm1 = document.getElementById('Chm1')
let Cwh1 = document.getElementById('Cwh1')
let Ccp1 = document.getElementById('Ccp1')
let Cpl1 = document.getElementById('Cpl1')
let Cpr1 = document.getElementById('Cpr1')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
// Update
function update(){
let i = JSON.stringify(items);
localStorage.setItem('items', i);
cs = items.dogs + items.cats*12 + items.foxes*18 + items.wolfs*100 + items.hamsters*130 + items.whales*220 + items.capybaras*280 + items.platapuses*400 + items.porcupines*650 + items.hippos*950;
}
function c(x){
items.clicks += x;
console.log(x + ' clicks added!');
upload();
}
// Load
function load(){
items = JSON.parse(localStorage.getItem('items'));
cs = items.dogs + items.cats*12 + items.foxes*18 + items.wolfs*100 + items.hamsters*130 + items.whales*220 + items.capybaras*280 + items.platapuses*400 + items.porcupines*650 + items.hippos*950;
if(items.lang == 1){
document.getElementById('disclick').innerHTML=`You've got ${fornum(items.clicks)} clicks, and making ${fornum(cs)} c/s!`
document.getElementById('disdog').innerHTML=`You've got ${fornum(items.dogs)} dogs!`
document.getElementById('discat').innerHTML=`You've got ${fornum(items.cats)} cats!`
document.getElementById('disfox').innerHTML=`You've got ${fornum(items.foxes)} foxes!`
document.getElementById('diswol').innerHTML=`You've got ${fornum(items.wolfs)} wolfs!`
document.getElementById('disham').innerHTML=`You've got ${fornum(items.hamsters)} hamsters!`
document.getElementById('diswha').innerHTML=`You've got ${fornum(items.whales)} whales!`
document.getElementById('discap').innerHTML=`You've got ${fornum(items.capybaras)} capybaras!`
document.getElementById('displa').innerHTML=`You've got ${fornum(items.platapuses)} platypuses!`
document.getElementById('dispor').innerHTML=`You've got ${fornum(items.porcupines)} porcupines!`
document.getElementById('diship').innerHTML=`You've got ${fornum(items.hippos)} hippopotamuses!`
document.getElementById('dislem').innerHTML=`You've got ${fornum(items.lemons)} lemons!`
document.getElementById('dislt3').innerHTML=`You've got ${fornum(items.lt3)} lemon trees!`
document.getElementById('disdgmake').innerHTML=`They're generating ${fornum(items.dogs*1)} clicks per second!`
document.getElementById('disctmake').innerHTML=`They're generating ${fornum(items.cats*12)} clicks per second!`
document.getElementById('disfxmake').innerHTML=`They're generating ${fornum(items.foxes*18)} clicks per second!`
document.getElementById('diswlmake').innerHTML=`They're generating ${fornum(items.wolfs*100)} clicks per second!`
document.getElementById('dishmmake').innerHTML=`They're generating ${fornum(items.hamsters*130)} clicks per second!`
document.getElementById('diswhmake').innerHTML=`They're generating ${fornum(items.whales*220)} clicks per second!`
document.getElementById('discpmake').innerHTML=`They're generating ${fornum(items.capybaras*280)} clicks per second!`
document.getElementById('displmake').innerHTML=`They're generating ${fornum(items.platapuses*400)} clicks per second!`
document.getElementById('disprmake').innerHTML=`They're generating ${fornum(items.porcupines*650)} clicks per second!`
document.getElementById('dishimake').innerHTML=`They're generating ${fornum(items.hippos*950)} clicks per second!`
brb.innerHTML = 'Go to BRB!'
upg.innerHTML = 'Go to Upgrades!'
dg1.innerHTML = 'Buy a Dog for 100 clicks'
ct1.innerHTML = 'Buy a Cat for 10 dogs'
fx1.innerHTML = 'Buy a Fox for 15 dogs'
wl1.innerHTML = 'Buy a Wolf for <br /> 6 dogs and 5 foxes'
hm1.innerHTML = 'Buy a Hamster for <br /> 1 wolf and 2 cats'
wh1.innerHTML = 'Buy a Whale for 2 wolfs'
cp1.innerHTML = 'Buy a Cappybarra for <br /> 1 whale and 4 cats'
pl1.innerHTML = 'Buy a Platypus for <br /> 1 cappybarra and 1 wolf'
pr1.innerHTML = 'Buy a Porcupine for <br /> 1 platapus and 1 whale'
hi1.innerHTML = 'Buy a Hippopotamus for <br /> 1 porcupine and 2 hamters'
lm1.innerHTML = 'Buy a Lemon for <b style="font-weight: 1000;">some</b> cats'
lt1.innerHTML = 'Buy a Lemon Tree for 5 lemons'
// Buying for clicks
Cct1.innerHTML = 'Buy a Cat for <br /> 1,2 k clicks'
Cfx1.innerHTML = 'Buy a Fox for <br /> 1,8 k clicks'
Cwl1.innerHTML = 'Buy a Wolf for <br /> 10 k clicks'
Chm1.innerHTML = 'Buy a Hamster for <br /> 13 k clicks'
Cwh1.innerHTML = 'Buy a Whale for <br /> 22 k clicks'
Ccp1.innerHTML = 'Buy a Cappibara for <br /> 28 k clicks'
Cpl1.innerHTML = 'Buy a Platapus for <br /> 42 k clicks'
Cpr1.innerHTML = 'Buy a Porcupine for <br /> 70 k clicks'
Chi1.innerHTML = 'Buy a Hippopotamus for <br /> 100 k clicks'
}
if(items.lang == 0){
document.getElementById('disclick').innerHTML=`Právě máš ${fornum(items.clicks)} kliků a děláš ${fornum(cs)} k/s!`
document.getElementById('disdog').innerHTML=`Právě máš ${fornum(items.dogs)} psů!`
document.getElementById('discat').innerHTML=`Právě máš ${fornum(items.cats)} koček!`
document.getElementById('disfox').innerHTML=`Právě máš ${fornum(items.foxes)} lišek!`
document.getElementById('diswol').innerHTML=`Právě máš ${fornum(items.wolfs)} vlků!`
document.getElementById('disham').innerHTML=`Právě máš ${fornum(items.hamsters)} křečků!`
document.getElementById('diswha').innerHTML=`Právě máš ${fornum(items.whales)} velryb!`
document.getElementById('discap').innerHTML=`Právě máš ${fornum(items.capybaras)} kapybar!`
document.getElementById('displa').innerHTML=`Právě máš ${fornum(items.platapuses)} plakopysků!`
document.getElementById('dispor').innerHTML=`Právě máš ${fornum(items.porcupines)} dikobrazů!`
document.getElementById('diship').innerHTML=`Právě máš ${fornum(items.hippos)} hrochů!`
document.getElementById('dislem').innerHTML=`Právě máš ${fornum(items.lemons)} citrónů!`
document.getElementById('dislt3').innerHTML=`Právě máš ${fornum(items.lt3)} citronovníků!`
document.getElementById('disdgmake').innerHTML=`Generují ${fornum(items.dogs*1)} kliků za sekundu!`
document.getElementById('disctmake').innerHTML=`Generují ${fornum(items.cats*12)} kliků za sekundu!`
document.getElementById('disfxmake').innerHTML=`Generují ${fornum(items.foxes*18)} kliků za sekundu!`
document.getElementById('diswlmake').innerHTML=`Generují ${fornum(items.wolfs*100)} kliků za sekundu!`
document.getElementById('dishmmake').innerHTML=`Generují ${fornum(items.hamsters*130)} kliků za sekundu!`
document.getElementById('diswhmake').innerHTML=`Generují ${fornum(items.whales*220)} kliků za sekundu!`
document.getElementById('discpmake').innerHTML=`Generují ${fornum(items.capybaras*280)} kliků za sekundu!`
document.getElementById('displmake').innerHTML=`Generují ${fornum(items.platapuses*400)} kliků za sekundu!`
document.getElementById('disprmake').innerHTML=`Generují ${fornum(items.porcupines*650)} kliků za sekundu!`
document.getElementById('dishimake').innerHTML=`Generují ${fornum(items.hippos*950)} kliků za sekundu!`
brb.innerHTML = 'B.R.B.'
upg.innerHTML = 'Vylepšení'
dg1.innerHTML = 'Kup Psa za 100 kliků'
ct1.innerHTML = 'Kup Kočku za 10 psů'
fx1.innerHTML = 'Kup Lišku za 15 psů'
wl1.innerHTML = 'Kup Vlka za <br /> 6 psů a 5 lišek'
hm1.innerHTML = 'Kup Křečka za <br /> 1 vlka a 2 kočky'
wh1.innerHTML = 'Kup Velrybu za 2 vlky'
cp1.innerHTML = 'Kup Kapybaru za <br /> 1 velrybu a 4 kočky'
pl1.innerHTML = 'Kup Ptakopyska za <br /> 1 capybaru a 1 vlka'
pr1.innerHTML = 'Kup Dikobraza za <br /> 1 ptakopyska a 1 velrybu'
hi1.innerHTML = 'Kup Hrocha za <br /> 1 dikobraza a 2 křečků'
lm1.innerHTML = 'Kup Citrón za <b style="font-weight: 1000;">pár</b> koček'
lt1.innerHTML = 'Kup Citrónovník za 5 citrónů'
// Buying for clicks
Cct1.innerHTML = 'Kup Kočku za <br /> 1,2 k kliků'
Cfx1.innerHTML = 'Kup Lišku za <br /> 1,8 k kliků'
Cwl1.innerHTML = 'Kup Vlka za <br /> 10 k kliků'
Chm1.innerHTML = 'Kup Křečka za <br /> 13 k kliků'
Cwh1.innerHTML = 'Kup Velrybu za <br /> 22 k kliků'
Ccp1.innerHTML = 'Kup Kapybaru za <br /> 28 k kliků'
Cpl1.innerHTML = 'Kup Ptakopyska za <br /> 42 k kliků'
Cpr1.innerHTML = 'Kup Dikobraza za <br /> 70 k kliků'
Chi1.innerHTML = 'Kup Hrocha za <br /> 100 k kliků'
}
}
load();
function upload(){
update();
load();
}
function cash(){
setTimeout (function money(){
items.clicks += cs;
upload();
cash();
},1000)
}
cash();
// Nákupy
function buydog(){
if (items.clicks>=100){
items.clicks -= 100;
items.dogs += 1;
}
upload();
}
function buycat(){
if(items.dogs>=10){
items.dogs-=10;
items.cats+=1;
}
upload();
}
function buyfox(){
if(items.dogs>=15){
items.dogs-=15;
items.foxes+=1;
}
upload();
}
function buywol(){
if(items.dogs>=6 && items.foxes>=5){
items.dogs-=6;
items.foxes-=5;
items.wolfs+=1;
}
upload();
}
function buyham(){
if(items.wolfs>=1 && items.cats>=2){
items.wolfs-=1;
items.cats-=2;
items.hamsters+=1;
}
upload();
}
function buywha(){
if(items.wolfs>=2){
items.wolfs-=2;
items.whales+=1;
}
upload();
}
function buycap(){
if(items.whales>=1 && items.cats>=4){
items.whales-=1;
items.cats-=4;
items.capybaras+=1;
}
upload();
}
function buypla(){
if(items.capybaras>=1 && items.wolfs>=1){
items.capybaras-=1;
items.wolfs-=1;
items.platapuses+=1;
}
upload();
}
function buypor(){
if(items.platapuses>=1 && items.whales>=1){
items.platapuses-=1;
items.whales-=1;
items.porcupines++;
}
upload();
}
function buyhip(){
if(items.porcupines>=1 && items.hamsters>=2){
items.porcupines-=1;
items.hamsters-=2;
items.hippos++;
}
upload();
}
function buylem(){
if(items.cats>=20){
items.cats-=20;
items.lemons+=1;
}
upload();
}
function buylt3(){
if (items.lemons>=5) {
items.lemons-=5;
items.lt3+=1;
}
upload();
}
/* Max Shop */
function mxdg(){
one = Math.floor(items.clicks / 100)
items.clicks -= one * 100
items.dogs += one
upload();
}
function mxct(){
one = Math.floor(items.dogs / 10)
items.dogs -= one * 10
items.cats += one
upload();
}
function mxfx(){
one = Math.floor(items.dogs/15)
items.dogs -= one*15
items.foxes += one
upload();
}
/*
function lemmvalue(){
mdog = items.cats/20;
maxdog = Math.floor(mdog);
floordog = maxdog*20
items.cats -= floordog
items.lemons += maxdog
upload();
}*/
function mxlm(){
one = Math.floor(items.cats/20)
items.cats -= one*20
items.lemons += one
upload();
}
function mxlt(){
one = Math.floor(items.lemons/5)
items.lemons -= one*5
items.lt3 += one
upload()
}
function mxwh(){
one = Math.floor(items.wolfs/2)
items.wolfs -= one*2
items.whales += one
upload()
}
let one,two,val
// Max Wolf
function mxwl(){
one = Math.floor(items.foxes/5)
two = Math.floor(items.dogs/6)
if(one<=two){
items.foxes -= one*5
items.dogs -= one*6
items.wolfs += one
}else if(one>=two){
items.foxes -= two*5
items.dogs -= two*6
items.wolfs += two
}else{
console.log('You fucked up you stupid bitch')
}
upload();
}
function mxhm(){
one = Math.floor(items.wolfs/1)
two = Math.floor(items.cats/2)
if(one<=two){
items.wolfs -= one*1
items.cats -= one*2
items.hamsters += one
}else if(one>=two){
items.wolfs -= two*1
items.cats -= two*2
items.hamsters += two
}else{
console.log('You fucked up you stupid bitch')
}
upload();
}
function mxcp(){
one = Math.floor(items.whales/1)
two = Math.floor(items.cats/4)
if(one<=two){
items.whales -= one*1
items.cats -= one*4
items.capybaras += one
}else if(one>=two){
items.whales -= two*1
items.cats -= two*4
items.capybaras += two
}else{
console.log('You fucked up you stupid bitch')
}
upload();
}
function mxpl(){
one = Math.floor(items.capybaras/1)
two = Math.floor(items.wolfs/1)
if(one<=two){
items.capybaras -= one*1
items.wolfs -= one*1
items.platapuses += one
}else if(one>=two){
items.capybaras -= two*1
items.wolfs -= two*1
items.platapuses += two
}else{
console.log('You fucked up you stupid bitch')
}
upload();
}
function mxpr(){
one = Math.floor(items.platapuses/1)
two = Math.floor(items.whales/1)
if(one<=two){
items.platapuses -= one*1
items.whales -= one*1
items.porcupines += one
}else if(one>=two){
items.platapuses -= two*1
items.whales -= two*1
items.porcupines += two
}else{
console.log('You fucked up you stupid bitch')
}
upload();
}
function mxhi(){
one = Math.floor(items.porcupines/1)
two = Math.floor(items.hamsters/2)
if(one<=two){
items.porcupines -= one*1
items.hamsters -= one*2
items.hippos += one
}else if(one>=two){
items.porcupines -= two*1
items.hamsters -= two*2
items.hippos += two
}else{
console.log('You fucked up you stupid bitch')
}
upload();
}
// Function to convert a number into a more readable format
function fornum(num) {
// Define the suffixes for thousands and millions
const suffixes = ['', ' k', ' mil', ' mld', ' bil', ' bld', ' tri', ' tld', ' qua'];
// Divide the number by 1000 until it is less than 1000
let i = 0;
while (num >= 1000 && i < suffixes.length - 1) {
num /= 1000;
i++;
}
// Round the number to one decimal place
num = Math.floor(num * 10) / 10;
// Concatenate the number with the appropriate suffix
return num + suffixes[i];
}
/* SHOPPING WITH ONLY CLICKS */
// cat
function buyCcat(){
if(items.clicks >= 1200){
items.cats++;
items.clicks -= 1200;
upload();
}
}
function mxCct(){
one = Math.floor(items.clicks / 1200)
items.clicks -= one * 1200
items.cats += one
upload();
}
// fox
function buyCfox(){
if(items.clicks >= 1800){
items.foxes++;
items.clicks -= 1800;
upload();
}
}
function mxCfx(){
one = Math.floor(items.clicks / 1800)
items.clicks -= one * 1800
items.foxes += one
upload();
}
// wolf
function buyCwol(){
if(items.clicks >= 10000){
items.wolfs++;
items.clicks -= 10000;
upload();
}
}
function mxCwl(){
one = Math.floor(items.clicks / 10000)
items.clicks -= one * 10000
items.wolfs += one
upload();
}
// hamster
function buyCham(){
if(items.clicks >= 13000){
items.hamsters++;
items.clicks -= 13000;
upload();
}
}
function mxChm(){
one = Math.floor(items.clicks / 13000)
items.clicks -= one * 13000
items.hamsters += one
upload();
}
// whale
function buyCwha(){
if(items.clicks >= 22000){
items.whales++;
items.clicks -= 22000;
upload();
}
}
function mxCwh(){
one = Math.floor(items.clicks / 22000)
items.clicks -= one * 22000
items.whales += one
upload();
}
// cappybarra
function buyCcap(){
if(items.clicks >= 28000){
items.capybaras++;
items.clicks -= 28000;
upload();
}
}
function mxCcp(){
one = Math.floor(items.clicks / 28000)
items.clicks -= one * 28000
items.capybaras += one
upload();
}
// platypussy
function buyCpla(){
if(items.clicks >= 42000){
items.platapuses++;
items.clicks -= 42000;
upload();
}
}
function mxCpl(){
one = Math.floor(items.clicks / 42000)
items.clicks -= one * 42000
items.platapuses += one
upload();
}
// porcupine
function buyCpor(){
if(items.clicks >= 70000){
items.porcupines++;
items.clicks -= 70000;
upload();
}
}
function mxCpr(){
one = Math.floor(items.clicks / 70000)
items.clicks -= one * 70000
items.porcupines += one
upload();
}
// hippopopopotamusss
function buyChip(){
if(items.clicks >= 100000){
items.hippos++;
items.clicks -= 100000;
upload();
}
}
function mxChi(){
one = Math.floor(items.clicks / 100000)
items.clicks -= one * 100000
items.hippos += one
upload();
}

40
Version - 37/upgr.js Normal file
View File

@@ -0,0 +1,40 @@
let items;
let cs;
// Update
function update(){
let i = JSON.stringify(items);
localStorage.setItem('items', i);
}
function load(){
if (localStorage.getItem('items')!=null){
items = JSON.parse(localStorage.getItem('items'));
}
cs = items.dogs + items.cats*12 + items.foxes*18 + items.wolfs*100 + items.hamsters*130 + items.whales*220 + items.capybaras*280 + items.platapuses*400 + items.porcupines*650 + items.hippos*950;
document.getElementById('dislm').innerHTML = `You've got ${items.lemons} lemons!`
}
function upload(){
update();
load();
}
function cash(){
setTimeout (function money(){
cs = items.dogs + items.cats*12 + items.foxes*18 + items.wolfs*100 + items.hamsters*130 + items.whales*220 + items.capybaras*280 + items.platapuses*400 + items.porcupines*650 + items.hippos*950;
items.clicks += cs;
update();cash();
},1000)
}
window.onload = function(){
load();cash();
}

39
Version - 37/upgrade.html Normal file
View File

@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>BRB - Upgrades</title>
<link rel="stylesheet" href="./css/upgr.css">
<link rel="icon" href="./img/upgrade-icon-png-12.jpg">
</head>
<body>
<!-- BRB -->
<header>
<div id="links">
<p class="link" style="--color:#ff6655">
<a href="index.html">Go to BRB!</a>
</p>
<p class="link" style="--color:darkorange">
<a href="shop.html" id="clickbrb">Go back to Shop!</a>
</p>
</div>
<!-- lemons -->
<div id="loglm">
<img src="./img/Lemons.png" id="imglm" draggable="false">
<p id="dislm"></p>
</div>
</header>
<h1 style="text-align:center;margin-top:5rem;">
COMING SOON...
</h1>
<script src="upgr.js"></script>
</body>
</html>

View File