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

No:35446

46

Make A Game Where You Click A Cookie To Gain Cooki..ALL
Developer User16539｜Date and time 24/1/14 12:29:41
Build time 17.122 sec｜Game capacity 5.543KB｜

Sure! Here's an example of a simple game where you can click a cookie to gain cookies and buy various upgrades. The game is implemented as a single HTML file with JavaScript enclosed in script tags. It supports smartphone operation and uses pictograms for the upgrades.

Cookie Clicker

0 cookies

Cursor

Cursor: 10 cookies

Grandma

Grandma: 100 cookies

Farm

Farm: 500 cookies

Facility

Facility: 1000 cookies

Bank

Bank: 5000 cookies

Cult

Cult: 10000 cookies

God

God: 100000 cookies

In this game, you can click on the cookie to gain cookies. The cookie count is displayed, and you can buy various upgrades by clicking on the upgrade buttons corresponding to cursors, grandmas, farms, facilities, banks, cults, and gods. Each upgrade has a price, and once you buy an upgrade, it increases your cookies per click. You can also enable auto-clicking feature by clicking on the "Auto Click" button if you have at least 1000 cookies. The auto-click feature automatically clicks the cookie every 100 milliseconds. Please note that you'll need to replace the image URLs for the cookie, cursor, grandma, farm, facility, bank, cult, and god, with the actual image URLs you have. You can use image URLs hosted online or provide local image files.

→ 　

0　

0　

[PR]現在の売れ筋Kindle本ランキング

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

(C)2023 HisashiApp

Sure! Here's an example of a simple game where you can click a cookie to gain cookies and buy various upgrades. The game is implemented as a single HTML file with JavaScript enclosed in script tags. It supports smartphone operation and uses pictograms for the upgrades.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Cookie Clicker</title>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        #cookie {
            width: 200px;
            height: 200px;
            margin: 50px auto;
            background-image: url('cookie.png');
            background-size: cover;
            cursor: pointer;
        }
        #cookieCount {
            font-size: 24px;
        }
        .upgrade {
            display: inline-block;
            margin: 10px;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
            cursor: pointer;
        }
        #upgrades {
            margin-top: 50px;
        }
        .upgrade img {
            width: 64px;
            height: 64px;
            margin-bottom: 5px;
        }
        #autoClickBtn {
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>Cookie Clicker</h1>
    <div id="cookie" onclick="clickCookie()"></div>
    <h2 id="cookieCount">0 cookies</h2>
    <div id="upgrades">
        <div class="upgrade" onclick="buyUpgrade(0)">
            <img src="cursor.png" alt="Cursor" /><br />
            Cursor: 10 cookies
        </div>
        <div class="upgrade" onclick="buyUpgrade(1)">
            <img src="grandma.png" alt="Grandma" /><br />
            Grandma: 100 cookies
        </div>
        <div class="upgrade" onclick="buyUpgrade(2)">
            <img src="farm.png" alt="Farm" /><br />
            Farm: 500 cookies
        </div>
        <div class="upgrade" onclick="buyUpgrade(3)">
            <img src="facility.png" alt="Facility" /><br />
            Facility: 1000 cookies
        </div>
        <div class="upgrade" onclick="buyUpgrade(4)">
            <img src="bank.png" alt="Bank" /><br />
            Bank: 5000 cookies
        </div>
        <div class="upgrade" onclick="buyUpgrade(5)">
            <img src="cult.png" alt="Cult" /><br />
            Cult: 10000 cookies
        </div>
        <div class="upgrade" onclick="buyUpgrade(6)">
            <img src="god.png" alt="God" /><br />
            God: 100000 cookies
        </div>
    </div>
    <div id="autoClickBtn">
        <button onclick="toggleAutoClick()">Auto Click (1000 cookies)</button>
    </div>
    <script>
        let cookieCount = 0;
        let cookiesPerClick = 1;
        let upgrades = [
            { name: 'Cursor', price: 10, cps: 1 },
            { name: 'Grandma', price: 100, cps: 5 },
            { name: 'Farm', price: 500, cps: 10 },
            { name: 'Facility', price: 1000, cps: 20 },
            { name: 'Bank', price: 5000, cps: 50 },
            { name: 'Cult', price: 10000, cps: 100 },
            { name: 'God', price: 100000, cps: 1000 }
        ];
        let autoClickEnabled = false;
        
        function updateCookieCount() {
            document.getElementById('cookieCount').textContent = cookieCount + ' cookies';
        }
        
        function clickCookie() {
            cookieCount += cookiesPerClick;
            updateCookieCount();
        }
        
        function buyUpgrade(index) {
            const upgrade = upgrades[index];
            if (cookieCount >= upgrade.price) {
                cookieCount -= upgrade.price;
                cookiesPerClick += upgrade.cps;
                upgrade.price *= 1.2; // Increase price by 20%
                document.getElementsByClassName('upgrade')[index].innerHTML = `
                    <img src="${upgrade.name.toLowerCase()}.png" alt="${upgrade.name}" /><br />
                    ${upgrade.name}: ${upgrade.price.toFixed(0)} cookies
                `;
                updateCookieCount();
            }
        }
        
        function autoClick() {
            clickCookie();
            setTimeout(autoClick, 100);
        }
        
        function toggleAutoClick() {
            if (cookieCount >= 1000) {
                autoClickEnabled = !autoClickEnabled;
                if (autoClickEnabled) {
                    cookieCount -= 1000;
                    updateCookieCount();
                    autoClick();
                    document.getElementById('autoClickBtn').innerHTML = '';
                } else {
                    document.getElementById('autoClickBtn').innerHTML = `
                        <button onclick="toggleAutoClick()">Auto Click (1000 cookies)</button>
                    `;
                }
            }
        }
    </script>
</body>
</html>
```

In this game, you can click on the cookie to gain cookies. The cookie count is displayed, and you can buy various upgrades by clicking on the upgrade buttons corresponding to cursors, grandmas, farms, facilities, banks, cults, and gods. Each upgrade has a price, and once you buy an upgrade, it increases your cookies per click. You can also enable auto-clicking feature by clicking on the "Auto Click" button if you have at least 1000 cookies. The auto-click feature automatically clicks the cookie every 100 milliseconds.

Please note that you'll need to replace the image URLs for the cookie, cursor, grandma, farm, facility, bank, cult, and god, with the actual image URLs you have. You can use image URLs hosted online or provide local image files.