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

No:36320

96

idle game
Developer Spy｜Date and time 24/1/17 10:26:07
Build time 26.165 sec｜Game capacity 5.452KB｜

สวัสดีครับ! นี่คือแพลตฟอร์มเกมอ้างอิงให้เขียนเป็นเกมแนว idle game ในรูปแบบของเว็บไซต์ HTML พร้อมใช้งานบนสมาร์ทโฟน โดยใช้ภาษา JavaScript ในส่วนของการประมวลผล ตั้งแต่เริ่มต้นเลยครับ สิ่งแรกที่ต้องทำคือสร้างไฟล์ HTML หรือสร้างไฟล์ใหม่แล้วเขียนโค้ดตามตัวอย่างด้านล่างนี้ครับ:

Idle Game ของฉัน

ต่อไปเราจะเขียนส่วนของ JavaScript สำหรับเกม idle game ครับ:
นอกจากนี้คุณยังสามารถเพิ่มบล็อกที่จะเรียกซื้อจำนวนคลิกอัตโนมัติหากต้องการในส่วน HTML ได้ดังนี้:

สถานะ

คะแนน: 0

คลิกอัตโนมัติ: 0

ในส่วนนี้คุณสามารถปรับแต่งสไตล์และข้อความตามความเหมาะสมของคุณได้ครับ ลองใช้ pictograms เพื่อให้มีความสนุกมากยิ่งขึ้นได้อีกด้วย! อ่านเพิ่มเติมเกี่ยวกับการพัฒนาเกมใน HTML และ JavaScript ได้ที่: - [การสร้างเกมใน JavaScript](https://developer.mozilla.org/th/docs/Games) - [DOM Manipulation ด้วย JavaScript](https://developer.mozilla.org/th/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents)

→ 　

0　

0　

[PR]現在の売れ筋グッズランキング

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

(C)2023 HisashiApp

สวัสดีครับ! นี่คือแพลตฟอร์มเกมอ้างอิงให้เขียนเป็นเกมแนว idle game ในรูปแบบของเว็บไซต์ HTML พร้อมใช้งานบนสมาร์ทโฟน โดยใช้ภาษา JavaScript ในส่วนของการประมวลผล ตั้งแต่เริ่มต้นเลยครับ

สิ่งแรกที่ต้องทำคือสร้างไฟล์ HTML หรือสร้างไฟล์ใหม่แล้วเขียนโค้ดตามตัวอย่างด้านล่างนี้ครับ:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Idle Game ของฉัน</title>
    <style>
        /* สไตล์ CSS เพื่อปรับแต่งตกแต่งหน้าต่างและรายการของคุณ */
    </style>
</head>
<body>
    <h1>Idle Game ของฉัน</h1>
    
    <div id="gameContainer">
        
    </div>
    
    <script>
        // โค้ด JavaScript ที่ใช้ในเกม
    </script>
</body>
</html>
```

ต่อไปเราจะเขียนส่วนของ JavaScript สำหรับเกม idle game ครับ:

```javascript
<script>
    // เริ่มสร้างตัวแปรสำหรับเก็บข้อมูลเกม
    var score = 0; // คะแนนของคุณ
    var autoClicks = 0; // จำนวนการคลิกอัตโนมัติที่คุณมี
    
    // สร้างตัวแปรสำหรับตั้งค่าเกม คุณสามารถปรับแต่งตัวอย่างตามต้องการได้
    var scorePerClick = 10; // คะแนนที่ได้รับต่อการคลิก
    var autoClicksPerSecond = 1; // อัตโนมัติคลิกต่อวินาที
    
    // เริ่มรับค่าเมื่อหน้าต่างโหลดตัวเกม
    window.onload = function() {
        // แสดงค่าเริ่มต้นสำหรับผู้เล่น
        updateScore();
        updateAutoClicks();
        
        // ตั้งค่าการอัพเดตคะแนนต่อวินาทีอัตโนมัติ
        setInterval(function() {
            score += autoClicks;
            updateScore();
        }, 1000);
    };
    
    // ฟังก์ชันสำหรับเพิ่มคะแนนเมื่อคุณคลิก
    function click() {
        score += scorePerClick;
        updateScore();
    }
    
    // ฟังก์ชันสำหรับเพิ่มการคลิกอัตโนมัติ
    function buyAutoClick() {
        var autoClickCost = Math.floor(10 * Math.pow(1.1, autoClicks)); // ต้นทุนการซื้อจำนวนคลิกอัตโนมัติ
        if (score >= autoClickCost) {
            autoClicks++;
            score -= autoClickCost;
            updateAutoClicks();
            updateScore();
        }
    }
    
    // ฟังก์ชันสำหรับอัพเดตคะแนนที่แสดงบนหน้าต่าง
    function updateScore() {
        document.getElementById("score").innerHTML = "คะแนน: " + score;
    }
    
    // ฟังก์ชันสำหรับอัพเดตจำนวนคลิกอัตโนมัติที่แสดงบนหน้าต่าง
    function updateAutoClicks() {
        document.getElementById("autoclicks").innerHTML = "คลิกอัตโนมัติ: " + autoClicks;
    }
</script>
```

นอกจากนี้คุณยังสามารถเพิ่มบล็อกที่จะเรียกซื้อจำนวนคลิกอัตโนมัติหากต้องการในส่วน HTML ได้ดังนี้:

```html
<h2>สถานะ</h2>
<div id="score">คะแนน: 0</div>
<div id="autoclicks">คลิกอัตโนมัติ: 0</div>
<button onclick="click()">คลิก!</button>
<button onclick="buyAutoClick()">ซื้อการคลิกอัตโนมัติ</button>
```

ในส่วนนี้คุณสามารถปรับแต่งสไตล์และข้อความตามความเหมาะสมของคุณได้ครับ ลองใช้ pictograms เพื่อให้มีความสนุกมากยิ่งขึ้นได้อีกด้วย!

อ่านเพิ่มเติมเกี่ยวกับการพัฒนาเกมใน HTML และ JavaScript ได้ที่:
- [การสร้างเกมใน JavaScript](https://developer.mozilla.org/th/docs/Games)
- [DOM Manipulation ด้วย JavaScript](https://developer.mozilla.org/th/docs/Learn/JavaScript/Client-side_web_APIs/Manipulating_documents)