Version - 1 - 1-38
This commit is contained in:
28
Version - 1/index.html
Normal file
28
Version - 1/index.html
Normal file
@@ -0,0 +1,28 @@
|
||||
<!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>HTML</title>
|
||||
|
||||
<!-- HTML -->
|
||||
|
||||
|
||||
<!-- Custom Styles -->
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="button1">
|
||||
<div id="red">
|
||||
red
|
||||
</div>
|
||||
<div id="green">
|
||||
green
|
||||
</div>
|
||||
</div>
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
13
Version - 1/main.js
Normal file
13
Version - 1/main.js
Normal file
@@ -0,0 +1,13 @@
|
||||
window.onload = function(){
|
||||
var red = document.getElementById('red');
|
||||
var green = document.getElementById('green');
|
||||
var button = document.getElementById('button1');
|
||||
button.ontouchstart = function(){
|
||||
red.style.visibility='hidden';
|
||||
green.style.visibility='visible'
|
||||
}
|
||||
button.ontouchend=function(){
|
||||
red.style.visibility='visible';
|
||||
green.style.visibility='hidden'
|
||||
}
|
||||
}
|
||||
24
Version - 1/style.css
Normal file
24
Version - 1/style.css
Normal file
@@ -0,0 +1,24 @@
|
||||
body {
|
||||
font-size: 15pt;
|
||||
user-select: none;
|
||||
}
|
||||
#red{
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: red;
|
||||
|
||||
}
|
||||
#green{
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background: green;
|
||||
visibility: hidden;
|
||||
}
|
||||
#button1{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -50px 0 0 -50px;
|
||||
}
|
||||
30
Version - 10/index.html
Normal file
30
Version - 10/index.html
Normal file
@@ -0,0 +1,30 @@
|
||||
<!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>HTML</title>
|
||||
|
||||
<!-- HTML -->
|
||||
|
||||
<!-- By MrEidamus & Stanislav Chlup -->
|
||||
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="button1">
|
||||
<img src = "https://i.postimg.cc/rdJG75gD/Pressed.png" id="green">
|
||||
<img src = "https://i.postimg.cc/rdcChfG6/Notpressed.png" id="red">
|
||||
</div>
|
||||
<script src="main.js"></script>
|
||||
<p id="clicks"></p>
|
||||
<p id="dogs"></p>
|
||||
<button id="Reset" onclick="reset()">Reset</button>
|
||||
|
||||
<button id="Bog" onclick="dog()">Dog - 100 clicks!</button>
|
||||
<button id="BigBog" onclick="bigdog()">10 dogs - 1000 clicks!</button>
|
||||
</body>
|
||||
</html>
|
||||
96
Version - 10/main.js
Normal file
96
Version - 10/main.js
Normal file
@@ -0,0 +1,96 @@
|
||||
|
||||
window.onload = function(){
|
||||
start();
|
||||
}
|
||||
var count = 0;
|
||||
function start(){
|
||||
if (localStorage.getItem('count')==undefined){
|
||||
count=0;
|
||||
}
|
||||
else{
|
||||
count = localStorage.getItem('count');
|
||||
}
|
||||
|
||||
if (localStorage.getItem('dogs')==undefined){
|
||||
dogs=0;
|
||||
}
|
||||
else{
|
||||
dogs = localStorage.getItem('dogs');
|
||||
}
|
||||
|
||||
document.getElementById('clicks').innerHTML='Congratulation you\'ve clicked ' + count + ' times!';
|
||||
|
||||
document.getElementById('dogs').innerHTML='Congratulations you got ' + dogs + ' dogs!';
|
||||
|
||||
var red = document.getElementById('red');
|
||||
var green = document.getElementById('green');
|
||||
var button = document.getElementById('button1');
|
||||
if (/Android|iPhone/i.test(navigator.userAgent)) {
|
||||
|
||||
button.ontouchstart = function(){
|
||||
count++;
|
||||
localStorage.setItem('count',count);
|
||||
document.getElementById('clicks').innerHTML='Congratulation you\'ve clicked ' + count + ' times!';
|
||||
red.style.visibility='hidden';
|
||||
green.style.visibility='visible';
|
||||
}
|
||||
button.ontouchend = function(){
|
||||
red.style.visibility='visible';
|
||||
green.style.visibility='hidden';
|
||||
}
|
||||
}else{
|
||||
button.onmousedown = function(){
|
||||
console.log('click');
|
||||
count++;
|
||||
localStorage.setItem('count',count);
|
||||
document.getElementById('clicks').innerHTML=
|
||||
'Congratulation you\'ve clicked ' + count + ' times!';
|
||||
|
||||
red.style.visibility='hidden';
|
||||
green.style.visibility='visible';
|
||||
}
|
||||
button.onmouseup = function(){
|
||||
red.style.visibility='visible';
|
||||
green.style.visibility='hidden'
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function reset(){
|
||||
localStorage.removeItem('count');
|
||||
localStorage.removeItem('dogs')
|
||||
alert('Clicks and dogs successfully reseted!')
|
||||
start();
|
||||
}
|
||||
|
||||
var dogs=0;
|
||||
|
||||
function dog(){
|
||||
if(count>=100){
|
||||
count -= 100;
|
||||
dogs++
|
||||
alert('Congratulations you\'ve bought a dog🐕');
|
||||
localStorage.setItem('dogs',dogs);
|
||||
document.getElementById('dogs').innerHTML='Congratulations you got ' + dogs + ' dogs!';
|
||||
}
|
||||
else{
|
||||
alert('You don\' have enough clicks!');
|
||||
alert('Tip: Click the button')
|
||||
}
|
||||
}
|
||||
|
||||
function bigdog(){
|
||||
if(count >=1000){
|
||||
count -= 1000;
|
||||
|
||||
dogs++
|
||||
|
||||
alert('Congratulations you\'ve bought 10 dogs!')
|
||||
localStorage.setItem('dogs' ,dogs);
|
||||
document.getElementById('dogs').innerHTML='Congratulations you got ' + dogs + ' dogs!';
|
||||
}
|
||||
else{
|
||||
alert('You don\'t have enough click! Try clicking the button');
|
||||
}
|
||||
}
|
||||
42
Version - 10/style.css
Normal file
42
Version - 10/style.css
Normal file
@@ -0,0 +1,42 @@
|
||||
body {
|
||||
font-size: 15pt;
|
||||
}
|
||||
#red{
|
||||
position: absolute;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
|
||||
|
||||
}
|
||||
#green{
|
||||
position: absolute;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
visibility: hidden;
|
||||
}
|
||||
#button1{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -150px 0 0 -150px;
|
||||
}
|
||||
#Reset{
|
||||
user-select: none;
|
||||
width: 75px;
|
||||
height: 50px;
|
||||
background-color: darkred;
|
||||
color: #ffffff;
|
||||
}
|
||||
#Bog{
|
||||
user-select: none;
|
||||
width: 110px;
|
||||
height: 50px;
|
||||
background-color: wheat;
|
||||
}
|
||||
#BigBog{
|
||||
user-select: none;
|
||||
width: 135px;
|
||||
height: 50px;
|
||||
background-color: wheat;
|
||||
}
|
||||
29
Version - 11/index.html
Normal file
29
Version - 11/index.html
Normal file
@@ -0,0 +1,29 @@
|
||||
<!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>HTML</title>
|
||||
|
||||
<!-- HTML -->
|
||||
|
||||
<!-- By MrEidamus & Stanislav Chlup -->
|
||||
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="button1">
|
||||
<img src = 'https://i.postimg.cc/rdcChfG6/Notpressed.png' id="unpressed">
|
||||
<img src = "https://i.postimg.cc/rdJG75gD/Pressed.png" id="pressed">
|
||||
</div>
|
||||
<script src="main.js"></script>
|
||||
<p id="clicks"></p>
|
||||
<button id="reset" onclick="game.reset()">Reset</button>
|
||||
|
||||
<button id="buydog" onclick="game.dog()">Buy a dog for 100 clicks!</button>
|
||||
<button id="buycat" onclick="game.cat()">Buy a cat for 20 dogs!</button>
|
||||
</body>
|
||||
</html>
|
||||
59
Version - 11/main.js
Normal file
59
Version - 11/main.js
Normal file
@@ -0,0 +1,59 @@
|
||||
var items = {
|
||||
clicks: 0,
|
||||
dogs: 0,
|
||||
cats: 0,
|
||||
};
|
||||
|
||||
var user = {
|
||||
device: function(){return (/Android|iPhone/i.test(navigator.userAgent));},/* true for mobiles */
|
||||
|
||||
setkeys: function(){
|
||||
if(user.device()){
|
||||
document.getElementById('button1').ontouchstart=function(){button.press()};document.getElementById('button1').ontouchend=function(){button.unpress()}
|
||||
}else{document.getElementById('button1').onmousedown=function(){button.press()};document.getElementById('button1').onmouseup=function(){button.unpress()};};},
|
||||
|
||||
};
|
||||
|
||||
var button = {
|
||||
|
||||
press: function(){
|
||||
game.click();
|
||||
document.getElementById('unpressed').style.visibility = 'hidden';
|
||||
document.getElementById('pressed').style.visibility = 'visible';
|
||||
},
|
||||
|
||||
unpress: function(){
|
||||
document.getElementById('unpressed').style.visibility = 'visible';
|
||||
document.getElementById('pressed').style.visibility = 'hidden';
|
||||
},
|
||||
};
|
||||
|
||||
var ui = {
|
||||
updateitems: function(){document.getElementById('clicks').innerHTML='clicks: ' + items.clicks + ', ' + ' dogs: ' + items.dogs + ', ' + 'cats: ' + items.cats;
|
||||
localStorage.setItem('items',JSON.stringify(items))}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
var game = {
|
||||
loaditems: function(){
|
||||
items = JSON.parse(localStorage.getItem('items'));
|
||||
},
|
||||
|
||||
reset: function(){if(confirm('are you sure you want to reset all your progress')){items={clicks: 0,dogs: 0,cats: 0,};ui.updateitems();}},
|
||||
|
||||
click: function(){items.clicks+=1;ui.updateitems();},
|
||||
|
||||
dog: function(){if(items.clicks>=100){items.dogs+=1;items.clicks-=100;ui.updateitems();}},
|
||||
|
||||
cat: function(){if(items.dogs>=20){items.cats+=1;items.dogs-=20;ui.updateitems();}},
|
||||
};
|
||||
|
||||
window.onload = function(){
|
||||
user.setkeys();
|
||||
|
||||
if (localStorage.getItem('items')!=null){game.loaditems();};
|
||||
|
||||
ui.updateitems();
|
||||
};
|
||||
42
Version - 11/style.css
Normal file
42
Version - 11/style.css
Normal file
@@ -0,0 +1,42 @@
|
||||
body {
|
||||
font-size: 15pt;
|
||||
}
|
||||
#unpressed{
|
||||
position: absolute;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
|
||||
|
||||
}
|
||||
#pressed{
|
||||
position: absolute;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
visibility: hidden;
|
||||
}
|
||||
#button1{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -150px 0 0 -150px;
|
||||
}
|
||||
#reset{
|
||||
user-select: none;
|
||||
width: 75px;
|
||||
height: 50px;
|
||||
background-color: darkred;
|
||||
color: #ffffff;
|
||||
}
|
||||
#buydog{
|
||||
user-select: none;
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
background-color: wheat;
|
||||
}
|
||||
#buycat{
|
||||
user-select: none;
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
background-color: darkgray;
|
||||
}
|
||||
15
Version - 14/Add.txt
Normal file
15
Version - 14/Add.txt
Normal file
@@ -0,0 +1,15 @@
|
||||
click.offline.make
|
||||
max 5 hour
|
||||
|
||||
BuyDog dog.log clicks/s
|
||||
|
||||
1 dog = 0.01 clicks/s
|
||||
1 cat = 1 clicks/s
|
||||
1 hamster = 100 c/s
|
||||
1 girrafe = 10 000 c/s
|
||||
|
||||
1 citronovník = 30 lemons/h
|
||||
|
||||
reset all.clicks
|
||||
|
||||
36,7% k 10 citronum že vyroste citronovník
|
||||
36
Version - 14/index.html
Normal file
36
Version - 14/index.html
Normal file
@@ -0,0 +1,36 @@
|
||||
<!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>HTML</title>
|
||||
|
||||
<!-- By MrEidamus & Stanislav Chlup -->
|
||||
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="Clicks">
|
||||
<p id="logclicks"></p>
|
||||
</div>
|
||||
<div id="button1">
|
||||
<img src = 'https://i.postimg.cc/9Rs0vWFF/Nezm-kl.png' id="unpressed">
|
||||
<img src = "https://i.postimg.cc/NLr5Rrpy/Zm-kl.png" id="pressed">
|
||||
</div>
|
||||
<script src="main.js"></script>
|
||||
<div id="dog">
|
||||
<p id="logdog"></p>
|
||||
<button id="buydog" onclick="game.dog()">Buy a dog for 100 clicks!</button>
|
||||
</div>
|
||||
<div id="cat">
|
||||
<button id="buycat" onclick="game.cat()">Buy a cat for 20 dogs!</button>
|
||||
</div>
|
||||
<div id="delete">
|
||||
<button id="reset" onclick="game.reset()">Reset</button>
|
||||
</div>
|
||||
<button id="percent" onclick="game.percents()">1x</button>
|
||||
</body>
|
||||
</html>
|
||||
64
Version - 14/main.js
Normal file
64
Version - 14/main.js
Normal file
@@ -0,0 +1,64 @@
|
||||
var items = {
|
||||
clicks: 0,
|
||||
dogs: 0,
|
||||
cats: 0,
|
||||
lemons: 0,
|
||||
};
|
||||
|
||||
var user = {
|
||||
device: function(){return (/Android|iPhone/i.test(navigator.userAgent));},/* true for mobiles */
|
||||
|
||||
setkeys: function(){
|
||||
if(user.device()){
|
||||
document.getElementById('button1').ontouchstart=function(){button.press()};document.getElementById('button1').ontouchend=function(){button.unpress()}
|
||||
}else{document.getElementById('button1').onmousedown=function(){button.press()};document.getElementById('button1').onmouseup=function(){button.unpress()};};},
|
||||
|
||||
};
|
||||
|
||||
var button = {
|
||||
|
||||
press: function(){
|
||||
game.click();
|
||||
document.getElementById('unpressed').style.visibility = 'hidden';
|
||||
document.getElementById('pressed').style.visibility = 'visible';
|
||||
},
|
||||
|
||||
unpress: function(){
|
||||
document.getElementById('unpressed').style.visibility = 'visible';
|
||||
document.getElementById('pressed').style.visibility = 'hidden';
|
||||
},
|
||||
};
|
||||
|
||||
var ui = {
|
||||
updateitems: function(){
|
||||
document.getElementById('logdog').innerHTML='Dogs: ' + items.dogs;
|
||||
localStorage.setItem('items',JSON.stringify(items))
|
||||
|
||||
document.getElementById('logclicks').innerHTML='Clicks: ' + items.clicks;
|
||||
localStorage.setItem('items',JSON.stringify(items))
|
||||
}
|
||||
}
|
||||
|
||||
var game = {
|
||||
loaditems: function(){
|
||||
items = JSON.parse(localStorage.getItem('items'));
|
||||
},
|
||||
|
||||
reset: function(){if(confirm('Are you sure you want to reset all your progress?')){items={clicks: 0,dogs: 0,cats: 0,lemons: 0,};ui.updateitems();}},
|
||||
|
||||
click: function(){items.clicks+=1;ui.updateitems();},
|
||||
|
||||
dog: function(){if(items.clicks>=100){items.dogs+=1;items.clicks-=100;ui.updateitems();}},
|
||||
|
||||
cat: function(){if(items.dogs>=10){items.cats+=1;items.dogs-=10;ui.updateitems();}},
|
||||
|
||||
lemon: function(){if(items.cats>=5){items.lemons+=1;items.cats-=5;ui.updateitems();}},
|
||||
};
|
||||
|
||||
window.onload = function(){
|
||||
user.setkeys();
|
||||
|
||||
if (localStorage.getItem('items')!=null){game.loaditems();};
|
||||
|
||||
ui.updateitems();
|
||||
};
|
||||
72
Version - 14/style.css
Normal file
72
Version - 14/style.css
Normal file
@@ -0,0 +1,72 @@
|
||||
body {
|
||||
font-size: 15pt;
|
||||
}
|
||||
#unpressed{
|
||||
position: absolute;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
}
|
||||
#pressed{
|
||||
position: absolute;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
visibility: hidden;
|
||||
}
|
||||
#button1{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
top: 69px;
|
||||
left: 50%;
|
||||
margin: 0 0 0 -150px;
|
||||
}
|
||||
#reset{
|
||||
user-select: none;
|
||||
width: 75px;
|
||||
height: 50px;
|
||||
background-color: darkred;
|
||||
color: #ffffff;
|
||||
}
|
||||
#buydog{
|
||||
user-select: none;
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
background-color: wheat;
|
||||
}
|
||||
#buycat{
|
||||
user-select: none;
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
background-color: darkgray;
|
||||
}
|
||||
#dog{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
top: 400px
|
||||
}
|
||||
#cat{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
top: 520px;
|
||||
}
|
||||
#delete{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
top: 1000px;
|
||||
}
|
||||
#percent{
|
||||
user-select: none;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
}
|
||||
#Clicks{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
height: 20px;
|
||||
width: 200px;
|
||||
top: 10px;
|
||||
left: 50%;
|
||||
margin: 0 0 0 -100px;
|
||||
}
|
||||
15
Version - 15/Add.txt
Normal file
15
Version - 15/Add.txt
Normal file
@@ -0,0 +1,15 @@
|
||||
click.offline.make
|
||||
max 5 hour
|
||||
|
||||
BuyDog dog.log clicks/s
|
||||
|
||||
1 dog = 0.01 clicks/s
|
||||
1 cat = 1 clicks/s
|
||||
1 hamster = 100 c/s
|
||||
1 girrafe = 10 000 c/s
|
||||
|
||||
1 citronovník = 30 lemons/h
|
||||
|
||||
reset all.clicks
|
||||
|
||||
36,7% k 10 citronum že vyroste citronovník
|
||||
16
Version - 15/devlog.txt
Normal file
16
Version - 15/devlog.txt
Normal file
@@ -0,0 +1,16 @@
|
||||
|
||||
|
||||
|
||||
|
||||
v. 15
|
||||
- added comments making code more readeble
|
||||
- id of paragraph showing items must be same as item name in items object if not error can occur
|
||||
- orgenised code in logic order (as example look at css & html)
|
||||
- ui.updateitems function made working on every item in items object
|
||||
- added lemons as new item now four total (including clicks)
|
||||
- separated buy item functions from game object now are in buy object
|
||||
- added setup function to game object to clean up window.onload function
|
||||
|
||||
|
||||
|
||||
|
||||
68
Version - 15/index.html
Normal file
68
Version - 15/index.html
Normal file
@@ -0,0 +1,68 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>BRB clicker</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!-- By MrEidamus & Stanislav Chlup -->
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- reset progress -->
|
||||
<div id="delete">
|
||||
<button id="reset" onclick="game.reset()">Reset</button>
|
||||
</div>
|
||||
|
||||
<!-- percent button -->
|
||||
<button id="percent" onclick="game.percents()">
|
||||
1x
|
||||
</button>
|
||||
|
||||
<!-- B.R.B. (big red button) -->
|
||||
<div id="button">
|
||||
<img src = 'https://i.postimg.cc/9Rs0vWFF/Nezm-kl.png' id="unpressed">
|
||||
<img src = "https://i.postimg.cc/NLr5Rrpy/Zm-kl.png" id="pressed">
|
||||
</div>
|
||||
|
||||
<!-- clicks logging -->
|
||||
<div id="clicks">
|
||||
<p id="logclicks"></p>
|
||||
</div>
|
||||
|
||||
<!-- item sections -->
|
||||
<!-- dogs -->
|
||||
<div id="dog">
|
||||
<p id="logdogs"></p>
|
||||
<button id="buydog" onclick="buy.dog()">
|
||||
Buy a dog for 100 clicks!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- cats -->
|
||||
<div id="cat">
|
||||
<p id="logcats"></p>
|
||||
<button id="buycat" onclick="buy.cat()">
|
||||
Buy a cat for 20 dogs!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- lemons -->
|
||||
<div id="lemon">
|
||||
<p id="loglemons"></p>
|
||||
<button id="buylemon" onclick="buy.lemon()">
|
||||
Buy a lemon for ? cats!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- script -->
|
||||
<script src="main.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
59
Version - 15/main.js
Normal file
59
Version - 15/main.js
Normal file
@@ -0,0 +1,59 @@
|
||||
|
||||
window.onload = function(){
|
||||
game.setup();
|
||||
};
|
||||
|
||||
// items
|
||||
var items = {
|
||||
clicks: 0,
|
||||
dogs: 0,
|
||||
cats: 0,
|
||||
lemons: 0,
|
||||
};
|
||||
|
||||
// device
|
||||
var user = {
|
||||
device: function(){return (/Android|iPhone/i.test(navigator.userAgent));},/* true for mobiles */
|
||||
|
||||
setkeys: function(){
|
||||
if(user.device()){
|
||||
document.getElementById('button').ontouchstart=function(){button.press()};document.getElementById('button').ontouchend=function(){button.unpress()}
|
||||
}else{document.getElementById('button').onmousedown=function(){button.press()};document.getElementById('button').onmouseup=function(){button.unpress()};};},
|
||||
|
||||
};
|
||||
|
||||
//user interface
|
||||
var ui = {
|
||||
updateitems: function(){
|
||||
for (let name in items) {
|
||||
document.getElementById('log'+name).innerHTML = name + ': ' + items[name];
|
||||
}
|
||||
localStorage.setItem('items', JSON.stringify(items))
|
||||
},
|
||||
}
|
||||
|
||||
// BRB
|
||||
var button = {
|
||||
press: function(){game.click();document.getElementById('unpressed').style.visibility = 'hidden';document.getElementById('pressed').style.visibility = 'visible';},
|
||||
unpress: function(){document.getElementById('unpressed').style.visibility = 'visible';document.getElementById('pressed').style.visibility = 'hidden';},
|
||||
};
|
||||
|
||||
// game functions
|
||||
var game = {
|
||||
loaditems: function(){items = JSON.parse(localStorage.getItem('items'));},
|
||||
|
||||
reset: function(){if(confirm('Are you sure you want to reset all your progress?')){items={clicks: 0,dogs: 0,cats: 0,lemons: 0,};ui.updateitems();}},
|
||||
|
||||
setup: function(){user.setkeys();if (localStorage.getItem('items')!=null){game.loaditems();};ui.updateitems();},
|
||||
|
||||
click: function(){items.clicks+=1;ui.updateitems();},
|
||||
};
|
||||
|
||||
// buy item functions
|
||||
var buy = {
|
||||
dog: function(){if(items.clicks>=100){items.dogs+=1;items.clicks-=100;ui.updateitems();}},
|
||||
|
||||
cat: function(){if(items.dogs>=10){items.cats+=1;items.dogs-=10;ui.updateitems();}},
|
||||
|
||||
lemon: function(){if(items.cats>=5){items.lemons+=1;items.cats-=5;ui.updateitems();}},
|
||||
}
|
||||
99
Version - 15/style.css
Normal file
99
Version - 15/style.css
Normal file
@@ -0,0 +1,99 @@
|
||||
body {
|
||||
font-size: 15pt;
|
||||
}
|
||||
/* reset */
|
||||
#reset{
|
||||
user-select: none;
|
||||
width: 75px;
|
||||
height: 50px;
|
||||
background-color: darkred;
|
||||
color: #ffffff;
|
||||
}
|
||||
#delete{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
top: 1000px;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
/* percent */
|
||||
#percent{
|
||||
user-select: none;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
/*BRB*/
|
||||
#unpressed{
|
||||
position: absolute;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
}
|
||||
#pressed{
|
||||
position: absolute;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
visibility: hidden;
|
||||
}
|
||||
#button{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
top: 69px;
|
||||
left: 50%;
|
||||
margin: 0 0 0 -150px;
|
||||
}
|
||||
|
||||
/* items */
|
||||
|
||||
/* click */
|
||||
#clicks{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
height: 20px;
|
||||
width: 200px;
|
||||
top: 10px;
|
||||
left: 50%;
|
||||
margin: 0 0 0 -100px;
|
||||
}
|
||||
|
||||
/* dog */
|
||||
#dog{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
top: 400px;
|
||||
}
|
||||
#buydog{
|
||||
user-select: none;
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
background-color: wheat;
|
||||
}
|
||||
|
||||
/* cat */
|
||||
#cat{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
top: 525px;
|
||||
}
|
||||
#buycat{
|
||||
user-select: none;
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
background-color: darkgray;
|
||||
}
|
||||
|
||||
/* lemon */
|
||||
#lemon{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
top: 650px;
|
||||
}
|
||||
#buylemon{
|
||||
user-select: none;
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
background-color: yellow;
|
||||
}
|
||||
17
Version - 16/Add.txt
Normal file
17
Version - 16/Add.txt
Normal file
@@ -0,0 +1,17 @@
|
||||
click.offline.make
|
||||
max 5 hour
|
||||
|
||||
BuyDog dog.log clicks/s
|
||||
|
||||
1 dog = 1 clicks/s
|
||||
1 cat = 100 clicks/s
|
||||
1 hamster = 10 000 c/s
|
||||
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
|
||||
16
Version - 16/devlog.txt
Normal file
16
Version - 16/devlog.txt
Normal file
@@ -0,0 +1,16 @@
|
||||
|
||||
|
||||
|
||||
|
||||
v. 15
|
||||
- added comments making code more readeble
|
||||
- id of paragraph showing items must be same as item name in items object if not error can occur
|
||||
- orgenised code in logic order (as example look at css & html)
|
||||
- ui.updateitems function made working on every item in items object
|
||||
- added lemons as new item now four total (including clicks)
|
||||
- separated buy item functions from game object now are in buy object
|
||||
- added setup function to game object to clean up window.onload function
|
||||
|
||||
|
||||
|
||||
|
||||
68
Version - 16/index.html
Normal file
68
Version - 16/index.html
Normal file
@@ -0,0 +1,68 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>BRB clicker</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!-- By MrEidamus & Stanislav Chlup -->
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- reset progress -->
|
||||
<div id="delete">
|
||||
<button id="reset" onclick="game.reset()">Reset</button>
|
||||
</div>
|
||||
|
||||
<!-- percent button -->
|
||||
<button id="percent" onclick="game.percents()">
|
||||
1x
|
||||
</button>
|
||||
|
||||
<!-- B.R.B. (big red button) -->
|
||||
<div id="button">
|
||||
<img src = 'https://i.postimg.cc/9Rs0vWFF/Nezm-kl.png' id="unpressed">
|
||||
<img src = "https://i.postimg.cc/NLr5Rrpy/Zm-kl.png" id="pressed">
|
||||
</div>
|
||||
|
||||
<!-- clicks logging -->
|
||||
<div id="clicks">
|
||||
<p id="logclicks"></p>
|
||||
</div>
|
||||
|
||||
<!-- item sections -->
|
||||
<!-- dogs -->
|
||||
<div id="dog">
|
||||
<p id="logdogs"></p>
|
||||
<button id="buydog" onclick="buy.dog()">
|
||||
Buy a dog for 100 clicks!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- cats -->
|
||||
<div id="cat">
|
||||
<p id="logcats"></p>
|
||||
<button id="buycat" onclick="buy.cat()">
|
||||
Buy a cat for 10 dogs!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- lemons -->
|
||||
<div id="lemon">
|
||||
<p id="loglemons"></p>
|
||||
<button id="buylemon" onclick="buy.lemon()">
|
||||
Buy a lemon for ? cats!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- script -->
|
||||
<script src="main.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
59
Version - 16/main.js
Normal file
59
Version - 16/main.js
Normal file
@@ -0,0 +1,59 @@
|
||||
window.onload = function(){
|
||||
game.setup();
|
||||
};
|
||||
|
||||
// items
|
||||
var items = {
|
||||
clicks: 0,
|
||||
dogs: 0,
|
||||
cats: 0,
|
||||
lemons: 0,
|
||||
|
||||
};
|
||||
|
||||
// device
|
||||
var user = {
|
||||
device: function(){return (/Android|iPhone/i.test(navigator.userAgent));},/* true for mobiles */
|
||||
|
||||
setkeys: function(){
|
||||
if(user.device()){
|
||||
document.getElementById('button').ontouchstart=function(){button.press()};document.getElementById('button').ontouchend=function(){button.unpress()}
|
||||
}else{document.getElementById('button').onmousedown=function(){button.press()};document.getElementById('button').onmouseup=function(){button.unpress()};};},
|
||||
|
||||
};
|
||||
|
||||
//user interface
|
||||
var ui = {
|
||||
updateitems: function(){
|
||||
for (let name in items) {
|
||||
document.getElementById('log'+name).innerHTML ='You have ' + name + ': ' + items[name];
|
||||
}
|
||||
localStorage.setItem('items', JSON.stringify(items))
|
||||
},
|
||||
}
|
||||
|
||||
// BRB
|
||||
var button = {
|
||||
press: function(){game.click();document.getElementById('unpressed').style.visibility = 'hidden';document.getElementById('pressed').style.visibility = 'visible';},
|
||||
unpress: function(){document.getElementById('unpressed').style.visibility = 'visible';document.getElementById('pressed').style.visibility = 'hidden';},
|
||||
};
|
||||
|
||||
// game functions
|
||||
var game = {
|
||||
loaditems: function(){items = JSON.parse(localStorage.getItem('items'));},
|
||||
|
||||
reset: function(){if(confirm('Are you sure you want to reset all your progress?')){items={clicks: 0,dogs: 0,cats: 0,lemons: 0,};ui.updateitems();}},
|
||||
|
||||
setup: function(){user.setkeys();if (localStorage.getItem('items')!=null){game.loaditems();};ui.updateitems();},
|
||||
|
||||
click: function(){items.clicks+=1;ui.updateitems();},
|
||||
};
|
||||
|
||||
// buy item functions
|
||||
var buy = {
|
||||
dog: function(){if(items.clicks>=100){items.dogs+=1;items.clicks-=100;ui.updateitems();}},
|
||||
|
||||
cat: function(){if(items.dogs>=10){items.cats+=1;items.dogs-=10;ui.updateitems();}},
|
||||
|
||||
lemon: function(){if(items.cats>=5){items.lemons+=1;items.cats-=5;ui.updateitems();}},
|
||||
}
|
||||
117
Version - 16/style.css
Normal file
117
Version - 16/style.css
Normal file
@@ -0,0 +1,117 @@
|
||||
body {
|
||||
font-size: 15pt;
|
||||
}
|
||||
/* reset */
|
||||
#reset{
|
||||
user-select: none;
|
||||
width: 75px;
|
||||
height: 50px;
|
||||
background-color: darkred;
|
||||
color: #ffffff;
|
||||
}
|
||||
#delete{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
top: 1000px;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
/* percent */
|
||||
#percent{
|
||||
user-select: none;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
/*BRB*/
|
||||
#unpressed{
|
||||
position: absolute;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
}
|
||||
#pressed{
|
||||
position: absolute;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
visibility: hidden;
|
||||
}
|
||||
#button{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
top: 69px;
|
||||
left: 50%;
|
||||
margin: 0 0 0 -150px;
|
||||
}
|
||||
|
||||
/* items */
|
||||
|
||||
|
||||
/* click */
|
||||
#clicks{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
height: 20px;
|
||||
width: 200px;
|
||||
top: 10px;
|
||||
left: 50%;
|
||||
margin: 0 0 0 -100px;
|
||||
}
|
||||
|
||||
/* dog */
|
||||
#dog{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
top: 400px;
|
||||
}
|
||||
#buydog{
|
||||
user-select: none;
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
background-color: wheat;
|
||||
}
|
||||
#logdogs{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
top: -5px;
|
||||
left: 190px;
|
||||
}
|
||||
|
||||
/* cat */
|
||||
#cat{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
top: 525px;
|
||||
}
|
||||
#buycat{
|
||||
user-select: none;
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
background-color: darkgray;
|
||||
}
|
||||
#logcats{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
top: -5px;
|
||||
left: 190px;
|
||||
}
|
||||
/* lemon */
|
||||
#lemon{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
top: 650px;
|
||||
}
|
||||
#buylemon{
|
||||
user-select: none;
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
background-color: yellow;
|
||||
}
|
||||
#loglemons {
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
top: -5px;
|
||||
left: 190px;
|
||||
}
|
||||
17
Version - 17/Add.txt
Normal file
17
Version - 17/Add.txt
Normal file
@@ -0,0 +1,17 @@
|
||||
click.offline.make
|
||||
max 5 hour
|
||||
|
||||
BuyDog dog.log clicks/s
|
||||
|
||||
1 dog = 1 clicks/s
|
||||
1 cat = 100 clicks/s
|
||||
1 hamster = 10 000 c/s
|
||||
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
|
||||
16
Version - 17/devlog.txt
Normal file
16
Version - 17/devlog.txt
Normal file
@@ -0,0 +1,16 @@
|
||||
|
||||
|
||||
|
||||
|
||||
v. 15
|
||||
- added comments making code more readeble
|
||||
- id of paragraph showing items must be same as item name in items object if not error can occur
|
||||
- orgenised code in logic order (as example look at css & html)
|
||||
- ui.updateitems function made working on every item in items object
|
||||
- added lemons as new item now four total (including clicks)
|
||||
- separated buy item functions from game object now are in buy object
|
||||
- added setup function to game object to clean up window.onload function
|
||||
|
||||
|
||||
|
||||
|
||||
68
Version - 17/index.html
Normal file
68
Version - 17/index.html
Normal file
@@ -0,0 +1,68 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>BRB clicker</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!-- By MrEidamus & Stanislav Chlup -->
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- reset progress -->
|
||||
<div id="delete">
|
||||
<button id="reset" onclick="game.reset()">Reset</button>
|
||||
</div>
|
||||
|
||||
<!-- percent button -->
|
||||
<button id="percent" onclick="game.percents()">
|
||||
1x
|
||||
</button>
|
||||
|
||||
<!-- B.R.B. (big red button) -->
|
||||
<div id="button">
|
||||
<img src = 'https://i.postimg.cc/9Rs0vWFF/Nezm-kl.png' id="unpressed">
|
||||
<img src = "https://i.postimg.cc/NLr5Rrpy/Zm-kl.png" id="pressed">
|
||||
</div>
|
||||
|
||||
<!-- clicks logging -->
|
||||
<div id="clicks">
|
||||
<p id="logclicks"></p>
|
||||
</div>
|
||||
|
||||
<!-- item sections -->
|
||||
<!-- dogs -->
|
||||
<div id="dog">
|
||||
<p id="logdogs"></p>
|
||||
<button id="buydog" onclick="buy.dog()">
|
||||
Buy a dog for 100 clicks!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- cats -->
|
||||
<div id="cat">
|
||||
<p id="logcats"></p>
|
||||
<button id="buycat" onclick="buy.cat()">
|
||||
Buy a cat for 10 dogs!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- lemons -->
|
||||
<div id="lemon">
|
||||
<p id="loglemons"></p>
|
||||
<button id="buylemon" onclick="buy.lemon()">
|
||||
Buy a lemon for ? cats!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- script -->
|
||||
<script src="main.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
59
Version - 17/main.js
Normal file
59
Version - 17/main.js
Normal file
@@ -0,0 +1,59 @@
|
||||
window.onload = function(){
|
||||
game.setup();
|
||||
};
|
||||
|
||||
// items
|
||||
var items = {
|
||||
clicks: 0,
|
||||
dogs: 0,
|
||||
cats: 0,
|
||||
lemons: 0,
|
||||
|
||||
};
|
||||
|
||||
// device
|
||||
var user = {
|
||||
device: function(){return (/Android|iPhone/i.test(navigator.userAgent));},/* true for mobiles */
|
||||
|
||||
setkeys: function(){
|
||||
if(user.device()){
|
||||
document.getElementById('button').ontouchstart=function(){button.press()};document.getElementById('button').ontouchend=function(){button.unpress()}
|
||||
}else{document.getElementById('button').onmousedown=function(){button.press()};document.getElementById('button').onmouseup=function(){button.unpress()};};},
|
||||
|
||||
};
|
||||
|
||||
//user interface
|
||||
var ui = {
|
||||
updateitems: function(){
|
||||
for (let name in items) {
|
||||
document.getElementById('log'+name).innerHTML ='You have ' + name + ': ' + items[name];
|
||||
}
|
||||
localStorage.setItem('items', JSON.stringify(items))
|
||||
},
|
||||
}
|
||||
|
||||
// BRB
|
||||
var button = {
|
||||
press: function(){game.click();document.getElementById('unpressed').style.visibility = 'hidden';document.getElementById('pressed').style.visibility = 'visible';},
|
||||
unpress: function(){document.getElementById('unpressed').style.visibility = 'visible';document.getElementById('pressed').style.visibility = 'hidden';},
|
||||
};
|
||||
|
||||
// game functions
|
||||
var game = {
|
||||
loaditems: function(){items = JSON.parse(localStorage.getItem('items'));},
|
||||
|
||||
reset: function(){if(confirm('Are you sure you want to reset all your progress?')){items={clicks: 0,dogs: 0,cats: 0,lemons: 0,};ui.updateitems();}},
|
||||
|
||||
setup: function(){user.setkeys();if (localStorage.getItem('items')!=null){game.loaditems();};ui.updateitems();},
|
||||
|
||||
click: function(){items.clicks+=1;ui.updateitems();},
|
||||
};
|
||||
|
||||
// buy item functions
|
||||
var buy = {
|
||||
dog: function(){if(items.clicks>=100){items.dogs+=1;items.clicks-=100;ui.updateitems();}},
|
||||
|
||||
cat: function(){if(items.dogs>=10){items.cats+=1;items.dogs-=10;ui.updateitems();}},
|
||||
|
||||
lemon: function(){if(items.cats>=5){items.lemons+=1;items.cats-=5;ui.updateitems();}},
|
||||
}
|
||||
117
Version - 17/style.css
Normal file
117
Version - 17/style.css
Normal file
@@ -0,0 +1,117 @@
|
||||
body {
|
||||
font-size: 15pt;
|
||||
user-select: none;
|
||||
}
|
||||
/* reset */
|
||||
#reset{
|
||||
user-select: none;
|
||||
width: 75px;
|
||||
height: 50px;
|
||||
background-color: darkred;
|
||||
color: #ffffff;
|
||||
}
|
||||
#delete{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
top: 1000px;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
/* percent */
|
||||
#percent{
|
||||
user-select: none;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
/*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: 69px;
|
||||
left: 50%;
|
||||
margin: 0 0 0 -150px;
|
||||
border-radius: 150px;
|
||||
}
|
||||
|
||||
/* items */
|
||||
|
||||
|
||||
/* click */
|
||||
#clicks{
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
height: 20px;
|
||||
width: 400px;
|
||||
top: 10px;
|
||||
left: 50%;
|
||||
margin: 0 0 0 -200px;
|
||||
}
|
||||
|
||||
/* dog */
|
||||
#dog{
|
||||
position: absolute;
|
||||
top: 400px;
|
||||
}
|
||||
#buydog{
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
background-color: wheat;
|
||||
border-radius: 20px;
|
||||
}
|
||||
#logdogs{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
top: -5px;
|
||||
left: 190px;
|
||||
}
|
||||
|
||||
/* cat */
|
||||
#cat{
|
||||
position: absolute;
|
||||
top: 525px;
|
||||
}
|
||||
#buycat{
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
background-color: darkgray;
|
||||
border-radius: 20px;
|
||||
}
|
||||
#logcats{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
top: -5px;
|
||||
left: 190px;
|
||||
}
|
||||
/* lemon */
|
||||
#lemon{
|
||||
position: absolute;
|
||||
top: 650px;
|
||||
}
|
||||
#buylemon{
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
background-color: yellow;
|
||||
border-radius: 20px;
|
||||
}
|
||||
#loglemons {
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
top: -5px;
|
||||
left: 190px;
|
||||
}
|
||||
17
Version - 18/Add.txt
Normal file
17
Version - 18/Add.txt
Normal file
@@ -0,0 +1,17 @@
|
||||
click.offline.make
|
||||
max 5 hour
|
||||
|
||||
BuyDog dog.log clicks/s
|
||||
|
||||
1 dog = 1 clicks/s
|
||||
1 cat = 100 clicks/s
|
||||
1 hamster = 10 000 c/s
|
||||
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
|
||||
16
Version - 18/devlog.txt
Normal file
16
Version - 18/devlog.txt
Normal file
@@ -0,0 +1,16 @@
|
||||
|
||||
|
||||
|
||||
|
||||
v. 15
|
||||
- added comments making code more readeble
|
||||
- id of paragraph showing items must be same as item name in items object if not error can occur
|
||||
- orgenised code in logic order (as example look at css & html)
|
||||
- ui.updateitems function made working on every item in items object
|
||||
- added lemons as new item now four total (including clicks)
|
||||
- separated buy item functions from game object now are in buy object
|
||||
- added setup function to game object to clean up window.onload function
|
||||
|
||||
|
||||
|
||||
|
||||
75
Version - 18/index.html
Normal file
75
Version - 18/index.html
Normal file
@@ -0,0 +1,75 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>BRB clicker</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!-- By MrEidamus & Stanislav Chlup -->
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- reset progress -->
|
||||
<div id="delete">
|
||||
<button id="reset" onclick="game.reset()">Reset</button>
|
||||
</div>
|
||||
|
||||
<!-- percent button -->
|
||||
<button id="percent" onclick="game.percents()">
|
||||
1x
|
||||
</button>
|
||||
|
||||
<!-- B.R.B. (big red button) -->
|
||||
<div id="button">
|
||||
<img src = 'https://i.postimg.cc/9Rs0vWFF/Nezm-kl.png' id="unpressed">
|
||||
<img src = "https://i.postimg.cc/NLr5Rrpy/Zm-kl.png" id="pressed">
|
||||
</div>
|
||||
|
||||
<!-- clicks logging -->
|
||||
<div id="clicks">
|
||||
<p id="logclicks"></p>
|
||||
</div>
|
||||
|
||||
<!-- item sections -->
|
||||
|
||||
<!-- dogs -->
|
||||
<div id="dog">
|
||||
<p id="logdogs"></p>
|
||||
<button id="buydog" onclick="buy.dog()">
|
||||
Buy a dog for 100 clicks!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- cats -->
|
||||
<div id="cat">
|
||||
<p id="logcats"></p>
|
||||
<button id="buycat" onclick="buy.cat()">
|
||||
Buy a cat for 10 dogs!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- lemons -->
|
||||
<div id="lemon">
|
||||
<p id="loglemons"></p>
|
||||
<button id="buylemon" onclick="buy.lemon()">
|
||||
Buy a lemon for ? cats!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- foxes -->
|
||||
<div id="fox">
|
||||
<p id="logfoxes"></p>
|
||||
<button id="buyfox" onclick="buy.fox()">
|
||||
Buy a fox for 15 dogs!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- script -->
|
||||
<script src="main.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
62
Version - 18/main.js
Normal file
62
Version - 18/main.js
Normal file
@@ -0,0 +1,62 @@
|
||||
window.onload = function(){
|
||||
game.setup();
|
||||
};
|
||||
|
||||
// items
|
||||
var items = {
|
||||
clicks: 0,
|
||||
dogs: 0,
|
||||
cats: 0,
|
||||
lemons: 0,
|
||||
foxes: 0,
|
||||
|
||||
};
|
||||
|
||||
// device
|
||||
var user = {
|
||||
device: function(){return (/Android|iPhone/i.test(navigator.userAgent));},/* true for mobiles */
|
||||
|
||||
setkeys: function(){
|
||||
if(user.device()){
|
||||
document.getElementById('button').ontouchstart=function(){button.press()};document.getElementById('button').ontouchend=function(){button.unpress()}
|
||||
}else{document.getElementById('button').onmousedown=function(){button.press()};document.getElementById('button').onmouseup=function(){button.unpress()};};},
|
||||
|
||||
};
|
||||
|
||||
//user interface
|
||||
var ui = {
|
||||
updateitems: function(){
|
||||
for (let name in items) {
|
||||
document.getElementById('log'+name).innerHTML ='You have ' + name + ': ' + items[name];
|
||||
}
|
||||
localStorage.setItem('items', JSON.stringify(items))
|
||||
},
|
||||
}
|
||||
|
||||
// BRB
|
||||
var button = {
|
||||
press: function(){game.click();document.getElementById('unpressed').style.visibility = 'hidden';document.getElementById('pressed').style.visibility = 'visible';},
|
||||
unpress: function(){document.getElementById('unpressed').style.visibility = 'visible';document.getElementById('pressed').style.visibility = 'hidden';},
|
||||
};
|
||||
|
||||
// game functions
|
||||
var game = {
|
||||
loaditems: function(){items = JSON.parse(localStorage.getItem('items'));},
|
||||
|
||||
reset: function(){if(confirm('Are you sure you want to reset all your progress?')){items={clicks: 0,dogs: 0,cats: 0,lemons: 0,foxes: 0,};ui.updateitems();}},
|
||||
|
||||
setup: function(){user.setkeys();if (localStorage.getItem('items')!=null){game.loaditems();};ui.updateitems();},
|
||||
|
||||
click: function(){items.clicks+=1;ui.updateitems();},
|
||||
};
|
||||
|
||||
// buy item functions
|
||||
var buy = {
|
||||
dog: function(){if(items.clicks>=100){items.dogs+=1;items.clicks-=100;ui.updateitems();}},
|
||||
|
||||
cat: function(){if(items.dogs>=10){items.cats+=1;items.dogs-=10;ui.updateitems();}},
|
||||
|
||||
lemon: function(){if(items.cats>=5){items.lemons+=1;items.cats-=5;ui.updateitems();}},
|
||||
|
||||
fox: function(){if(items.dogs>=15){items.foxes+=1;items.dogs-=15;ui.updateitems();}},
|
||||
}
|
||||
136
Version - 18/style.css
Normal file
136
Version - 18/style.css
Normal file
@@ -0,0 +1,136 @@
|
||||
body {
|
||||
font-size: 15pt;
|
||||
user-select: none;
|
||||
}
|
||||
/* reset */
|
||||
#reset{
|
||||
user-select: none;
|
||||
width: 75px;
|
||||
height: 50px;
|
||||
background-color: darkred;
|
||||
color: #ffffff;
|
||||
}
|
||||
#delete{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
top: 900px;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
/* percent */
|
||||
#percent{
|
||||
user-select: none;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
/*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: 69px;
|
||||
left: 50%;
|
||||
margin: 0 0 0 -150px;
|
||||
border-radius: 150px;
|
||||
}
|
||||
|
||||
/* I T E M S */
|
||||
|
||||
|
||||
/* click */
|
||||
#clicks{
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
height: 20px;
|
||||
width: 400px;
|
||||
top: 10px;
|
||||
left: 50%;
|
||||
margin: 0 0 0 -200px;
|
||||
}
|
||||
|
||||
/* dog */
|
||||
#dog{
|
||||
position: absolute;
|
||||
top: 400px;
|
||||
}
|
||||
#buydog{
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
background-color: wheat;
|
||||
border-radius: 20px;
|
||||
}
|
||||
#logdogs{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
top: -5px;
|
||||
left: 190px;
|
||||
}
|
||||
|
||||
/* cat */
|
||||
#cat{
|
||||
position: absolute;
|
||||
top: 475px;
|
||||
}
|
||||
#buycat{
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
background-color: darkgray;
|
||||
border-radius: 20px;
|
||||
}
|
||||
#logcats{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
top: -5px;
|
||||
left: 190px;
|
||||
}
|
||||
|
||||
/* lemon */
|
||||
#lemon{
|
||||
position: absolute;
|
||||
top: 550px;
|
||||
}
|
||||
#buylemon{
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
background-color: yellow;
|
||||
border-radius: 20px;
|
||||
}
|
||||
#loglemons{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
top: -5px;
|
||||
left: 190px;
|
||||
}
|
||||
|
||||
/* fox */
|
||||
#fox{
|
||||
position: absolute;
|
||||
top: 625px;
|
||||
}
|
||||
#buyfox{
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
background-color: orange;
|
||||
border-radius: 20px;
|
||||
}
|
||||
#logfoxes{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
top: -5px;
|
||||
left: 190px;
|
||||
}
|
||||
26
Version - 19/Add.txt
Normal file
26
Version - 19/Add.txt
Normal file
@@ -0,0 +1,26 @@
|
||||
click.offline.make
|
||||
max 5 hour
|
||||
|
||||
BuyDog dog.log clicks/s
|
||||
|
||||
1 dog = 1 clicks/s
|
||||
1 cat = 100 clicks/s
|
||||
1 fox = 15 clicks/s
|
||||
|
||||
1 hamster = 10 000 c/s
|
||||
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, ...
|
||||
total production
|
||||
|
||||
upgrades!
|
||||
|
||||
more costly stuff + 14%
|
||||
16
Version - 19/devlog.txt
Normal file
16
Version - 19/devlog.txt
Normal file
@@ -0,0 +1,16 @@
|
||||
|
||||
|
||||
|
||||
|
||||
v. 15
|
||||
- added comments making code more readeble
|
||||
- id of paragraph showing items must be same as item name in items object if not error can occur
|
||||
- orgenised code in logic order (as example look at css & html)
|
||||
- ui.updateitems function made working on every item in items object
|
||||
- added lemons as new item now four total (including clicks)
|
||||
- separated buy item functions from game object now are in buy object
|
||||
- added setup function to game object to clean up window.onload function
|
||||
|
||||
|
||||
|
||||
|
||||
73
Version - 19/index.html
Normal file
73
Version - 19/index.html
Normal file
@@ -0,0 +1,73 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>BRB clicker</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!-- By MrEidamus & Stanislav Chlup -->
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- reset progress -->
|
||||
<div id="delete">
|
||||
<button id="reset" onclick="game.reset()">Reset</button>
|
||||
</div>
|
||||
|
||||
<!-- percent button -->
|
||||
<button id="percent" onclick="game.percents()">
|
||||
1x
|
||||
</button>
|
||||
|
||||
<!-- B.R.B. (big red button) -->
|
||||
<div id="button">
|
||||
<img src = 'https://i.postimg.cc/9Rs0vWFF/Nezm-kl.png' id="unpressed">
|
||||
<img src = "https://i.postimg.cc/NLr5Rrpy/Zm-kl.png" id="pressed">
|
||||
</div>
|
||||
|
||||
<!-- clicks logging -->
|
||||
<div id="clicks">
|
||||
<p id="logclicks"></p>
|
||||
</div>
|
||||
|
||||
<!-- item sections -->
|
||||
|
||||
<!-- dogs -->
|
||||
<div id="dog">
|
||||
<p id="logdogs"></p>
|
||||
<button id="buydog" onclick="buy.dog()">
|
||||
Buy a dog for 100 clicks!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- cats -->
|
||||
<div id="cat">
|
||||
<p id="logcats"></p>
|
||||
<button id="buycat" onclick="buy.cat()">
|
||||
Buy a cat for 10 dogs!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- lemons -->
|
||||
<div id="lemon">
|
||||
<p id="loglemons"></p>
|
||||
<button id="buylemon" onclick="buy.lemon()">
|
||||
Buy a lemon for ? cats!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- foxes -->
|
||||
<div id="fox">
|
||||
<p id="logfoxes"></p>
|
||||
<button id="buyfox" onclick="buy.fox()">
|
||||
Buy a fox for 15 dogs!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- script -->
|
||||
<script src="main.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
62
Version - 19/main.js
Normal file
62
Version - 19/main.js
Normal file
@@ -0,0 +1,62 @@
|
||||
window.onload = function(){
|
||||
game.setup();
|
||||
};
|
||||
|
||||
// items
|
||||
var items = {
|
||||
clicks: 0,
|
||||
dogs: 0,
|
||||
cats: 0,
|
||||
lemons: 0,
|
||||
foxes: 0,
|
||||
|
||||
};
|
||||
|
||||
// device
|
||||
var user = {
|
||||
device: function(){return (/Android|iPhone/i.test(navigator.userAgent));},/* true for mobiles */
|
||||
|
||||
setkeys: function(){
|
||||
if(user.device()){
|
||||
document.getElementById('button').ontouchstart=function(){button.press()};document.getElementById('button').ontouchend=function(){button.unpress()}
|
||||
}else{document.getElementById('button').onmousedown=function(){button.press()};document.getElementById('button').onmouseup=function(){button.unpress()};};},
|
||||
|
||||
};
|
||||
|
||||
//user interface
|
||||
var ui = {
|
||||
updateitems: function(){
|
||||
for (let name in items) {
|
||||
document.getElementById('log'+name).innerHTML ='You have ' + name + ': ' + items[name];
|
||||
}
|
||||
localStorage.setItem('items', JSON.stringify(items))
|
||||
},
|
||||
}
|
||||
|
||||
// BRB
|
||||
var button = {
|
||||
press: function(){game.click();document.getElementById('unpressed').style.visibility = 'hidden';document.getElementById('pressed').style.visibility = 'visible';},
|
||||
unpress: function(){document.getElementById('unpressed').style.visibility = 'visible';document.getElementById('pressed').style.visibility = 'hidden';},
|
||||
};
|
||||
|
||||
// game functions
|
||||
var game = {
|
||||
loaditems: function(){items = JSON.parse(localStorage.getItem('items'));},
|
||||
|
||||
reset: function(){if(confirm('Are you sure you want to reset all your progress?')){items={clicks: 0,dogs: 0,cats: 0,lemons: 0,foxes: 0,};ui.updateitems();}},
|
||||
|
||||
setup: function(){user.setkeys();if (localStorage.getItem('items')!=null){game.loaditems();};ui.updateitems();},
|
||||
|
||||
click: function(){items.clicks+=1;ui.updateitems();},
|
||||
};
|
||||
|
||||
// buy item functions
|
||||
var buy = {
|
||||
dog: function(){if(items.clicks>=100){items.dogs+=1;items.clicks-=100;ui.updateitems();}},
|
||||
|
||||
cat: function(){if(items.dogs>=10){items.cats+=1;items.dogs-=10;ui.updateitems();}},
|
||||
|
||||
lemon: function(){if(items.cats>=5){items.lemons+=1;items.cats-=5;ui.updateitems();}},
|
||||
|
||||
fox: function(){if(items.dogs>=15){items.foxes+=1;items.dogs-=15;ui.updateitems();}},
|
||||
}
|
||||
136
Version - 19/style.css
Normal file
136
Version - 19/style.css
Normal file
@@ -0,0 +1,136 @@
|
||||
body {
|
||||
font-size: 15pt;
|
||||
user-select: none;
|
||||
}
|
||||
/* reset */
|
||||
#reset{
|
||||
user-select: none;
|
||||
width: 75px;
|
||||
height: 50px;
|
||||
background-color: darkred;
|
||||
color: #ffffff;
|
||||
}
|
||||
#delete{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
top: 900px;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
/* percent */
|
||||
#percent{
|
||||
user-select: none;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
/*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: 69px;
|
||||
left: 50%;
|
||||
margin: 0 0 0 -150px;
|
||||
border-radius: 150px;
|
||||
}
|
||||
|
||||
/* I T E M S */
|
||||
|
||||
|
||||
/* click */
|
||||
#clicks{
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
height: 20px;
|
||||
width: 400px;
|
||||
top: 10px;
|
||||
left: 50%;
|
||||
margin: 0 0 0 -200px;
|
||||
}
|
||||
|
||||
/* dog */
|
||||
#dog{
|
||||
position: absolute;
|
||||
top: 400px;
|
||||
}
|
||||
#buydog{
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
background-color: wheat;
|
||||
border-radius: 20px;
|
||||
}
|
||||
#logdogs{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
top: -5px;
|
||||
left: 190px;
|
||||
}
|
||||
|
||||
/* cat */
|
||||
#cat{
|
||||
position: absolute;
|
||||
top: 475px;
|
||||
}
|
||||
#buycat{
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
background-color: darkgray;
|
||||
border-radius: 20px;
|
||||
}
|
||||
#logcats{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
top: -5px;
|
||||
left: 190px;
|
||||
}
|
||||
|
||||
/* lemon */
|
||||
#lemon{
|
||||
position: absolute;
|
||||
top: 550px;
|
||||
}
|
||||
#buylemon{
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
background-color: yellow;
|
||||
border-radius: 20px;
|
||||
}
|
||||
#loglemons{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
top: -5px;
|
||||
left: 190px;
|
||||
}
|
||||
|
||||
/* fox */
|
||||
#fox{
|
||||
position: absolute;
|
||||
top: 625px;
|
||||
}
|
||||
#buyfox{
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
background-color: orange;
|
||||
border-radius: 20px;
|
||||
}
|
||||
#logfoxes{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
top: -5px;
|
||||
left: 190px;
|
||||
}
|
||||
29
Version - 2/index.html
Normal file
29
Version - 2/index.html
Normal file
@@ -0,0 +1,29 @@
|
||||
<!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>HTML</title>
|
||||
|
||||
<!-- HTML -->
|
||||
|
||||
|
||||
<!-- Custom Styles -->
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="button1">
|
||||
<div id="red">
|
||||
<img src = 'https://i.postimg.cc/rdcChfG6/Notpressed.png'>
|
||||
</div>
|
||||
<div id="green">
|
||||
<img src = "https://i.postimg.cc/rdJG75gD/Pressed.png">
|
||||
</div>
|
||||
</div>
|
||||
<script src="main.js"></script>
|
||||
<p id="clicks"></p>
|
||||
</body>
|
||||
</html>
|
||||
16
Version - 2/main.js
Normal file
16
Version - 2/main.js
Normal file
@@ -0,0 +1,16 @@
|
||||
var count = 0;
|
||||
window.onload = function(){
|
||||
var red = document.getElementById('red');
|
||||
var green = document.getElementById('green');
|
||||
var button = document.getElementById('button1');
|
||||
button.ontouchstart = function(){
|
||||
red.style.visibility='hidden';
|
||||
green.style.visibility='visible'
|
||||
count++;
|
||||
document.getElementById('clicks').innerHTML=count;
|
||||
}
|
||||
button.ontouchend=function(){
|
||||
red.style.visibility='visible';
|
||||
green.style.visibility='hidden'
|
||||
}
|
||||
}
|
||||
23
Version - 2/style.css
Normal file
23
Version - 2/style.css
Normal file
@@ -0,0 +1,23 @@
|
||||
body {
|
||||
font-size: 15pt;
|
||||
user-select: none;
|
||||
}
|
||||
#red{
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
|
||||
|
||||
}
|
||||
#green{
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
visibility: hidden;
|
||||
}
|
||||
#button1{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -50px 0 0 -50px;
|
||||
}
|
||||
54
Version - 20/Add.txt
Normal file
54
Version - 20/Add.txt
Normal file
@@ -0,0 +1,54 @@
|
||||
click.offline.make
|
||||
max 5 hour
|
||||
|
||||
BuyDog dog.log clicks/s
|
||||
|
||||
1 dog = 1 clicks/s
|
||||
1 cat = 100 clicks/s
|
||||
1 fox = 150 clicks/s
|
||||
|
||||
1 hamster = 10 000 c/s
|
||||
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, ...
|
||||
total production
|
||||
|
||||
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
|
||||
|
||||
16
Version - 20/devlog.txt
Normal file
16
Version - 20/devlog.txt
Normal file
@@ -0,0 +1,16 @@
|
||||
|
||||
|
||||
|
||||
|
||||
v. 15
|
||||
- added comments making code more readeble
|
||||
- id of paragraph showing items must be same as item name in items object if not error can occur
|
||||
- orgenised code in logic order (as example look at css & html)
|
||||
- ui.updateitems function made working on every item in items object
|
||||
- added lemons as new item now four total (including clicks)
|
||||
- separated buy item functions from game object now are in buy object
|
||||
- added setup function to game object to clean up window.onload function
|
||||
|
||||
|
||||
|
||||
|
||||
77
Version - 20/index.html
Normal file
77
Version - 20/index.html
Normal file
@@ -0,0 +1,77 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>BRB clicker</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<!-- By MrEidamus & Stanislav Chlup -->
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id="shop">
|
||||
<a href="shop.html" id="kauf">Go to Shop!</a>
|
||||
</div>
|
||||
|
||||
<!-- reset progress -->
|
||||
<div id="delete">
|
||||
<button id="reset" onclick="game.reset()">Reset</button>
|
||||
</div>
|
||||
|
||||
<!-- percent button -->
|
||||
<button id="percent" onclick="game.percents()">
|
||||
1x
|
||||
</button>
|
||||
|
||||
<!-- B.R.B. (big red button) -->
|
||||
<div id="button">
|
||||
<img src = 'https://i.postimg.cc/9Rs0vWFF/Nezm-kl.png' id="unpressed">
|
||||
<img src = "https://i.postimg.cc/NLr5Rrpy/Zm-kl.png" id="pressed">
|
||||
</div>
|
||||
|
||||
<!-- clicks logging -->
|
||||
<div id="clicks">
|
||||
<p id="logclicks"></p>
|
||||
</div>
|
||||
|
||||
<!-- item sections -->
|
||||
|
||||
<!-- dogs -->
|
||||
<div id="dog">
|
||||
<p id="logdogs"></p>
|
||||
<button id="buydog" onclick="buy.dog()">
|
||||
Buy a dog for 100 clicks!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- cats -->
|
||||
<div id="cat">
|
||||
<p id="logcats"></p>
|
||||
<button id="buycat" onclick="buy.cat()">
|
||||
Buy a cat for 10 dogs!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- lemons -->
|
||||
<div id="lemon">
|
||||
<p id="loglemons"></p>
|
||||
<button id="buylemon" onclick="buy.lemon()">
|
||||
Buy a lemon for ? cats!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- foxes -->
|
||||
<div id="fox">
|
||||
<p id="logfoxes"></p>
|
||||
<button id="buyfox" onclick="buy.fox()">
|
||||
Buy a fox for 15 dogs!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- script -->
|
||||
<script src="main.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
62
Version - 20/main.js
Normal file
62
Version - 20/main.js
Normal file
@@ -0,0 +1,62 @@
|
||||
window.onload = function(){
|
||||
game.setup();
|
||||
};
|
||||
|
||||
// items
|
||||
var items = {
|
||||
clicks: 0,
|
||||
dogs: 0,
|
||||
cats: 0,
|
||||
lemons: 0,
|
||||
foxes: 0,
|
||||
|
||||
};
|
||||
|
||||
// device
|
||||
var user = {
|
||||
device: function(){return (/Android|iPhone/i.test(navigator.userAgent));},/* true for mobiles */
|
||||
|
||||
setkeys: function(){
|
||||
if(user.device()){
|
||||
document.getElementById('button').ontouchstart=function(){button.press()};document.getElementById('button').ontouchend=function(){button.unpress()}
|
||||
}else{document.getElementById('button').onmousedown=function(){button.press()};document.getElementById('button').onmouseup=function(){button.unpress()};};},
|
||||
|
||||
};
|
||||
|
||||
//user interface
|
||||
var ui = {
|
||||
updateitems: function(){
|
||||
for (let name in items) {
|
||||
document.getElementById('log'+name).innerHTML ='You have ' + name + ': ' + items[name];
|
||||
}
|
||||
localStorage.setItem('items', JSON.stringify(items))
|
||||
},
|
||||
}
|
||||
|
||||
// BRB
|
||||
var button = {
|
||||
press: function(){game.click();document.getElementById('unpressed').style.visibility = 'hidden';document.getElementById('pressed').style.visibility = 'visible';},
|
||||
unpress: function(){document.getElementById('unpressed').style.visibility = 'visible';document.getElementById('pressed').style.visibility = 'hidden';},
|
||||
};
|
||||
|
||||
// game functions
|
||||
var game = {
|
||||
loaditems: function(){items = JSON.parse(localStorage.getItem('items'));},
|
||||
|
||||
reset: function(){if(confirm('Are you sure you want to reset all your progress?')){items={clicks: 0,dogs: 0,cats: 0,lemons: 0,foxes: 0,};ui.updateitems();}},
|
||||
|
||||
setup: function(){user.setkeys();if (localStorage.getItem('items')!=null){game.loaditems();};ui.updateitems();},
|
||||
|
||||
click: function(){items.clicks+=1;ui.updateitems();},
|
||||
};
|
||||
|
||||
// buy item functions
|
||||
var buy = {
|
||||
dog: function(){if(items.clicks>=100){items.dogs+=1;items.clicks-=100;ui.updateitems();}},
|
||||
|
||||
cat: function(){if(items.dogs>=10){items.cats+=1;items.dogs-=10;ui.updateitems();}},
|
||||
|
||||
lemon: function(){if(items.cats>=5){items.lemons+=1;items.cats-=5;ui.updateitems();}},
|
||||
|
||||
fox: function(){if(items.dogs>=15){items.foxes+=1;items.dogs-=15;ui.updateitems();}},
|
||||
}
|
||||
64
Version - 20/shop.html
Normal file
64
Version - 20/shop.html
Normal file
@@ -0,0 +1,64 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Shop</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div>
|
||||
<a href="index.html">Go to the B.R.B.!</a>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- clicks logging -->
|
||||
<div id="clicks">
|
||||
<p id="logclicks"></p>
|
||||
</div>
|
||||
|
||||
<!-- item sections -->
|
||||
|
||||
<!-- dogs -->
|
||||
<div id="dog">
|
||||
<p id="logdogs"></p>
|
||||
<button id="buydog" onclick="buy.dog()">
|
||||
Buy a dog for 100 clicks!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- cats -->
|
||||
<div id="cat">
|
||||
<p id="logcats"></p>
|
||||
<button id="buycat" onclick="buy.cat()">
|
||||
Buy a cat for 10 dogs!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- lemons -->
|
||||
<div id="lemon">
|
||||
<p id="loglemons"></p>
|
||||
<button id="buylemon" onclick="buy.lemon()">
|
||||
Buy a lemon for ? cats!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- foxes -->
|
||||
<div id="fox">
|
||||
<p id="logfoxes"></p>
|
||||
<button id="buyfox" onclick="buy.fox()">
|
||||
Buy a fox for 15 dogs!
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
157
Version - 20/style.css
Normal file
157
Version - 20/style.css
Normal file
@@ -0,0 +1,157 @@
|
||||
body {
|
||||
font-size: 15pt;
|
||||
user-select: none;
|
||||
}
|
||||
/* Shop */
|
||||
#shop{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
bottom: 8px;
|
||||
right: 75px;
|
||||
width: 100px;
|
||||
height: 50px;
|
||||
margin: 0 0 0 -100%;
|
||||
}
|
||||
#kauf{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
width: 75px;
|
||||
height: 50px;
|
||||
background-color: darkred;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
/* reset */
|
||||
#reset{
|
||||
user-select: none;
|
||||
width: 75px;
|
||||
height: 50px;
|
||||
background-color: darkred;
|
||||
color: #ffffff;
|
||||
}
|
||||
#delete{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
top: 900px;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
/* percent */
|
||||
#percent{
|
||||
user-select: none;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
/*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: 69px;
|
||||
left: 50%;
|
||||
margin: 0 0 0 -150px;
|
||||
border-radius: 150px;
|
||||
}
|
||||
|
||||
/* I T E M S */
|
||||
|
||||
|
||||
/* click */
|
||||
#clicks{
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
height: 20px;
|
||||
width: 400px;
|
||||
top: 10px;
|
||||
left: 50%;
|
||||
margin: 0 0 0 -200px;
|
||||
}
|
||||
|
||||
/* dog */
|
||||
#dog{
|
||||
position: absolute;
|
||||
top: 400px;
|
||||
}
|
||||
#buydog{
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
background-color: wheat;
|
||||
border-radius: 20px;
|
||||
}
|
||||
#logdogs{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
top: -5px;
|
||||
left: 190px;
|
||||
}
|
||||
|
||||
/* cat */
|
||||
#cat{
|
||||
position: absolute;
|
||||
top: 475px;
|
||||
}
|
||||
#buycat{
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
background-color: darkgray;
|
||||
border-radius: 20px;
|
||||
}
|
||||
#logcats{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
top: -5px;
|
||||
left: 190px;
|
||||
}
|
||||
|
||||
/* lemon */
|
||||
#lemon{
|
||||
position: absolute;
|
||||
top: 550px;
|
||||
}
|
||||
#buylemon{
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
background-color: yellow;
|
||||
border-radius: 20px;
|
||||
}
|
||||
#loglemons{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
top: -5px;
|
||||
left: 190px;
|
||||
}
|
||||
|
||||
/* fox */
|
||||
#fox{
|
||||
position: absolute;
|
||||
top: 625px;
|
||||
}
|
||||
#buyfox{
|
||||
width: 180px;
|
||||
height: 50px;
|
||||
background-color: orange;
|
||||
border-radius: 20px;
|
||||
}
|
||||
#logfoxes{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
top: -5px;
|
||||
left: 190px;
|
||||
}
|
||||
BIN
Version - 24.1/img/Cat.png
Normal file
BIN
Version - 24.1/img/Cat.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
Version - 24.1/img/Click.png
Normal file
BIN
Version - 24.1/img/Click.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
Version - 24.1/img/Dog.png
Normal file
BIN
Version - 24.1/img/Dog.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
BIN
Version - 24.1/img/Fox.png
Normal file
BIN
Version - 24.1/img/Fox.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
BIN
Version - 24.1/img/Lemons.png
Normal file
BIN
Version - 24.1/img/Lemons.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
Version - 24.1/img/Lemt3.png
Normal file
BIN
Version - 24.1/img/Lemt3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
Version - 24.1/img/Wolf.png
Normal file
BIN
Version - 24.1/img/Wolf.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
37
Version - 24.1/index.html
Normal file
37
Version - 24.1/index.html
Normal file
@@ -0,0 +1,37 @@
|
||||
<!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">
|
||||
<img src = "https://i.postimg.cc/NLr5Rrpy/Zm-kl.png" id="pressed">
|
||||
</div>
|
||||
|
||||
<!-- Project -->
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
52
Version - 24.1/main.js
Normal file
52
Version - 24.1/main.js
Normal file
@@ -0,0 +1,52 @@
|
||||
// Items
|
||||
var items
|
||||
|
||||
var anime = false
|
||||
|
||||
function load(){
|
||||
items = JSON.parse(localStorage.getItem('items'));
|
||||
}
|
||||
|
||||
function beriba(){
|
||||
document.getElementById('unpressed').style.visibility='visible'
|
||||
document.getElementById('pressed').style.visibility='hidden'
|
||||
anime=true;
|
||||
}
|
||||
|
||||
window.onload = function(){
|
||||
items = {
|
||||
clicks:0,
|
||||
dogs:0,
|
||||
cats:0,
|
||||
foxes:0,
|
||||
wolfs:0,
|
||||
lemons:0,
|
||||
lt3:0,
|
||||
}
|
||||
load();
|
||||
update();
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Update
|
||||
function update(){
|
||||
let i = JSON.stringify(items);
|
||||
localStorage.setItem('items', i);
|
||||
document.getElementById('disclick').innerHTML=`You've clicked ${items.clicks} times!`
|
||||
}
|
||||
|
||||
|
||||
// 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)
|
||||
}
|
||||
147
Version - 24.1/shop.css
Normal file
147
Version - 24.1/shop.css
Normal file
@@ -0,0 +1,147 @@
|
||||
body{
|
||||
font-size: 15pt;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/* Dog */
|
||||
#logdog{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 90px;
|
||||
}
|
||||
#imgdog{
|
||||
position: absolute;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
}
|
||||
#buydog{
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
left: 69px;
|
||||
background-color: darkorange;
|
||||
}
|
||||
#disdog{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
left: 230px;
|
||||
bottom: 2px;
|
||||
margin: 0 0 -10px 0;
|
||||
}
|
||||
|
||||
/* Cats */
|
||||
#logcat{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 140px;
|
||||
}
|
||||
#buycat{
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
left: 69px;
|
||||
background-color: orange;
|
||||
}
|
||||
#discat{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
left: 230px;
|
||||
bottom: 2px;
|
||||
margin: 0 0 -10px 0;
|
||||
}
|
||||
|
||||
/* Foxes */
|
||||
#logfox{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 190px;
|
||||
}
|
||||
#buyfox{
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
left: 69px;
|
||||
background-color: lightsalmon;
|
||||
}
|
||||
#disfox{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
left: 230px;
|
||||
bottom: 2px;
|
||||
margin: 0 0 -10px 0;
|
||||
}
|
||||
|
||||
/* Wolfs */
|
||||
#logwol{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 240px;
|
||||
}
|
||||
#buywol{
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
left: 69px;
|
||||
background-color: lightgray;
|
||||
}
|
||||
#diswol{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
left: 230px;
|
||||
bottom: 2px;
|
||||
margin: 0 0 -10px 0;
|
||||
}
|
||||
|
||||
/* Lemons */
|
||||
#loglem{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 290px;
|
||||
}
|
||||
#buylem{
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
left: 69px;
|
||||
background-color: yellow;
|
||||
}
|
||||
#dislem{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
left: 230px;
|
||||
bottom: 2px;
|
||||
margin: 0 0 -10px 0;
|
||||
}
|
||||
|
||||
/* Lemon trees */
|
||||
#logLt3{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 340px;
|
||||
}
|
||||
#buyLt3{
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
left: 69px;
|
||||
background-color: lightgoldenrodyellow;
|
||||
}
|
||||
#dislt3{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
left: 230px;
|
||||
bottom: 2px;
|
||||
margin: 0 0 -10px 0;
|
||||
}
|
||||
86
Version - 24.1/shop.html
Normal file
86
Version - 24.1/shop.html
Normal file
@@ -0,0 +1,86 @@
|
||||
<!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 -->
|
||||
<div>
|
||||
<a href="index.html" id="click.brb">Go to BRB!</a>
|
||||
</div>
|
||||
|
||||
<!-- Clicks -->
|
||||
<div id="logclick">
|
||||
<p id="disclick">
|
||||
</div>
|
||||
|
||||
|
||||
<!-- ITEMS -->
|
||||
|
||||
<!-- Dog -->
|
||||
<div id="logdog">
|
||||
<img src="Dog.png" id="imgdog">
|
||||
<button id="buydog" onclick="buydog()">
|
||||
Buy a Dog for 100 clicks
|
||||
</button>
|
||||
<p id="disdog">
|
||||
</div>
|
||||
|
||||
<!-- Cat -->
|
||||
<div id="logcat">
|
||||
<button id="buycat" onclick="buycat()">
|
||||
Buy a Cat for 10 dogs
|
||||
</button>
|
||||
<p id="discat">
|
||||
</div>
|
||||
|
||||
<!-- lemons -->
|
||||
<div id="loglem">
|
||||
<button id="buylem" onclick="buylem()">
|
||||
Buy a Lemon for ### cats
|
||||
</button>
|
||||
<p id="dislem">
|
||||
</div>
|
||||
|
||||
<!-- Fox -->
|
||||
<div id="logfox">
|
||||
<button id="buyfox" onclick="buyfox()">
|
||||
Buy a Fox for 15 dogs
|
||||
</button>
|
||||
<p id="disfox">
|
||||
</div>
|
||||
|
||||
<!-- Wolf -->
|
||||
<div id="logwol">
|
||||
<button id="buywol" onclick="buywol()">
|
||||
Buy a Wolf for 6 dogs and 5 foxes
|
||||
</button>
|
||||
<p id="diswol">
|
||||
</div>
|
||||
|
||||
<!-- Lemn t3-->
|
||||
<div id="logLt3">
|
||||
<button id="buyLt3" onclick="buylt3()">
|
||||
Buy a Lemon Tree for 5 lemons
|
||||
</button>
|
||||
<p id="dislt3">
|
||||
</div>
|
||||
|
||||
<script src="shop.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
71
Version - 24.1/shop.js
Normal file
71
Version - 24.1/shop.js
Normal file
@@ -0,0 +1,71 @@
|
||||
|
||||
|
||||
|
||||
// Update
|
||||
function update(){
|
||||
let i = JSON.stringify(items);
|
||||
localStorage.setItem('items', i);
|
||||
}
|
||||
|
||||
// Load
|
||||
function load(){
|
||||
items = JSON.parse(localStorage.getItem('items'));
|
||||
document.getElementById('disclick').innerHTML=`You've clicked ${items.clicks} times!`
|
||||
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('dislem').innerHTML=`You've got ${items.lemons} lemons!`
|
||||
document.getElementById('dislt3').innerHTML=`You've got ${items.lt3} L. trees!`
|
||||
|
||||
}
|
||||
load();
|
||||
|
||||
function upload(){
|
||||
update();
|
||||
load();
|
||||
}
|
||||
// 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 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();
|
||||
}
|
||||
43
Version - 24.1/style.css
Normal file
43
Version - 24.1/style.css
Normal file
@@ -0,0 +1,43 @@
|
||||
body {
|
||||
font-size: 15pt;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#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;
|
||||
}
|
||||
BIN
Version - 24/img/Cat.png
Normal file
BIN
Version - 24/img/Cat.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
Version - 24/img/Click.png
Normal file
BIN
Version - 24/img/Click.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
Version - 24/img/Dog.png
Normal file
BIN
Version - 24/img/Dog.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
BIN
Version - 24/img/Fox.png
Normal file
BIN
Version - 24/img/Fox.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
BIN
Version - 24/img/Lemons.png
Normal file
BIN
Version - 24/img/Lemons.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
Version - 24/img/Lemt3.png
Normal file
BIN
Version - 24/img/Lemt3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
Version - 24/img/Wolf.png
Normal file
BIN
Version - 24/img/Wolf.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
37
Version - 24/index.html
Normal file
37
Version - 24/index.html
Normal file
@@ -0,0 +1,37 @@
|
||||
<!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">
|
||||
<img src = "https://i.postimg.cc/NLr5Rrpy/Zm-kl.png" id="pressed">
|
||||
</div>
|
||||
|
||||
<!-- Project -->
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
40
Version - 24/main.js
Normal file
40
Version - 24/main.js
Normal file
@@ -0,0 +1,40 @@
|
||||
var items
|
||||
var anime = false
|
||||
|
||||
function load(){
|
||||
items = JSON.parse(localStorage.getItem('items'));
|
||||
}
|
||||
load();
|
||||
|
||||
function beriba(){
|
||||
document.getElementById('unpressed').style.visibility='visible'
|
||||
document.getElementById('pressed').style.visibility='hidden'
|
||||
anime=true;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// Update
|
||||
function update(){
|
||||
let i = JSON.stringify(items);
|
||||
localStorage.setItem('items', i);
|
||||
document.getElementById('disclick').innerHTML=`You've clicked ${items.clicks} times!`
|
||||
}
|
||||
update();
|
||||
|
||||
|
||||
// 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)
|
||||
}
|
||||
147
Version - 24/shop.css
Normal file
147
Version - 24/shop.css
Normal file
@@ -0,0 +1,147 @@
|
||||
body{
|
||||
font-size: 15pt;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/* Dog */
|
||||
#logdog{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 90px;
|
||||
}
|
||||
#imgdog{
|
||||
position: absolute;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
}
|
||||
#buydog{
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
left: 69px;
|
||||
background-color: darkorange;
|
||||
}
|
||||
#disdog{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
left: 230px;
|
||||
bottom: 2px;
|
||||
margin: 0 0 -10px 0;
|
||||
}
|
||||
|
||||
/* Cats */
|
||||
#logcat{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 140px;
|
||||
}
|
||||
#buycat{
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
left: 69px;
|
||||
background-color: orange;
|
||||
}
|
||||
#discat{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
left: 230px;
|
||||
bottom: 2px;
|
||||
margin: 0 0 -10px 0;
|
||||
}
|
||||
|
||||
/* Foxes */
|
||||
#logfox{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 190px;
|
||||
}
|
||||
#buyfox{
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
left: 69px;
|
||||
background-color: lightsalmon;
|
||||
}
|
||||
#disfox{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
left: 230px;
|
||||
bottom: 2px;
|
||||
margin: 0 0 -10px 0;
|
||||
}
|
||||
|
||||
/* Wolfs */
|
||||
#logwol{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 240px;
|
||||
}
|
||||
#buywol{
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
left: 69px;
|
||||
background-color: lightgray;
|
||||
}
|
||||
#diswol{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
left: 230px;
|
||||
bottom: 2px;
|
||||
margin: 0 0 -10px 0;
|
||||
}
|
||||
|
||||
/* Lemons */
|
||||
#loglem{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 290px;
|
||||
}
|
||||
#buylem{
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
left: 69px;
|
||||
background-color: yellow;
|
||||
}
|
||||
#dislem{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
left: 230px;
|
||||
bottom: 2px;
|
||||
margin: 0 0 -10px 0;
|
||||
}
|
||||
|
||||
/* Lemon trees */
|
||||
#logLt3{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 340px;
|
||||
}
|
||||
#buyLt3{
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
left: 69px;
|
||||
background-color: lightgoldenrodyellow;
|
||||
}
|
||||
#dislt3{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
left: 230px;
|
||||
bottom: 2px;
|
||||
margin: 0 0 -10px 0;
|
||||
}
|
||||
86
Version - 24/shop.html
Normal file
86
Version - 24/shop.html
Normal file
@@ -0,0 +1,86 @@
|
||||
<!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 -->
|
||||
<div>
|
||||
<a href="index.html" id="click.brb">Go to BRB!</a>
|
||||
</div>
|
||||
|
||||
<!-- Clicks -->
|
||||
<div id="logclick">
|
||||
<p id="disclick">
|
||||
</div>
|
||||
|
||||
|
||||
<!-- ITEMS -->
|
||||
|
||||
<!-- Dog -->
|
||||
<div id="logdog">
|
||||
<img src="Dog.png" id="imgdog">
|
||||
<button id="buydog" onclick="buydog()">
|
||||
Buy a Dog for 100 clicks
|
||||
</button>
|
||||
<p id="disdog">
|
||||
</div>
|
||||
|
||||
<!-- Cat -->
|
||||
<div id="logcat">
|
||||
<button id="buycat" onclick="buycat()">
|
||||
Buy a Cat for 10 dogs
|
||||
</button>
|
||||
<p id="discat">
|
||||
</div>
|
||||
|
||||
<!-- lemons -->
|
||||
<div id="loglem">
|
||||
<button id="buylem" onclick="buylem()">
|
||||
Buy a Lemon for ### cats
|
||||
</button>
|
||||
<p id="dislem">
|
||||
</div>
|
||||
|
||||
<!-- Fox -->
|
||||
<div id="logfox">
|
||||
<button id="buyfox" onclick="buyfox()">
|
||||
Buy a Fox for 15 dogs
|
||||
</button>
|
||||
<p id="disfox">
|
||||
</div>
|
||||
|
||||
<!-- Wolf -->
|
||||
<div id="logwol">
|
||||
<button id="buywol" onclick="buywol()">
|
||||
Buy a Wolf for 6 dogs and 5 foxes
|
||||
</button>
|
||||
<p id="diswol">
|
||||
</div>
|
||||
|
||||
<!-- Lemn t3-->
|
||||
<div id="logLt3">
|
||||
<button id="buyLt3" onclick="buylt3()">
|
||||
Buy a Lemon Tree for 5 lemons
|
||||
</button>
|
||||
<p id="dislt3">
|
||||
</div>
|
||||
|
||||
<script src="shop.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
81
Version - 24/shop.js
Normal file
81
Version - 24/shop.js
Normal file
@@ -0,0 +1,81 @@
|
||||
|
||||
// Items
|
||||
var items = {
|
||||
clicks:0,
|
||||
dogs:0,
|
||||
cats:0,
|
||||
foxes:0,
|
||||
wolfs:0,
|
||||
lemons:0,
|
||||
lt3:0,
|
||||
}
|
||||
|
||||
|
||||
// Update
|
||||
function update(){
|
||||
let i = JSON.stringify(items);
|
||||
localStorage.setItem('items', i);
|
||||
}
|
||||
|
||||
// Load
|
||||
function load(){
|
||||
items = JSON.parse(localStorage.getItem('items'));
|
||||
document.getElementById('disclick').innerHTML=`You've clicked ${items.clicks} times!`
|
||||
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('dislem').innerHTML=`You've got ${items.lemons} lemons!`
|
||||
document.getElementById('dislt3').innerHTML=`You've got ${items.lt3} L. trees!`
|
||||
|
||||
}
|
||||
load();
|
||||
|
||||
function upload(){
|
||||
update();
|
||||
load();
|
||||
}
|
||||
// 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 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();
|
||||
}
|
||||
43
Version - 24/style.css
Normal file
43
Version - 24/style.css
Normal file
@@ -0,0 +1,43 @@
|
||||
body {
|
||||
font-size: 15pt;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#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;
|
||||
}
|
||||
BIN
Version - 25.1/img/Cat.png
Normal file
BIN
Version - 25.1/img/Cat.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
Version - 25.1/img/Click.png
Normal file
BIN
Version - 25.1/img/Click.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
Version - 25.1/img/Dog.png
Normal file
BIN
Version - 25.1/img/Dog.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
BIN
Version - 25.1/img/Fox.png
Normal file
BIN
Version - 25.1/img/Fox.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
BIN
Version - 25.1/img/Lemons.png
Normal file
BIN
Version - 25.1/img/Lemons.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
Version - 25.1/img/Lemt3.png
Normal file
BIN
Version - 25.1/img/Lemt3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
Version - 25.1/img/Wolf.png
Normal file
BIN
Version - 25.1/img/Wolf.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
37
Version - 25.1/index.html
Normal file
37
Version - 25.1/index.html
Normal file
@@ -0,0 +1,37 @@
|
||||
<!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">
|
||||
<img src = "https://i.postimg.cc/NLr5Rrpy/Zm-kl.png" id="pressed">
|
||||
</div>
|
||||
|
||||
<!-- Project -->
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
65
Version - 25.1/main.js
Normal file
65
Version - 25.1/main.js
Normal file
@@ -0,0 +1,65 @@
|
||||
// Items
|
||||
var items
|
||||
|
||||
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,
|
||||
lemons:0,
|
||||
lt3:0,
|
||||
}
|
||||
load();
|
||||
update();
|
||||
}
|
||||
|
||||
|
||||
function beriba(){
|
||||
document.getElementById('unpressed').style.visibility='visible'
|
||||
document.getElementById('pressed').style.visibility='hidden'
|
||||
anime=true;
|
||||
}
|
||||
|
||||
function reset(){
|
||||
items = {
|
||||
clicks:0,
|
||||
dogs:0,
|
||||
cats:0,
|
||||
foxes:0,
|
||||
wolfs:0,
|
||||
lemons:0,
|
||||
lt3:0,
|
||||
}
|
||||
}
|
||||
|
||||
// Update
|
||||
function update(){
|
||||
let i = JSON.stringify(items);
|
||||
localStorage.setItem('items', i);
|
||||
document.getElementById('disclick').innerHTML=`You've clicked ${items.clicks} times!`
|
||||
}
|
||||
|
||||
|
||||
// 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)
|
||||
}
|
||||
147
Version - 25.1/shop.css
Normal file
147
Version - 25.1/shop.css
Normal file
@@ -0,0 +1,147 @@
|
||||
body{
|
||||
font-size: 15pt;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/* Dog */
|
||||
#logdog{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 90px;
|
||||
}
|
||||
#imgdog{
|
||||
position: absolute;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
}
|
||||
#buydog{
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
left: 69px;
|
||||
background-color: darkorange;
|
||||
}
|
||||
#disdog{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
left: 230px;
|
||||
bottom: 2px;
|
||||
margin: 0 0 -10px 0;
|
||||
}
|
||||
|
||||
/* Cats */
|
||||
#logcat{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 140px;
|
||||
}
|
||||
#buycat{
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
left: 69px;
|
||||
background-color: orange;
|
||||
}
|
||||
#discat{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
left: 230px;
|
||||
bottom: 2px;
|
||||
margin: 0 0 -10px 0;
|
||||
}
|
||||
|
||||
/* Foxes */
|
||||
#logfox{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 190px;
|
||||
}
|
||||
#buyfox{
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
left: 69px;
|
||||
background-color: lightsalmon;
|
||||
}
|
||||
#disfox{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
left: 230px;
|
||||
bottom: 2px;
|
||||
margin: 0 0 -10px 0;
|
||||
}
|
||||
|
||||
/* Wolfs */
|
||||
#logwol{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 240px;
|
||||
}
|
||||
#buywol{
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
left: 69px;
|
||||
background-color: lightgray;
|
||||
}
|
||||
#diswol{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
left: 230px;
|
||||
bottom: 2px;
|
||||
margin: 0 0 -10px 0;
|
||||
}
|
||||
|
||||
/* Lemons */
|
||||
#loglem{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 290px;
|
||||
}
|
||||
#buylem{
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
left: 69px;
|
||||
background-color: yellow;
|
||||
}
|
||||
#dislem{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
left: 230px;
|
||||
bottom: 2px;
|
||||
margin: 0 0 -10px 0;
|
||||
}
|
||||
|
||||
/* Lemon trees */
|
||||
#logLt3{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 340px;
|
||||
}
|
||||
#buyLt3{
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
left: 69px;
|
||||
background-color: lightgoldenrodyellow;
|
||||
}
|
||||
#dislt3{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
left: 230px;
|
||||
bottom: 2px;
|
||||
margin: 0 0 -10px 0;
|
||||
}
|
||||
86
Version - 25.1/shop.html
Normal file
86
Version - 25.1/shop.html
Normal file
@@ -0,0 +1,86 @@
|
||||
<!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 -->
|
||||
<div>
|
||||
<a href="index.html" id="click.brb">Go to BRB!</a>
|
||||
</div>
|
||||
|
||||
<!-- Clicks -->
|
||||
<div id="logclick">
|
||||
<p id="disclick">
|
||||
</div>
|
||||
|
||||
|
||||
<!-- ITEMS -->
|
||||
|
||||
<!-- Dog -->
|
||||
<div id="logdog">
|
||||
<img src="Dog.png" id="imgdog">
|
||||
<button id="buydog" onclick="buydog()">
|
||||
Buy a Dog for 100 clicks
|
||||
</button>
|
||||
<p id="disdog">
|
||||
</div>
|
||||
|
||||
<!-- Cat -->
|
||||
<div id="logcat">
|
||||
<button id="buycat" onclick="buycat()">
|
||||
Buy a Cat for 10 dogs
|
||||
</button>
|
||||
<p id="discat">
|
||||
</div>
|
||||
|
||||
<!-- lemons -->
|
||||
<div id="loglem">
|
||||
<button id="buylem" onclick="buylem()">
|
||||
Buy a Lemon for ### cats
|
||||
</button>
|
||||
<p id="dislem">
|
||||
</div>
|
||||
|
||||
<!-- Fox -->
|
||||
<div id="logfox">
|
||||
<button id="buyfox" onclick="buyfox()">
|
||||
Buy a Fox for 15 dogs
|
||||
</button>
|
||||
<p id="disfox">
|
||||
</div>
|
||||
|
||||
<!-- Wolf -->
|
||||
<div id="logwol">
|
||||
<button id="buywol" onclick="buywol()">
|
||||
Buy a Wolf for 6 dogs and 5 foxes
|
||||
</button>
|
||||
<p id="diswol">
|
||||
</div>
|
||||
|
||||
<!-- Lemn t3-->
|
||||
<div id="logLt3">
|
||||
<button id="buyLt3" onclick="buylt3()">
|
||||
Buy a Lemon Tree for 5 lemons
|
||||
</button>
|
||||
<p id="dislt3">
|
||||
</div>
|
||||
|
||||
<script src="shop.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
71
Version - 25.1/shop.js
Normal file
71
Version - 25.1/shop.js
Normal file
@@ -0,0 +1,71 @@
|
||||
|
||||
|
||||
|
||||
// Update
|
||||
function update(){
|
||||
let i = JSON.stringify(items);
|
||||
localStorage.setItem('items', i);
|
||||
}
|
||||
|
||||
// Load
|
||||
function load(){
|
||||
items = JSON.parse(localStorage.getItem('items'));
|
||||
document.getElementById('disclick').innerHTML=`You've clicked ${items.clicks} times!`
|
||||
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('dislem').innerHTML=`You've got ${items.lemons} lemons!`
|
||||
document.getElementById('dislt3').innerHTML=`You've got ${items.lt3} L. trees!`
|
||||
|
||||
}
|
||||
load();
|
||||
|
||||
function upload(){
|
||||
update();
|
||||
load();
|
||||
}
|
||||
// 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 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();
|
||||
}
|
||||
43
Version - 25.1/style.css
Normal file
43
Version - 25.1/style.css
Normal file
@@ -0,0 +1,43 @@
|
||||
body {
|
||||
font-size: 15pt;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#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;
|
||||
}
|
||||
BIN
Version - 25/img/Cat.png
Normal file
BIN
Version - 25/img/Cat.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
Version - 25/img/Click.png
Normal file
BIN
Version - 25/img/Click.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
Version - 25/img/Dog.png
Normal file
BIN
Version - 25/img/Dog.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
BIN
Version - 25/img/Fox.png
Normal file
BIN
Version - 25/img/Fox.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.2 KiB |
BIN
Version - 25/img/Lemons.png
Normal file
BIN
Version - 25/img/Lemons.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
Version - 25/img/Lemt3.png
Normal file
BIN
Version - 25/img/Lemt3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
Version - 25/img/Wolf.png
Normal file
BIN
Version - 25/img/Wolf.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
37
Version - 25/index.html
Normal file
37
Version - 25/index.html
Normal file
@@ -0,0 +1,37 @@
|
||||
<!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">
|
||||
<img src = "https://i.postimg.cc/NLr5Rrpy/Zm-kl.png" id="pressed">
|
||||
</div>
|
||||
|
||||
<!-- Project -->
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
58
Version - 25/main.js
Normal file
58
Version - 25/main.js
Normal file
@@ -0,0 +1,58 @@
|
||||
// Items
|
||||
var items
|
||||
|
||||
var anime = false
|
||||
|
||||
function load(){
|
||||
if (localStorage.getItem('items')!=null){
|
||||
items = JSON.parse(localStorage.getItem('items'));
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
window.onload = function(){
|
||||
load();
|
||||
update();
|
||||
}
|
||||
|
||||
|
||||
function beriba(){
|
||||
document.getElementById('unpressed').style.visibility='visible'
|
||||
document.getElementById('pressed').style.visibility='hidden'
|
||||
anime=true;
|
||||
}
|
||||
|
||||
function reset(){
|
||||
items = {
|
||||
clicks:0,
|
||||
dogs:0,
|
||||
cats:0,
|
||||
foxes:0,
|
||||
wolfs:0,
|
||||
lemons:0,
|
||||
lt3:0,
|
||||
}
|
||||
update()
|
||||
}
|
||||
|
||||
// Update
|
||||
function update(){
|
||||
let i = JSON.stringify(items);
|
||||
localStorage.setItem('items', i);
|
||||
document.getElementById('disclick').innerHTML=`You've clicked ${items.clicks} times!`
|
||||
}
|
||||
|
||||
|
||||
// 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)
|
||||
}
|
||||
147
Version - 25/shop.css
Normal file
147
Version - 25/shop.css
Normal file
@@ -0,0 +1,147 @@
|
||||
body{
|
||||
font-size: 15pt;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/* Dog */
|
||||
#logdog{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 90px;
|
||||
}
|
||||
#imgdog{
|
||||
position: absolute;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
}
|
||||
#buydog{
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
left: 69px;
|
||||
background-color: darkorange;
|
||||
}
|
||||
#disdog{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
left: 230px;
|
||||
bottom: 2px;
|
||||
margin: 0 0 -10px 0;
|
||||
}
|
||||
|
||||
/* Cats */
|
||||
#logcat{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 140px;
|
||||
}
|
||||
#buycat{
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
left: 69px;
|
||||
background-color: orange;
|
||||
}
|
||||
#discat{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
left: 230px;
|
||||
bottom: 2px;
|
||||
margin: 0 0 -10px 0;
|
||||
}
|
||||
|
||||
/* Foxes */
|
||||
#logfox{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 190px;
|
||||
}
|
||||
#buyfox{
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
left: 69px;
|
||||
background-color: lightsalmon;
|
||||
}
|
||||
#disfox{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
left: 230px;
|
||||
bottom: 2px;
|
||||
margin: 0 0 -10px 0;
|
||||
}
|
||||
|
||||
/* Wolfs */
|
||||
#logwol{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 240px;
|
||||
}
|
||||
#buywol{
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
left: 69px;
|
||||
background-color: lightgray;
|
||||
}
|
||||
#diswol{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
left: 230px;
|
||||
bottom: 2px;
|
||||
margin: 0 0 -10px 0;
|
||||
}
|
||||
|
||||
/* Lemons */
|
||||
#loglem{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 290px;
|
||||
}
|
||||
#buylem{
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
left: 69px;
|
||||
background-color: yellow;
|
||||
}
|
||||
#dislem{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
left: 230px;
|
||||
bottom: 2px;
|
||||
margin: 0 0 -10px 0;
|
||||
}
|
||||
|
||||
/* Lemon trees */
|
||||
#logLt3{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
top: 340px;
|
||||
}
|
||||
#buyLt3{
|
||||
position: absolute;
|
||||
width: 150px;
|
||||
height: 40px;
|
||||
left: 69px;
|
||||
background-color: lightgoldenrodyellow;
|
||||
}
|
||||
#dislt3{
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
left: 230px;
|
||||
bottom: 2px;
|
||||
margin: 0 0 -10px 0;
|
||||
}
|
||||
86
Version - 25/shop.html
Normal file
86
Version - 25/shop.html
Normal file
@@ -0,0 +1,86 @@
|
||||
<!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 -->
|
||||
<div>
|
||||
<a href="index.html" id="click.brb">Go to BRB!</a>
|
||||
</div>
|
||||
|
||||
<!-- Clicks -->
|
||||
<div id="logclick">
|
||||
<p id="disclick">
|
||||
</div>
|
||||
|
||||
|
||||
<!-- ITEMS -->
|
||||
|
||||
<!-- Dog -->
|
||||
<div id="logdog">
|
||||
<img src="Dog.png" id="imgdog">
|
||||
<button id="buydog" onclick="buydog()">
|
||||
Buy a Dog for 100 clicks
|
||||
</button>
|
||||
<p id="disdog">
|
||||
</div>
|
||||
|
||||
<!-- Cat -->
|
||||
<div id="logcat">
|
||||
<button id="buycat" onclick="buycat()">
|
||||
Buy a Cat for 10 dogs
|
||||
</button>
|
||||
<p id="discat">
|
||||
</div>
|
||||
|
||||
<!-- lemons -->
|
||||
<div id="loglem">
|
||||
<button id="buylem" onclick="buylem()">
|
||||
Buy a Lemon for ### cats
|
||||
</button>
|
||||
<p id="dislem">
|
||||
</div>
|
||||
|
||||
<!-- Fox -->
|
||||
<div id="logfox">
|
||||
<button id="buyfox" onclick="buyfox()">
|
||||
Buy a Fox for 15 dogs
|
||||
</button>
|
||||
<p id="disfox">
|
||||
</div>
|
||||
|
||||
<!-- Wolf -->
|
||||
<div id="logwol">
|
||||
<button id="buywol" onclick="buywol()">
|
||||
Buy a Wolf for 6 dogs and 5 foxes
|
||||
</button>
|
||||
<p id="diswol">
|
||||
</div>
|
||||
|
||||
<!-- Lemn t3-->
|
||||
<div id="logLt3">
|
||||
<button id="buyLt3" onclick="buylt3()">
|
||||
Buy a Lemon Tree for 5 lemons
|
||||
</button>
|
||||
<p id="dislt3">
|
||||
</div>
|
||||
|
||||
<script src="shop.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
71
Version - 25/shop.js
Normal file
71
Version - 25/shop.js
Normal file
@@ -0,0 +1,71 @@
|
||||
|
||||
|
||||
|
||||
// Update
|
||||
function update(){
|
||||
let i = JSON.stringify(items);
|
||||
localStorage.setItem('items', i);
|
||||
}
|
||||
|
||||
// Load
|
||||
function load(){
|
||||
items = JSON.parse(localStorage.getItem('items'));
|
||||
document.getElementById('disclick').innerHTML=`You've clicked ${items.clicks} times!`
|
||||
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('dislem').innerHTML=`You've got ${items.lemons} lemons!`
|
||||
document.getElementById('dislt3').innerHTML=`You've got ${items.lt3} L. trees!`
|
||||
|
||||
}
|
||||
load();
|
||||
|
||||
function upload(){
|
||||
update();
|
||||
load();
|
||||
}
|
||||
// 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 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();
|
||||
}
|
||||
43
Version - 25/style.css
Normal file
43
Version - 25/style.css
Normal file
@@ -0,0 +1,43 @@
|
||||
body {
|
||||
font-size: 15pt;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#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;
|
||||
}
|
||||
54
Version - 26/add.txt
Normal file
54
Version - 26/add.txt
Normal file
@@ -0,0 +1,54 @@
|
||||
click.offline.make
|
||||
max 5 hour
|
||||
|
||||
BuyDog dog.log clicks/s
|
||||
|
||||
1 dog = 1 clicks/s
|
||||
1 cat = 100 clicks/s
|
||||
1 fox = 150 clicks/s
|
||||
|
||||
1 hamster = 10 000 c/s
|
||||
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, ...
|
||||
total production
|
||||
|
||||
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
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user