Click here for free DL of the app version that can save data.

No:29382

Make cookies 🍪🍪🍪🍪🍪🍪🍪 click to add a cookie on the..ALL
Developer User12706｜Date and time 23/12/17 7:07:46
Build time 37.16 sec｜Game capacity 4.247KB｜

Script

Sure! Here's an example of a simple game where you can make cookies by clicking, dragging, and using a timer.

Cookie Maker Game

In this game, you'll see a pan and an oven on the screen. By clicking the "Add a Cookie on the Pan" button, a cookie pictogram (represented by a div) will be added to the pan. You can click and drag the cookie around the screen. If you drop the cookie inside the oven, a timer will start counting down from 60 seconds. Once the timer reaches 0, an alert will appear indicating that the cookie is ready. Please note that you'll need to have a `emozi_all/cookie.png` image file in the same directory as the HTML file for the cookie pictogram to be displayed correctly.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

Click here for free DL of the app version that can save data.

Sure! Here's an example of a simple game where you can make cookies by clicking, dragging, and using a timer.

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Cookie Maker Game</title>
    <style>
        #pan {
            width: 200px;
            height: 200px;
            border: 2px solid black;
            position: relative;
        }
        
        #oven {
            width: 200px;
            height: 200px;
            border: 2px solid black;
            position: absolute;
            top: 220px;
        }
        
        #cookie {
            width: 50px;
            height: 50px;
            background: url("cookie.png") no-repeat;
            background-size: contain;
            position: absolute;
        }
    </style>
</head>
<body>
    <h1>Cookie Maker Game</h1>
    <div id="pan">
        <div id="oven"></div>
    </div>
    <button id="cookie-btn">Add a Cookie on the Pan</button>
    <script>
        // Initialize variables
        let pan = document.getElementById('pan');
        let oven = document.getElementById('oven');
        let cookieBtn = document.getElementById('cookie-btn');
        let timer;
        
        // Event listener for clicking the "Add a Cookie" button
        cookieBtn.addEventListener('click', addCookieOnPan);
        
        function addCookieOnPan() {
            let cookie = createCookie();
            pan.appendChild(cookie);
            cookie.addEventListener('mousedown', startDrag);
            cookie.addEventListener('mouseup', stopDrag);
        }
        
        function createCookie() {
            let cookie = document.createElement("div");
            cookie.id = "cookie";
            return cookie;
        }
        
        function startDrag(e) {
            let cookie = e.target;
            cookie.style.position = 'absolute';
            document.body.appendChild(cookie); // Move the cookie to the top layer
            moveAt(e.clientX, e.clientY);
            
            // Move the cookie on drag
            function moveAt(pageX, pageY) {
                cookie.style.left = pageX - cookie.offsetWidth / 2 + 'px';
                cookie.style.top = pageY - cookie.offsetHeight / 2 + 'px';
            }
            
            // Update the cookie position while dragging
            function onMouseMove(e) {
                moveAt(e.pageX, e.pageY);
            }
            
            // Stop dragging on mouse up
            document.addEventListener('mousemove', onMouseMove);
            cookie.addEventListener('mouseup', stopDrag);
        }
        
        function stopDrag(e) {
            let cookie = e.target;
            document.removeEventListener('mousemove', onMouseMove);
            
            // Check if the cookie is inside the oven
            let ovenRect = oven.getBoundingClientRect();
            let cookieRect = cookie.getBoundingClientRect();
            if (
                cookieRect.left >= ovenRect.left &&
                cookieRect.right <= ovenRect.right &&
                cookieRect.top >= ovenRect.top &&
                cookieRect.bottom <= ovenRect.bottom
            ) {
                startTimer(cookie);
            }
        }
        
        function startTimer(cookie) {
            let timerValue = 60; // 1 minute
            timer = setInterval(function() {
                cookie.innerText = timerValue + 's';
                timerValue--;
                if (timerValue < 0) {
                    clearInterval(timer);
                    cookie.remove();
                    alert('Cookie is ready!');
                }
            }, 1000);
        }
    </script>
</body>
</html>
```

Please note that you'll need to have a `cookie.png` image file in the same directory as the HTML file for the cookie pictogram to be displayed correctly.