A clicking cookie gaaaame...
How do I make an a clicking cookie gaaaame...?
With css & jquery - best playable in full/debug viewBuilt in some boring school-lesson. What is a a clicking cookie gaaaame...? How do you make a a clicking cookie gaaaame...? This script and codes were developed by Gabriel on 18 July 2022, Monday.
A clicking cookie gaaaame... - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>a clicking cookie gaaaame...</title> <link href='//fonts.googleapis.com/css?family=Press+Start+2P' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.min.css'> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ * { margin: 0; padding: 0; -webkit-user-drag: none; -moz-user-drag: none; user-drag: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none;
}
body { background-color: #6a9fd4; background-image: url(http://i.imgur.com/1rlKt0n.jpg); font-family: 'Press Start 2P', sans-serif; background-size: cover; background-repeat: no-repeat; color: #E8E3E2; text-align: center;
}
.gamearea { box-shadow: 0 0 15px #222; width: 640px; height: 480px; margin: 20px auto 0; position: relative; background: #222; color: #E8E3E2;
}
h1 { text-align: center; font-size: 20px; color: #E8E3E2; text-transform: uppercase; margin: 40px 0;
}
.start { position: absolute; text-align: center; top: 225px; left: 50%; margin-left: -122px; height: 35px; width: 225px; line-height: 35px; padding: 10px; border-radius: 3px; background: #581C7B; transition: box-shadow .2s ease-in-out; cursor: pointer; font-size: 11px;
}
.start:hover { box-shadow: 0 0 15px #581C7B;
}
.cookie { display: none; width: 90px; height: 90px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNERFRjAwM0E5MUExMUUzODQ0NkYxMTMxOEI1M0E4RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNERFRjAwNEE5MUExMUUzODQ0NkYxMTMxOEI1M0E4RCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI0REVGMDAxQTkxQTExRTM4NDQ2RjExMzE4QjUzQThEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI0REVGMDAyQTkxQTExRTM4NDQ2RjExMzE4QjUzQThEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Fj2/YgAAEu1JREFUeNrsXWms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); position: absolute; cursor: pointer; user-drag: none;
}
.win { position: absolute; width: 100%; height: 215px; top: 125px; background: #FF6902; display: none;
}
i.fa { font-size: 35px;
}
a { color: #E8E3E2; text-decoration: none;
}
.info { width: 640px; margin: 0 auto; border-top: 10px solid #E8E3E2; padding-top: 5px; background: #222;
}
.info > .points, .info > .timer, .info > .other { height: 50px; line-height: 25px; float: left; width: 33.3333333333333333%; background: #222; color: #E8E3E2;
}
.clearfix:before,.clearfix:after { content: " ";display: table;} .clearfix:after {clear: both;} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <h1>a clicking cookie gaaaame...</h1>
<div class="gamearea"> <div class="start">START THE GAAAAAME!</div> <div class="cookie"></div> <div class="win"> <h1>TIME IS UP!</h1> Your score: <br><br> <span class="win-score">100</span> points <br><br> <a href="#" target="_blank" title="tweet your score!" class="tweet"><i class="fa fa-twitter-square"></i></a> <a href="" class="restart" title="play again"><i class="fa fa-caret-square-o-right"></i></a> <br> </div>
</div>
<div class="info"> <div class="points"> SCORE<br> <p class="score">000</p> </div> <div class="timer"> TIME<br> <p class="time"> ??? </p> </div> <div class="other"> AUTHOR<br> <small><a href="http://codebrauer.de">@CodeBrauer</a></small> </div>
</div>
<div class="clearfix"></div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
A clicking cookie gaaaame... - Script Codes CSS Codes
* { margin: 0; padding: 0; -webkit-user-drag: none; -moz-user-drag: none; user-drag: none; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none;
}
body { background-color: #6a9fd4; background-image: url(http://i.imgur.com/1rlKt0n.jpg); font-family: 'Press Start 2P', sans-serif; background-size: cover; background-repeat: no-repeat; color: #E8E3E2; text-align: center;
}
.gamearea { box-shadow: 0 0 15px #222; width: 640px; height: 480px; margin: 20px auto 0; position: relative; background: #222; color: #E8E3E2;
}
h1 { text-align: center; font-size: 20px; color: #E8E3E2; text-transform: uppercase; margin: 40px 0;
}
.start { position: absolute; text-align: center; top: 225px; left: 50%; margin-left: -122px; height: 35px; width: 225px; line-height: 35px; padding: 10px; border-radius: 3px; background: #581C7B; transition: box-shadow .2s ease-in-out; cursor: pointer; font-size: 11px;
}
.start:hover { box-shadow: 0 0 15px #581C7B;
}
.cookie { display: none; width: 90px; height: 90px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAYAAAA4qEECAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCNERFRjAwM0E5MUExMUUzODQ0NkYxMTMxOEI1M0E4RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCNERFRjAwNEE5MUExMUUzODQ0NkYxMTMxOEI1M0E4RCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI0REVGMDAxQTkxQTExRTM4NDQ2RjExMzE4QjUzQThEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI0REVGMDAyQTkxQTExRTM4NDQ2RjExMzE4QjUzQThEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Fj2/YgAAEu1JREFUeNrsXWms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); position: absolute; cursor: pointer; user-drag: none;
}
.win { position: absolute; width: 100%; height: 215px; top: 125px; background: #FF6902; display: none;
}
i.fa { font-size: 35px;
}
a { color: #E8E3E2; text-decoration: none;
}
.info { width: 640px; margin: 0 auto; border-top: 10px solid #E8E3E2; padding-top: 5px; background: #222;
}
.info > .points, .info > .timer, .info > .other { height: 50px; line-height: 25px; float: left; width: 33.3333333333333333%; background: #222; color: #E8E3E2;
}
.clearfix:before,.clearfix:after { content: " ";display: table;} .clearfix:after {clear: both;}
A clicking cookie gaaaame... - Script Codes JS Codes
var sb = $('.start');
var ck = $('.cookie');
var sc = $('p.score');
var tm = $('p.time');
var GAME_STARTED = 0;
var TIMER = 50+1;
var SCORE = 0;
var SCORE_DISPLAY = "000";
// startbutton animation
sb.click(function(){ sb.animate({ width: '100%', height: '0', lineHeight: '0', marginLeft: '-320px', padding: '0', opacity: '.1', borderRadius: '0' }, 500, function(){ // game starting... sb.hide(); setTimeout(function(){ ck.css({ top: rand(0,390)+"px", left: rand(0,547)+"px" }); ck.fadeIn('slow'); GAME_STARTED = 1; },750); });
});
// game event click
ck.click(function(){ ck.animate({ top: rand(0,390)+"px", left: rand(0,547)+"px", }, 75); //ck.css('transform',' rotate(' + rand(0,360) + 'deg)'); SCORE += 1; if (SCORE < 10) { SCORE_DISPLAY = "00"+SCORE; } else if (SCORE < 100) { SCORE_DISPLAY = "0"+SCORE; } else { SCORE_DISPLAY = SCORE; } sc.html(SCORE_DISPLAY);
});
// Timing
setInterval(function(){ if(GAME_STARTED == 1) { TIMER -= 1; tm.html(TIMER); // timer ended - game stoped - winnig-screen if(TIMER <= 0) { GAME_STARTED = 0; ck.hide(); $('.tweet').attr('href', 'https://twitter.com/home?status=my%20score%20on%20%22A%20CLICKING%20COOKIE%20GAAAAME...%22:%20'+SCORE_DISPLAY+'%20points%0ATry%20it:%20http://cdpn.io/mwHil'); $('.win').fadeIn('slow'); $('.win-score').html(SCORE_DISPLAY); return; } }
},1000);
// functions for extranal file
function rand(min, max) { var argc = arguments.length; if (argc === 0) { min = 0; max = 2147483647; } else if (argc === 1) { throw new Error('Warning: rand() expects exactly 2 parameters, 1 given'); } return Math.floor(Math.random() * (max - min + 1)) + min;
}
Developer | Gabriel |
Username | gab |
Uploaded | July 18, 2022 |
Rating | 3.5 |
Size | 16,067 Kb |
Views | 38,456 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Picture overlay | 2,450 Kb |
LocalStorage Test | 2,927 Kb |
CSS3 Login | 3,115 Kb |
Vcard dev | 3,138 Kb |
Cool toggle with filling effect | 2,499 Kb |
Projects page | 4,147 Kb |
Gmaps.js with refresh location button | 2,293 Kb |
A Pen by Gabriel | 2,459 Kb |
HINT.css - just a little test | 1,926 Kb |
Inline editing with jquery | 2,576 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
This in constructor context | _shree33 | 1,718 Kb |
ABVI Menu Discarded | Overdrivemachines | 3,607 Kb |
Transitioning application screens with semantically named classes | Djgrant | 3,697 Kb |
E-mail Template | SoloMDFK | 4,871 Kb |
CSS3 Fullscreen Background Slideshow | Leetech | 3,435 Kb |
NeeilTimer | Neeilan | 2,836 Kb |
Clock with full screen background | Owebboy | 2,415 Kb |
Animated Vertical CSS3 Menu Black | MaCeLMp4 | 2,750 Kb |
Airbnb Homepage | SindhujaD | 2,480 Kb |
Sticky div | Kaslab | 2,225 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!