Version - 1.1.3 - 1-43 ; I founded versions 30,31,32

This commit is contained in:
2024-01-07 11:11:30 +01:00
parent 9b468dfa3c
commit d95481f185
26 changed files with 3080 additions and 4 deletions

62
Version - 30/add.txt Normal file
View File

@@ -0,0 +1,62 @@
click.offline.make
max 5 hour
BuyDog dog.log clicks/s
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 = ≈ 40 000
1 hippo = ≈ 50 000
1 snake = ≈ 60 000
1 cheetah = ≈ 69 000
1 python =
1 girrafe = 1 000 000 c/s
1 citronovník = 30 lemons/h
reset all.clicks
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

43
Version - 30/index.html Normal file
View File

@@ -0,0 +1,43 @@
<!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="style.css">
</head>
<body>
<!-- Shop -->
<div id="tycoon">
<a href="shop.html" id="shop">Go to Shop!</a>
</div>
<!-- Clicks -->
<div id="logclick">
<p id="disclick">
</div>
<!-- BRB -->
<div id="button" onclick="clicking()">
<img src = 'https://i.postimg.cc/9Rs0vWFF/Nezm-kl.png' id="unpressed" draggable="false">
<img src = "https://i.postimg.cc/NLr5Rrpy/Zm-kl.png" id="pressed" draggable="false">
</div>
<!-- RESET-->
<div id="delete">
<button id="reset" onclick="reset()">
RESET
</button>
</div>
<!-- Project -->
<script src="main.js"></script>
</body>
</html>

89
Version - 30/main.js Normal file
View File

@@ -0,0 +1,89 @@
// Items
let items;
var cs = 0;
var anime = false;
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,
lemons:0,
lt3:0,
}
load();
update();
}
function beriba(){
document.getElementById('unpressed').style.visibility='visible'
document.getElementById('pressed').style.visibility='hidden'
anime=true;
}
function reset(){
if(confirm('Do you really want to reset everything?')){
if(confirm('Are you sure?')){
alert('Everyting Reseted');
items = {
clicks:0,
dogs:0,
cats:0,
foxes:0,
wolfs:0,
hamsters:0,
whales:0,
capybaras:0,
lemons:0,
lt3:0,
}
}
}
}
// Update
function update(){
let i = JSON.stringify(items);
localStorage.setItem('items', i);
document.getElementById('disclick').innerHTML=`You've got ${items.clicks} clicks, and generating ${cs} c/s!`
}
// Clicks
// BRB
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.clicks += cs;
update();
cash();
},1000)
}
cash();

380
Version - 30/shop.css Normal file
View File

@@ -0,0 +1,380 @@
body{
font-size: 15pt;
user-select: none;
padding: 3;
margin: 0;
}
#clickbrb{
position: absolute;
width: 100%;
top: 10px;
text-align: center;
}
#hr0{
position: absolute;
width: 100%;
top: 25px;
z-index: 8;
}
/* Clisks */
#logclick{
position: absolute;
width: 100%;
height: 40px;
top: 38px;
left: 4px;
}
#imgcli{
position: absolute;
width: 40px;
height: 40px;
}
#disclick{
position: absolute;
height: 40px;
left: 45px;
top: 2px;
margin: 0 0 -15px 0;
display: flex;
}
/* Dog */
#logdog{
position: absolute;
width: 100%;
height: 40px;
top: 90px;
left: 4px;
}
#imgdog{
position: absolute;
width: 40px;
height: 40px;
}
#buydog{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: darkorange;
}
#maxdog{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: darkorange;
text-align: center;
}
#disdog{
position: absolute;
width: 365px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}
/* Cats */
#logcat{
position: absolute;
width: 100%;
height: 40px;
top: 140px;
left: 4px;
}
#imgcat{
position: absolute;
width: 40px;
height: 40px;
}
#buycat{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: orange;
}
#maxcat{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: orange;
text-align: center;
}
#discat{
position: absolute;
width: 350px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}
/* Foxes */
#logfox{
position: absolute;
width: 100%;
height: 40px;
top: 190px;
left: 4px;
}
#imgfox{
position: absolute;
width: 40px;
height: 40px;
}
#buyfox{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: lightsalmon;
}
#maxfox{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: lightsalmon;
text-align: center;
}
#disfox{
position: absolute;
width: 350px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}
/* Wolfs */
#logwol{
position: absolute;
width: 100%;
height: 40px;
top: 240px;
left: 4px;
}
#imgwol{
position: absolute;
width: 40px;
height: 40px;
}
#buywol{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: lightgray;
}
#maxwol{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: lightgray;
text-align: center;
}
#diswol{
position: absolute;
width: 350px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}
/* Hamsters */
#logham{
position: absolute;
width: 100%;
height: 40px;
top: 290px;
left: 4px;
}
#imgham{
position: absolute;
width: 40px;
height: 40px;
}
#buyham{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: wheat;
}
#maxham{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: wheat;
text-align: center;
}
#disham{
position: absolute;
width: 350px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}
/* Whales */
#logwha{
position: absolute;
width: 100%;
height: 40px;
top: 340px;
left: 4px;
}
#imgwha{
position: absolute;
width: 40px;
height: 40px;
}
#buywha{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: cyan;
}
#maxwha{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: cyan;
text-align: center;
}
#diswha{
position: absolute;
width: 350px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}
/* Capybaras */
#logcap{
position: absolute;
width: 100%;
height: 40px;
top: 390px;
left: 4px;
}
#imgcap{
position: absolute;
width: 40px;
height: 40px;
}
#buycap{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: rosybrown;
}
#maxcap{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: rosybrown;
text-align: center;
}
#discap{
position: absolute;
width: 350px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}
/* By MrEidam */
/* Lemons */
#loglem{
position: absolute;
width: 100%;
height: 40px;
top: 500px;
left: 4px;
}
#imglem{
position: absolute;
width: 40px;
height: 40px;
}
#buylem{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: yellow;
}
#maxlem{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: yellow;
text-align: center;
}
#dislem{
position: absolute;
width: 350px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}
/* Lemon trees */
#logLt3{
position: absolute;
width: 100%;
height: 40px;
top: 550px;
left: 4px;
}
#imglt3{
position: absolute;
width: 40px;
height: 40px;
}
#buyLt3{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: lightgoldenrodyellow;
}
#maxLt3{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: lightgoldenrodyellow;
text-align: center;
}
#dislt3{
position: absolute;
width: 350px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}

148
Version - 30/shop.html Normal file
View File

@@ -0,0 +1,148 @@
<!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 -->
<!-- Custom Styles -->
<link rel="stylesheet" href="shop.css">
</style>
</head>
<body>
<!-- BRB -->
<a href="index.html" id="clickbrb">Go to BRB!</a>
<hr id="hr0">
<!-- Clicks -->
<div id="logclick">
<img src="https://i.postimg.cc/gntQwZth/Click.png" id="imgcli" draggable="false">
<p id="disclick">
</div>
<!-- I T E M S -->
<!-- Dog -->
<div id="logdog">
<img src="https://i.postimg.cc/87F3Lzx0/Dog.png" draggable="false" id="imgdog">
<button id="buydog" onclick="buydog()">
Buy a Dog for 100 clicks
</button>
<button id="maxdog" onclick="dogmvalue()">
MAX
</button>
<p id="disdog">
</div>
<!-- Cat -->
<div id="logcat">
<img src="https://i.postimg.cc/SJxHNrdq/Cat.png" draggable="false" id="imgcat">
<button id="buycat" onclick="buycat()">
Buy a Cat for 10 dogs
</button>
<button id="maxcat" onclick="catmvalue()">
MAX
</button>
<p id="discat">
</div>
<!-- Lemons -->
<div id="loglem">
<img src="https://i.postimg.cc/kVKphhJN/Lemons.png" draggable="false" id="imglem">
<button id="buylem" onclick="buylem()">
Buy a Lemon for ### cats
</button>
<button id="maxlem" onclick="lemmvalue()">
MAX
</button>
<p id="dislem">
</div>
<!-- Fox -->
<div id="logfox">
<img src="https://i.postimg.cc/MnhL58SK/Fox.png" draggable="false" id="imgfox">
<button id="buyfox" onclick="buyfox()">
Buy a Fox for 15 dogs
</button>
<button id="maxfox" onclick="foxmvalue()">
MAX
</button>
<p id="disfox">
</div>
<!-- Wolf -->
<div id="logwol">
<img src="https://i.postimg.cc/0MvBgdjT/Wolf.png" draggable="false" id="imgwol">
<button id="buywol" onclick="buywol()">
Buy a Wolf for 6 dogs and 5 foxes
</button>
<button id="maxwol" onclick="wolmvalue()">
MAX
</button>
<p id="diswol">
</div>
<!-- Lemn t3-->
<div id="logLt3">
<img src="https://i.postimg.cc/DJcY7Jb8/Lemt3.png" draggable="false" id="imglt3">
<button id="buyLt3" onclick="buylt3()">
Buy a Lemon Tree for 5 lemons
</button>
<button id="maxLt3" onclick="lt3mvalue()">
MAX
</button>
<p id="dislt3">
</div>
<!-- Hamster -->
<div id="logham">
<img src="" draggable="false" id="imgham">
<button id="buyham" onclick="buyham()">
Buy a Hamster for 1 wolf and 2 cats
</button>
<button id="maxham" onclick="hammvalue()">
MAX
</button>
<p id="disham">
</div>
<!-- Whales -->
<div id="logwha">
<img src="" draggable="false" id="imgwha">
<button id="buywha" onclick="buywha()">
Buy a Whale for 2 wolfs
</button>
<button id="maxwha" onclick="whamvalue()">
MAX
</button>
<p id="diswha">
</div>
<!-- Cappybarra -->
<div id="logcap">
<img src="" draggable="false" id="imgcap">
<button id="buycap" onclick="buycap()">
Buy a Cappybarra for 1 whale and 4 cats
</button>
<button id="maxcap" onclick="capmvalue()">
MAX
</button>
<p id="discap">
</div>
<!-- By MrEidam -->
<script src="shop.js"></script>
</body>
</html>

191
Version - 30/shop.js Normal file
View File

@@ -0,0 +1,191 @@
var cs = 0;
let mdog = 0;
let maxdog = 0;
// 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;
}
function c1000(){
items.clicks = 1000;
}
// Load
function load(){
items = JSON.parse(localStorage.getItem('items'));
document.getElementById('disclick').innerHTML=`You've got ${items.clicks} clicks, and generating ${cs} c/s!`
document.getElementById('disdog').innerHTML=`You've got ${items.dogs} dogs!`
document.getElementById('discat').innerHTML=`You've got ${items.cats} cats!`
document.getElementById('disfox').innerHTML=`You've got ${items.foxes} foxes!`
document.getElementById('diswol').innerHTML=`You've got ${items.wolfs} wolfs!`
document.getElementById('disham').innerHTML=`You've got ${items.hamsters} hamsters!`
document.getElementById('diswha').innerHTML=`You've got ${items.whales} whales!`
document.getElementById('discap').innerHTML=`You've got ${items.capybaras} capybaras!`
document.getElementById('dislem').innerHTML=`You've got ${items.lemons} lemons!`
document.getElementById('dislt3').innerHTML=`You've got ${items.lt3} L. trees!`
}
load();
function upload(){
update();
load();
}
function cash(){
setTimeout (function money(){
items.clicks += cs;
upload();
cash();
},1000)
}
cash();
let percent = 50;
function max(item){
let cost = eval(item + 'Cost');
let all = [];
for (let i = 0; i < cost.lenght; i += 2){
all.push(Math.floor(items[cost[i]]/cost[i + 1]));
}
return Math.min.apply(null,all);
}
function buy(item,percent){
let cost = eval(item + 'Cost');
let count = perc(item, percent);
for(let i = 0; i < cost.lenght; i += 2){
items[cost[i]] -= cost[i+1]*count;
}
items[item] += count;
}
function perc(item,count){
return Math.ceil((max(item)/100)*count);
}
let dogsCost = ["clicks",100]
let catsCost = ["dogs",10]
let foxesCost = ["dogs",15]
let wolfsCost = ["foxes",5,"dogs",6]
let whalesCost = ["wolfs",2]
let hamstersCost = ["wolfs",1,"cats",2]
let lemonsCost = ["cats",20]
// 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 buylem(){
if(items.cats>=10){
items.cats-=10;
items.lemons+=1;
}
upload();
}
function buylt3(){
if (items.lemons>=5) {
items.lemons-=5;
items.lt3+=1;
}
upload();
}
let floordog = 0;
function dogmvalue(){
mdog = items.clicks/100;
maxdog = Math.floor(mdog);
floordog = maxdog*100
items.clicks -= floordog
items.dogs += maxdog
upload();
}
function catmvalue(){
mdog = items.dogs/10;
maxdog = Math.floor(mdog);
floordog = maxdog*10
items.dogs -= floordog
items.cats += maxdog
upload();
}
function foxmvalue(){
mdog = items.dogs/15;
maxdog = Math.floor(mdog);
floordog = maxdog*15
items.dogs -= floordog
items.foxes += maxdog
upload();
}
function lemmvalue(){
mdog = items.cats/20;
maxdog = Math.floor(mdog);
floordog = maxdog*20
items.cats -= floordog
items.lemons += maxdog
upload();
}

69
Version - 30/style.css Normal file
View File

@@ -0,0 +1,69 @@
body {
font-size: 15pt;
user-select: none;
}
#shop{
position: absolute;
width: 100%;
top: 10px;
text-align: center;
}
#logclick{
position: absolute;
width: 100%;
height: 50px;
top: 40px;
left: 50%;
text-align: center;
transform: translate(-50%,0);
}
#disclick{
position: absolute;
width: 100%;
height: 25px;
transform: translate(0%,0);
}
/*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;
}
#delete{
position: absolute;
user-select: none;
top: 100%;
left: 100%;
transform: translate(-50%,0);
}
#reset{
position: absolute;
user-select: none;
width: 69px;
height: 50px;
top: 0%;
right: 0%;
transform: translate(0,-100%);
background-color: #ff0000;
color: #ffffff;
}

62
Version - 31/add.txt Normal file
View File

@@ -0,0 +1,62 @@
click.offline.make
max 5 hour
BuyDog dog.log clicks/s
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 = ≈ 40 000
1 hippo = ≈ 50 000
1 snake = ≈ 60 000
1 cheetah = ≈ 69 000
1 python =
1 girrafe = 1 000 000 c/s
1 citronovník = 30 lemons/h
reset all.clicks
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

2
Version - 31/changelog Normal file
View File

@@ -0,0 +1,2 @@
v31
undefined and NaN fix

43
Version - 31/index.html Normal file
View File

@@ -0,0 +1,43 @@
<!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="style.css">
</head>
<body>
<!-- Shop -->
<div id="tycoon">
<a href="shop.html" id="shop">Go to Shop!</a>
</div>
<!-- Clicks -->
<div id="logclick">
<p id="disclick">
</div>
<!-- BRB -->
<div id="button" onclick="clicking()">
<img src = 'https://i.postimg.cc/9Rs0vWFF/Nezm-kl.png' id="unpressed" draggable="false">
<img src = "https://i.postimg.cc/NLr5Rrpy/Zm-kl.png" id="pressed" draggable="false">
</div>
<!-- RESET-->
<div id="delete">
<button id="reset" onclick="reset()">
RESET
</button>
</div>
<!-- Project -->
<script src="main.js"></script>
</body>
</html>

98
Version - 31/main.js Normal file
View File

@@ -0,0 +1,98 @@
// Items
let items;
var cs = 0;
var anime = false;
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,
lemons:0,
lt3:0,
}
load();
update();
fix();
}
function beriba(){
document.getElementById('unpressed').style.visibility='visible'
document.getElementById('pressed').style.visibility='hidden'
anime=true;
}
function reset(){
if(confirm('Do you really want to reset everything?')){
if(confirm('Are you sure?')){
alert('Everyting Reseted');
items = {
clicks:0,
dogs:0,
cats:0,
foxes:0,
wolfs:0,
hamsters:0,
whales:0,
capybaras:0,
lemons:0,
lt3:0,
}
}
}
}
// Fix for NaN
function nanfix(){if(items.clicks===NaN){items.clicks=0}if(items.dogs===NaN){items.dogs=0}if (items.cats === NaN){items.cats = 0}if(items.foxes === NaN){items.foxes = 0}if(items.wolfs === NaN){items.wolfs = 0}if(items.hamsters === NaN){items.hamsters = 0}if(items.whales === NaN){items.whales = 0}if(items.capybaras === NaN){items.capybaras = 0}if(items.lemons === NaN){items.lemons = 0}if(items.lt3 === NaN){items.lt3 = 0}}
// Fix for undefined
function unfix(){if(items.clicks===undefined){items.clicks=0}if(items.dogs===undefined){items.dogs=0}if (items.cats === undefined){items.cats = 0}if(items.foxes === undefined){items.foxes = 0}if(items.wolfs === undefined){items.wolfs = 0}if(items.hamsters === undefined){items.hamsters = 0}if(items.whales === undefined){items.whales = 0}if(items.capybaras === undefined){items.capybaras = 0}if(items.lemons === undefined){items.lemons = 0}if(items.lt3 === undefined){items.lt3 = 0}}
function fix(){
nanfix();unfix();
}
// Update
function update(){
let i = JSON.stringify(items);
localStorage.setItem('items', i);
document.getElementById('disclick').innerHTML=`You've got ${items.clicks} clicks, and generating ${cs} c/s!`
}
// Clicks
// BRB
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.clicks += cs;
update();cash();fix();
},1000)
}
cash();fix();

380
Version - 31/shop.css Normal file
View File

@@ -0,0 +1,380 @@
body{
font-size: 15pt;
user-select: none;
padding: 3;
margin: 0;
}
#clickbrb{
position: absolute;
width: 100%;
top: 10px;
text-align: center;
}
#hr0{
position: absolute;
width: 100%;
top: 25px;
z-index: 8;
}
/* Clisks */
#logclick{
position: absolute;
width: 100%;
height: 40px;
top: 38px;
left: 4px;
}
#imgcli{
position: absolute;
width: 40px;
height: 40px;
}
#disclick{
position: absolute;
height: 40px;
left: 45px;
top: 2px;
margin: 0 0 -15px 0;
display: flex;
}
/* Dog */
#logdog{
position: absolute;
width: 100%;
height: 40px;
top: 90px;
left: 4px;
}
#imgdog{
position: absolute;
width: 40px;
height: 40px;
}
#buydog{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: darkorange;
}
#maxdog{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: darkorange;
text-align: center;
}
#disdog{
position: absolute;
width: 365px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}
/* Cats */
#logcat{
position: absolute;
width: 100%;
height: 40px;
top: 140px;
left: 4px;
}
#imgcat{
position: absolute;
width: 40px;
height: 40px;
}
#buycat{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: orange;
}
#maxcat{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: orange;
text-align: center;
}
#discat{
position: absolute;
width: 350px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}
/* Foxes */
#logfox{
position: absolute;
width: 100%;
height: 40px;
top: 190px;
left: 4px;
}
#imgfox{
position: absolute;
width: 40px;
height: 40px;
}
#buyfox{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: lightsalmon;
}
#maxfox{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: lightsalmon;
text-align: center;
}
#disfox{
position: absolute;
width: 350px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}
/* Wolfs */
#logwol{
position: absolute;
width: 100%;
height: 40px;
top: 240px;
left: 4px;
}
#imgwol{
position: absolute;
width: 40px;
height: 40px;
}
#buywol{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: lightgray;
}
#maxwol{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: lightgray;
text-align: center;
}
#diswol{
position: absolute;
width: 350px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}
/* Hamsters */
#logham{
position: absolute;
width: 100%;
height: 40px;
top: 290px;
left: 4px;
}
#imgham{
position: absolute;
width: 40px;
height: 40px;
}
#buyham{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: wheat;
}
#maxham{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: wheat;
text-align: center;
}
#disham{
position: absolute;
width: 350px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}
/* Whales */
#logwha{
position: absolute;
width: 100%;
height: 40px;
top: 340px;
left: 4px;
}
#imgwha{
position: absolute;
width: 40px;
height: 40px;
}
#buywha{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: cyan;
}
#maxwha{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: cyan;
text-align: center;
}
#diswha{
position: absolute;
width: 350px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}
/* Capybaras */
#logcap{
position: absolute;
width: 100%;
height: 40px;
top: 390px;
left: 4px;
}
#imgcap{
position: absolute;
width: 40px;
height: 40px;
}
#buycap{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: rosybrown;
}
#maxcap{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: rosybrown;
text-align: center;
}
#discap{
position: absolute;
width: 350px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}
/* By MrEidam */
/* Lemons */
#loglem{
position: absolute;
width: 100%;
height: 40px;
top: 500px;
left: 4px;
}
#imglem{
position: absolute;
width: 40px;
height: 40px;
}
#buylem{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: yellow;
}
#maxlem{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: yellow;
text-align: center;
}
#dislem{
position: absolute;
width: 350px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}
/* Lemon trees */
#logLt3{
position: absolute;
width: 100%;
height: 40px;
top: 550px;
left: 4px;
}
#imglt3{
position: absolute;
width: 40px;
height: 40px;
}
#buyLt3{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: lightgoldenrodyellow;
}
#maxLt3{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: lightgoldenrodyellow;
text-align: center;
}
#dislt3{
position: absolute;
width: 350px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}

148
Version - 31/shop.html Normal file
View File

@@ -0,0 +1,148 @@
<!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 -->
<!-- Custom Styles -->
<link rel="stylesheet" href="shop.css">
</style>
</head>
<body>
<!-- BRB -->
<a href="index.html" id="clickbrb">Go to BRB!</a>
<hr id="hr0">
<!-- Clicks -->
<div id="logclick">
<img src="https://i.postimg.cc/gntQwZth/Click.png" id="imgcli" draggable="false">
<p id="disclick">
</div>
<!-- I T E M S -->
<!-- Dog -->
<div id="logdog">
<img src="https://i.postimg.cc/87F3Lzx0/Dog.png" draggable="false" id="imgdog">
<button id="buydog" onclick="buydog()">
Buy a Dog for 100 clicks
</button>
<button id="maxdog" onclick="dogmvalue()">
MAX
</button>
<p id="disdog">
</div>
<!-- Cat -->
<div id="logcat">
<img src="https://i.postimg.cc/SJxHNrdq/Cat.png" draggable="false" id="imgcat">
<button id="buycat" onclick="buycat()">
Buy a Cat for 10 dogs
</button>
<button id="maxcat" onclick="catmvalue()">
MAX
</button>
<p id="discat">
</div>
<!-- Lemons -->
<div id="loglem">
<img src="https://i.postimg.cc/kVKphhJN/Lemons.png" draggable="false" id="imglem">
<button id="buylem" onclick="buylem()">
Buy a Lemon for ### cats
</button>
<button id="maxlem" onclick="lemmvalue()">
MAX
</button>
<p id="dislem">
</div>
<!-- Fox -->
<div id="logfox">
<img src="https://i.postimg.cc/MnhL58SK/Fox.png" draggable="false" id="imgfox">
<button id="buyfox" onclick="buyfox()">
Buy a Fox for 15 dogs
</button>
<button id="maxfox" onclick="foxmvalue()">
MAX
</button>
<p id="disfox">
</div>
<!-- Wolf -->
<div id="logwol">
<img src="https://i.postimg.cc/0MvBgdjT/Wolf.png" draggable="false" id="imgwol">
<button id="buywol" onclick="buywol()">
Buy a Wolf for 6 dogs and 5 foxes
</button>
<button id="maxwol" onclick="wolmvalue()">
MAX
</button>
<p id="diswol">
</div>
<!-- Lemn t3-->
<div id="logLt3">
<img src="https://i.postimg.cc/DJcY7Jb8/Lemt3.png" draggable="false" id="imglt3">
<button id="buyLt3" onclick="buylt3()">
Buy a Lemon Tree for 5 lemons
</button>
<button id="maxLt3" onclick="lt3mvalue()">
MAX
</button>
<p id="dislt3">
</div>
<!-- Hamster -->
<div id="logham">
<img src="" draggable="false" id="imgham">
<button id="buyham" onclick="buyham()">
Buy a Hamster for 1 wolf and 2 cats
</button>
<button id="maxham" onclick="hammvalue()">
MAX
</button>
<p id="disham">
</div>
<!-- Whales -->
<div id="logwha">
<img src="" draggable="false" id="imgwha">
<button id="buywha" onclick="buywha()">
Buy a Whale for 2 wolfs
</button>
<button id="maxwha" onclick="whamvalue()">
MAX
</button>
<p id="diswha">
</div>
<!-- Cappybarra -->
<div id="logcap">
<img src="" draggable="false" id="imgcap">
<button id="buycap" onclick="buycap()">
Buy a Cappybarra for 1 whale and 4 cats
</button>
<button id="maxcap" onclick="capmvalue()">
MAX
</button>
<p id="discap">
</div>
<!-- By MrEidam -->
<script src="shop.js"></script>
</body>
</html>

191
Version - 31/shop.js Normal file
View File

@@ -0,0 +1,191 @@
var cs = 0;
let mdog = 0;
let maxdog = 0;
// 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;
}
function c1000(){
items.clicks = 1000;
}
// Load
function load(){
items = JSON.parse(localStorage.getItem('items'));
document.getElementById('disclick').innerHTML=`You've got ${items.clicks} clicks, and generating ${cs} c/s!`
document.getElementById('disdog').innerHTML=`You've got ${items.dogs} dogs!`
document.getElementById('discat').innerHTML=`You've got ${items.cats} cats!`
document.getElementById('disfox').innerHTML=`You've got ${items.foxes} foxes!`
document.getElementById('diswol').innerHTML=`You've got ${items.wolfs} wolfs!`
document.getElementById('disham').innerHTML=`You've got ${items.hamsters} hamsters!`
document.getElementById('diswha').innerHTML=`You've got ${items.whales} whales!`
document.getElementById('discap').innerHTML=`You've got ${items.capybaras} capybaras!`
document.getElementById('dislem').innerHTML=`You've got ${items.lemons} lemons!`
document.getElementById('dislt3').innerHTML=`You've got ${items.lt3} L. trees!`
}
load();
function upload(){
update();
load();
}
function cash(){
setTimeout (function money(){
items.clicks += cs;
upload();
cash();
},1000)
}
cash();
let percent = 50;
function max(item){
let cost = eval(item + 'Cost');
let all = [];
for (let i = 0; i < cost.lenght; i += 2){
all.push(Math.floor(items[cost[i]]/cost[i + 1]));
}
return Math.min.apply(null,all);
}
function buy(item,percent){
let cost = eval(item + 'Cost');
let count = perc(item, percent);
for(let i = 0; i < cost.lenght; i += 2){
items[cost[i]] -= cost[i+1]*count;
}
items[item] += count;
}
function perc(item,count){
return Math.ceil((max(item)/100)*count);
}
let dogsCost = ["clicks",100]
let catsCost = ["dogs",10]
let foxesCost = ["dogs",15]
let wolfsCost = ["foxes",5,"dogs",6]
let whalesCost = ["wolfs",2]
let hamstersCost = ["wolfs",1,"cats",2]
let lemonsCost = ["cats",20]
// 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 buylem(){
if(items.cats>=10){
items.cats-=10;
items.lemons+=1;
}
upload();
}
function buylt3(){
if (items.lemons>=5) {
items.lemons-=5;
items.lt3+=1;
}
upload();
}
let floordog = 0;
function dogmvalue(){
mdog = items.clicks/100;
maxdog = Math.floor(mdog);
floordog = maxdog*100
items.clicks -= floordog
items.dogs += maxdog
upload();
}
function catmvalue(){
mdog = items.dogs/10;
maxdog = Math.floor(mdog);
floordog = maxdog*10
items.dogs -= floordog
items.cats += maxdog
upload();
}
function foxmvalue(){
mdog = items.dogs/15;
maxdog = Math.floor(mdog);
floordog = maxdog*15
items.dogs -= floordog
items.foxes += maxdog
upload();
}
function lemmvalue(){
mdog = items.cats/20;
maxdog = Math.floor(mdog);
floordog = maxdog*20
items.cats -= floordog
items.lemons += maxdog
upload();
}

69
Version - 31/style.css Normal file
View File

@@ -0,0 +1,69 @@
body {
font-size: 15pt;
user-select: none;
}
#shop{
position: absolute;
width: 100%;
top: 10px;
text-align: center;
}
#logclick{
position: absolute;
width: 100%;
height: 50px;
top: 40px;
left: 50%;
text-align: center;
transform: translate(-50%,0);
}
#disclick{
position: absolute;
width: 100%;
height: 25px;
transform: translate(0%,0);
}
/*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;
}
#delete{
position: absolute;
user-select: none;
top: 100%;
left: 100%;
transform: translate(-50%,0);
}
#reset{
position: absolute;
user-select: none;
width: 69px;
height: 50px;
top: 0%;
right: 0%;
transform: translate(0,-100%);
background-color: #ff0000;
color: #ffffff;
}

72
Version - 32/add.txt Normal file
View File

@@ -0,0 +1,72 @@
click.offline.make
max 5 hour
BuyDog dog.log clicks/s
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 = ≈ 40 000
1 hippo = ≈ 50 000
1 snake = ≈ 60 000
1 cheetah = ≈ 69 000
1 python =
1 girrafe = 1 000 000 c/s
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, ...
if local items dogs true nothing
if local items.joe false add joe to items
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

12
Version - 32/changelog Normal file
View File

@@ -0,0 +1,12 @@
v31
undefined and NaN fix for adding new animals
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

43
Version - 32/index.html Normal file
View File

@@ -0,0 +1,43 @@
<!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="style.css">
</head>
<body>
<!-- Shop -->
<div id="tycoon">
<a href="shop.html" id="shop">Click me to get to the Shop!</a>
</div>
<!--<div id="cool"></div>
<!-- Clicks -->
<div id="logclick">
<p id="disclick">
</div>
<!-- BRB -->
<div id="button" onclick="clicking()">
<img src = 'https://i.postimg.cc/9Rs0vWFF/Nezm-kl.png' id="unpressed" draggable="false">
<img src = "https://i.postimg.cc/NLr5Rrpy/Zm-kl.png" id="pressed" draggable="false">
</div>
<!-- RESET-->
<div id="delete">
<button id="reset" onclick="reset()">
RESET
</button>
</div>
<!-- Project -->
<script src="main.js"></script>
</body>
</html>

113
Version - 32/main.js Normal file
View File

@@ -0,0 +1,113 @@
// Items
let items;
var cs = 0;
var anime = false;
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,
lemons:0,
lt3:0,
}
load();
update();
//fix();
}
function beriba(){
document.getElementById('unpressed').style.visibility='visible'
document.getElementById('pressed').style.visibility='hidden'
anime=true;
}
function reset(){
if(confirm('Do you really want to reset everything?')){
if(confirm('Are you sure?')){
alert('Everyting 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,
lemons:0,
lt3:0,
}
}
}
}
/*
// Fix for NaN
function fix0(){if(items.dogs===NaN){items.dogs=0}if (items.cats === NaN){items.cats = 0}if(items.foxes === NaN){items.foxes = 0}if(items.wolfs === NaN){items.wolfs = 0}if(items.hamsters === NaN){items.hamsters = 0}if(items.whales === NaN){items.whales = 0}if(items.capybaras === NaN){items.capybaras = 0}if(items.lemons === NaN){items.lemons = 0}if(items.lt3 === NaN){items.lt3 = 0}if(items.platapuses===NaN){items.platapuses=0}if(items.porcupines===NaN){items.porcupines=0}if(items.hippos===NaN){items.hippos=0}if(items.snakes===NaN){items.snakes=0}if(items.cheetahs===NaN){items.cheetahs=0}if(items.pythons===NaN){items.pythons=0}if(items.girrafes===NaN){items.girrafes=0}if(items.lions===NaN){items.lions=0}
}
// Fix for undefined
function fix1(){if(items.dogs===undefined){items.dogs=0}if (items.cats === undefined){items.cats = 0}if(items.foxes === undefined){items.foxes = 0}if(items.wolfs === undefined){items.wolfs = 0}if(items.hamsters === undefined){items.hamsters = 0}if(items.whales === undefined){items.whales = 0}if(items.capybaras === undefined){items.capybaras = 0}if(items.lemons === undefined){items.lemons = 0}if(items.lt3 === undefined){items.lt3 = 0}if(items.platapuses===undefined){items.platapuses=0}if(items.porcupines===undefined){items.porcupines=0}if(items.hippos===undefined){items.hippos=0}if(items.snakes===undefined){items.snakes=0}if(items.cheetahs===undefined){items.cheetahs=0}if(items.pythons===undefined){items.pythons=0}if(items.girrafes===undefined){items.girrafes=0}if(items.lions===undefined){items.lions=0}}
function fix(){
fix0();fix1();
}*/
// Update
function update(){
let i = JSON.stringify(items);
localStorage.setItem('items', i);
document.getElementById('disclick').innerHTML=`You've got ${items.clicks} clicks, and generating ${cs} c/s!`
}
// Clicks
// BRB
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.clicks += cs;
update();cash();//fix();
},1000)
}
cash();//fix();

380
Version - 32/shop.css Normal file
View File

@@ -0,0 +1,380 @@
body{
font-size: 15pt;
user-select: none;
padding: 3;
margin: 0;
}
#clickbrb{
position: absolute;
width: 100%;
top: 10px;
text-align: center;
}
#hr0{
position: absolute;
width: 100%;
top: 25px;
z-index: 8;
}
/* Clisks */
#logclick{
position: absolute;
width: 100%;
height: 40px;
top: 38px;
left: 4px;
}
#imgcli{
position: absolute;
width: 40px;
height: 40px;
}
#disclick{
position: absolute;
height: 40px;
left: 45px;
top: 2px;
margin: 0 0 -15px 0;
display: flex;
}
/* Dog */
#logdog{
position: absolute;
width: 100%;
height: 40px;
top: 90px;
left: 4px;
}
#imgdog{
position: absolute;
width: 40px;
height: 40px;
}
#buydog{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: darkorange;
}
#maxdog{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: darkorange;
text-align: center;
}
#disdog{
position: absolute;
width: 365px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}
/* Cats */
#logcat{
position: absolute;
width: 100%;
height: 40px;
top: 140px;
left: 4px;
}
#imgcat{
position: absolute;
width: 40px;
height: 40px;
}
#buycat{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: orange;
}
#maxcat{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: orange;
text-align: center;
}
#discat{
position: absolute;
width: 350px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}
/* Foxes */
#logfox{
position: absolute;
width: 100%;
height: 40px;
top: 190px;
left: 4px;
}
#imgfox{
position: absolute;
width: 40px;
height: 40px;
}
#buyfox{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: lightsalmon;
}
#maxfox{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: lightsalmon;
text-align: center;
}
#disfox{
position: absolute;
width: 350px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}
/* Wolfs */
#logwol{
position: absolute;
width: 100%;
height: 40px;
top: 240px;
left: 4px;
}
#imgwol{
position: absolute;
width: 40px;
height: 40px;
}
#buywol{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: lightgray;
}
#maxwol{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: lightgray;
text-align: center;
}
#diswol{
position: absolute;
width: 350px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}
/* Hamsters */
#logham{
position: absolute;
width: 100%;
height: 40px;
top: 290px;
left: 4px;
}
#imgham{
position: absolute;
width: 40px;
height: 40px;
}
#buyham{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: wheat;
}
#maxham{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: wheat;
text-align: center;
}
#disham{
position: absolute;
width: 350px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}
/* Whales */
#logwha{
position: absolute;
width: 100%;
height: 40px;
top: 340px;
left: 4px;
}
#imgwha{
position: absolute;
width: 40px;
height: 40px;
}
#buywha{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: cyan;
}
#maxwha{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: cyan;
text-align: center;
}
#diswha{
position: absolute;
width: 350px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}
/* Capybaras */
#logcap{
position: absolute;
width: 100%;
height: 40px;
top: 390px;
left: 4px;
}
#imgcap{
position: absolute;
width: 40px;
height: 40px;
}
#buycap{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: rosybrown;
}
#maxcap{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: rosybrown;
text-align: center;
}
#discap{
position: absolute;
width: 350px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}
/* By MrEidam */
/* Lemons */
#loglem{
position: absolute;
width: 100%;
height: 40px;
top: 500px;
left: 4px;
}
#imglem{
position: absolute;
width: 40px;
height: 40px;
}
#buylem{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: yellow;
}
#maxlem{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: yellow;
text-align: center;
}
#dislem{
position: absolute;
width: 350px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}
/* Lemon trees */
#logLt3{
position: absolute;
width: 100%;
height: 40px;
top: 550px;
left: 4px;
}
#imglt3{
position: absolute;
width: 40px;
height: 40px;
}
#buyLt3{
position: absolute;
width: 150px;
height: 40px;
left: 45px;
background-color: lightgoldenrodyellow;
}
#maxLt3{
position: absolute;
width: 40px;
height: 40px;
left: 195px;
background-color: lightgoldenrodyellow;
text-align: center;
}
#dislt3{
position: absolute;
width: 350px;
height: 40px;
left: 240px;
bottom: 2px;
margin: 0 0 -10px 0;
}

147
Version - 32/shop.html Normal file
View File

@@ -0,0 +1,147 @@
<!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 -->
<!-- Custom Styles -->
<link rel="stylesheet" href="shop.css">
</style>
</head>
<body>
<!-- BRB -->
<a href="index.html" id="clickbrb">Go to BRB!</a>
<!-- Clicks -->
<div id="logclick">
<img src="https://i.postimg.cc/gntQwZth/Click.png" id="imgcli" draggable="false">
<p id="disclick">
</div>
<!-- I T E M S -->
<!-- Dog -->
<div id="logdog">
<img src="https://i.postimg.cc/87F3Lzx0/Dog.png" draggable="false" id="imgdog">
<button id="buydog" onclick="buydog()">
Buy a Dog for 100 clicks
</button>
<button id="maxdog" onclick="mxdg()">
MAX
</button>
<p id="disdog">
</div>
<!-- Cat -->
<div id="logcat">
<img src="https://i.postimg.cc/SJxHNrdq/Cat.png" draggable="false" id="imgcat">
<button id="buycat" onclick="buycat()">
Buy a Cat for 10 dogs
</button>
<button id="maxcat" onclick="mxct()">
MAX
</button>
<p id="discat">
</div>
<!-- Lemons -->
<div id="loglem">
<img src="https://i.postimg.cc/kVKphhJN/Lemons.png" draggable="false" id="imglem">
<button id="buylem" onclick="buylem()">
Buy a Lemon for ### cats
</button>
<button id="maxlem" onclick="mxlm()">
MAX
</button>
<p id="dislem">
</div>
<!-- Fox -->
<div id="logfox">
<img src="https://i.postimg.cc/MnhL58SK/Fox.png" draggable="false" id="imgfox">
<button id="buyfox" onclick="buyfox()">
Buy a Fox for 15 dogs
</button>
<button id="maxfox" onclick="mxfx()">
MAX
</button>
<p id="disfox">
</div>
<!-- Wolf -->
<div id="logwol">
<img src="https://i.postimg.cc/0MvBgdjT/Wolf.png" draggable="false" id="imgwol">
<button id="buywol" onclick="buywol()">
Buy a Wolf for 6 dogs and 5 foxes
</button>
<button id="maxwol" onclick="mxwl()">
MAX
</button>
<p id="diswol">
</div>
<!-- Lemn t3-->
<div id="logLt3">
<img src="https://i.postimg.cc/DJcY7Jb8/Lemt3.png" draggable="false" id="imglt3">
<button id="buyLt3" onclick="buylt3()">
Buy a Lemon Tree for 5 lemons
</button>
<button id="maxLt3" onclick="mxlt()">
MAX
</button>
<p id="dislt3">
</div>
<!-- Hamster -->
<div id="logham">
<img src="" draggable="false" id="imgham">
<button id="buyham" onclick="buyham()">
Buy a Hamster for 1 wolf and 2 cats
</button>
<button id="maxham" onclick="mxhm()">
MAX
</button>
<p id="disham">
</div>
<!-- Whales -->
<div id="logwha">
<img src="" draggable="false" id="imgwha">
<button id="buywha" onclick="buywha()">
Buy a Whale for 2 wolfs
</button>
<button id="maxwha" onclick="mxwh()">
MAX
</button>
<p id="diswha">
</div>
<!-- Cappybarra -->
<div id="logcap">
<img src="" draggable="false" id="imgcap">
<button id="buycap" onclick="buycap()">
Buy a Cappybarra for 1 whale and 4 cats
</button>
<button id="maxcap" onclick="mxcp()">
MAX
</button>
<p id="discap">
</div>
<!-- By MrEidam -->
<script src="shop.js"></script>
</body>
</html>

231
Version - 32/shop.js Normal file
View File

@@ -0,0 +1,231 @@
let cs
// 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;
}
function c1000(){
items.clicks = 1000;
}
// Load
function load(){
items = JSON.parse(localStorage.getItem('items'));
document.getElementById('disclick').innerHTML=`You've got ${items.clicks} clicks, and generating ${cs} c/s!`
document.getElementById('disdog').innerHTML=`You've got ${items.dogs}!`
document.getElementById('discat').innerHTML=`You've got ${items.cats}!`
document.getElementById('disfox').innerHTML=`You've got ${items.foxes}!`
document.getElementById('diswol').innerHTML=`You've got ${items.wolfs}!`
document.getElementById('disham').innerHTML=`You've got ${items.hamsters}!`
document.getElementById('diswha').innerHTML=`You've got ${items.whales}!`
document.getElementById('discap').innerHTML=`You've got ${items.capybaras}!`
document.getElementById('dislem').innerHTML=`You've got ${items.lemons}!`
document.getElementById('dislt3').innerHTML=`You've got ${items.lt3}!`
cs = items.dogs + items.cats*12 + items.foxes*18 + items.wolfs*100 + items.hamsters*130 + items.whales*220 + items.capybaras*280;
}
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 buylem(){
if(items.cats>=10){
items.cats-=10;
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
console.log('Added '+one+' wolfs');
}else if(one>=two){
items.foxes -= two*5
items.dogs -= two*6
items.wolfs += two
console.log('Added '+two+' wolfs');
}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
console.log('Added '+one+' hams');
}else if(one>=two){
items.wolfs -= two*1
items.cats -= two*2
items.hamsters += two
console.log('Added '+two+' hams');
}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
console.log('Added '+one+' capps');
}else if(one>=two){
items.whales -= two*1
items.cats -= two*4
items.capybaras += two
console.log('Added '+two+' capps');
}else{
console.log('You fucked up you stupid bitch')
}
upload();
}

86
Version - 32/style.css Normal file
View File

@@ -0,0 +1,86 @@
body {
font-size: 15pt;
user-select: none;
padding: 0;
margin: 0;
}
#tycoon{
position: absolute;
width: 100%;
height: 200px;
background: radial-gradient(125% 100% at 50% 0%,#9aff9a 20%,#ffffff 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,#ffffff);*/
}
#logclick{
position: absolute;
width: 100%;
height: 50px;
top: 40px;
left: 50%;
text-align: center;
transform: translate(-50%,0);
}
#disclick{
position: absolute;
width: 100%;
height: 25px;
transform: translate(0%,0);
}
/*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;
}
#delete{
position: absolute;
user-select: none;
top: 100%;
left: 100%;
transform: translate(-50%,0);
}
#reset{
position: absolute;
user-select: none;
width: 69px;
height: 50px;
top: 0%;
right: 0%;
transform: translate(0,-100%);
background-color: #ff0000;
color: #ffffff;
}

14
Version - 32/upgrade.html Normal file
View File

@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
</head>
<body>
</body>
</html>

View File

View File

@@ -31,7 +31,7 @@
</section>
<section class="update">
<h2 class="verze">Version - 4</h2>
<article class="changelog">Losted</article>
<article class="changelog">Lost</article>
</section>
<section class="update">
<h2 class="verze">Version - 5</h2>
@@ -166,15 +166,18 @@
</section>
<section class="update">
<h2 class="verze">Version - 30</h2>
<article class="changelog">I think I deleted them :(</article>
<article class="changelog">Max buy for everything and added capybarras</article>
<a href="./Version - 30/"><button class="play">Play</button></a>
</section>
<section class="update">
<h2 class="verze">Version - 31</h2>
<article class="changelog">I think I deleted them :(</article>
<article class="changelog">I don't know</article>
<a href="./Version - 31/"><button class="play">Play</button></a>
</section>
<section class="update">
<h2 class="verze">Version - 32</h2>
<article class="changelog">I think I deleted them :(</article>
<article class="changelog">First version of Jonathan and deleted the horizontal line in the shop</article>
<a href="./Version - 32/"><button class="play">Play</button></a>
</section>
<section class="update">
<h2 class="verze">Version - 33</h2>