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

No:34955

←

Prev Next

→

particle
Developer User16397｜Date and time 24/1/12 21:26:56
Build time 15.255 sec｜Game capacity 3.745KB｜

Script

Mencari Partikel

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Mencari Partikel</title>
</head>
<body>
    <h1>Mencari Partikel</h1>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>

// Inisialisasi variabel
        var canvas;
        var canvasContext;
        var particleX = 200;
        var particleY = 200;
        var particleSpeedX = 5;
        var particleSpeedY = 5;

// Fungsi yang akan dijalankan saat halaman dimuat
        window.onload = function() {
            canvas = document.getElementById("gameCanvas");
            canvasContext = canvas.getContext("2d");

// Set interval untuk update game setiap 30 milidetik
            setInterval(update, 30);

// Mendengarkan event ketika pengguna menyentuh layar smartphone
            canvas.addEventListener("touchstart", handleTouchStart, false);
            canvas.addEventListener("touchmove", handleTouchMove, false);

// Mendengarkan event ketika pengguna menggunakan mouse
            canvas.addEventListener("mousedown", handleMouseDown, false);
            canvas.addEventListener("mousemove", handleMouseMove, false);
        }

// Fungsi untuk mengupdate game
        function update() {
            moveParticle();
            drawEverything();
        }

// Fungsi untuk menggerakan partikel berdasarkan sentuhan layar smartphone
        function handleTouchStart(event) {
            event.preventDefault();
            var touch = event.touches[0];
            particleX = touch.pageX;
            particleY = touch.pageY;
        }

// Fungsi untuk menggerakan partikel berdasarkan pergerakan sentuhan layar smartphone
        function handleTouchMove(event) {
            event.preventDefault();
            var touch = event.touches[0];
            particleX = touch.pageX;
            particleY = touch.pageY;
        }

// Fungsi untuk menggerakan partikel berdasarkan klik mouse
        function handleMouseDown(event) {
            particleX = event.clientX;
            particleY = event.clientY;
        }

// Fungsi untuk menggerakan partikel berdasarkan pergerakan mouse
        function handleMouseMove(event) {
            particleX = event.clientX;
            particleY = event.clientY;
        }

// Fungsi untuk menggerakan partikel
        function moveParticle() {
            // Memastikan partikel tidak keluar dari batas layar
            if (particleX < 0 || particleX > canvas.width) {
                particleSpeedX = -particleSpeedX;
            }
            if (particleY < 0 || particleY > canvas.height) {
                particleSpeedY = -particleSpeedY;
            }

// Mengubah posisi partikel
            particleX += particleSpeedX;
            particleY += particleSpeedY;
        }

// Fungsi untuk menggambar semua elemen pada canvas
        function drawEverything() {
            // Menggambar latar belakang
            colorRect(0, 0, canvas.width, canvas.height, "black");

// Menggambar partikel
            colorCircle(particleX, particleY, 10, "white");
        }

// Fungsi untuk menggambar persegi berwarna
        function colorRect(leftX, topY, width, height, color) {
            canvasContext.fillStyle = color;
            canvasContext.fillRect(leftX, topY, width, height);
        }

// Fungsi untuk menggambar lingkaran berwarna
        function colorCircle(centerX, centerY, radius, color) {
            canvasContext.fillStyle = color;
            canvasContext.beginPath();
            canvasContext.arc(centerX, centerY, radius, 0, Math.PI*2, true);
            canvasContext.fill();
        }

</script>
</body>
</html>