inlink.my — Publish project & file jadi link

Fungsi utama

Dua modul penting untuk publish idea dengan cepat.

Direka untuk creator, seller, developer kecil, marketer dan team yang mahu buat landing page tanpa setup yang rumit.

⌘

Project

Masukkan coding HTML, CSS dan JavaScript dalam editor. Preview secara live, simpan versi project, kemudian publish sebagai link.

Editor berasingan untuk HTML, CSS dan JS.
Live preview sebelum publish.
Publish slug link seperti inlink.my/nama-project.
Sesuai untuk landing page, microsite, form, portfolio dan demo produk.

▣

File

Upload gambar atau video untuk dijadikan asset. Generate layout landing page ringkas atau copy embed code untuk digunakan dalam project.

Sokong gambar dan video untuk preview.
Auto-generate snippet <img> atau <video>.
Gunakan file sebagai banner, gallery, testimoni atau video jualan.
Boleh digabung terus ke dalam editor project.

Cara guna

Dari kod atau file kepada link dalam beberapa langkah.

Flow produk yang mudah difahami untuk pengguna baru dan cukup fleksibel untuk pengguna teknikal.

Create

Buka project baru atau upload file media yang ingin digunakan.

Build

Masukkan template project yang dihasilkan oleh AI.

Preview

Semak hasil secara live supaya design dan fungsi nampak betul.

Publish

Dapatkan link public untuk share kepada pelanggan atau team.

Demo interaktif

Cuba coding input dan lihat preview secara live.

Demo ini hanya memaparkan input HTML dan preview. Tiada input CSS, input JavaScript, butang download HTML atau butang generate link.

Coding input HTML sahaja

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flappy Bird Sederhana</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            background: #222;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-family: Arial, sans-serif;
            overflow: hidden;
        }
        canvas {
            border: 4px solid #fff;
            background: #70c5ce;
            box-shadow: 0 10px 20px rgba(0,0,0,0.5);
        }
    </style>
</head>
<body>

// --- LOGIKA GAME ---

// Data Burung
const bird = {
    x: 50,
    y: 150,
    width: 34,
    height: 24,
    gravity: 0.6,
    velocity: 0,
    jump: -9
};

// Data Pipa
const pipes = [];
const pipeWidth = 60;
const pipeGap = 120; // Jarak vertikal antar pipa atas dan bawah
const pipeSpeed = 2;
let frameCount = 0;

let score = 0;
let gameOver = false;

// Input Kendali (Spasi atau Klik/Sentuh)
document.addEventListener("keydown", function(e) {
    if (e.code === "Space") {
        if (gameOver) {
            resetGame();
        } else {
            bird.velocity = bird.jump;
        }
    }
});

canvas.addEventListener("click", function() {
    if (gameOver) {
        resetGame();
    } else {
        bird.velocity = bird.jump;
    }
});

// Fungsi Reset Game
function resetGame() {
    bird.y = 150;
    bird.velocity = 0;
    pipes.length = 0; // Mengosongkan array pipa
    score = 0;
    gameOver = false;
    frameCount = 0;
    loop();
}

// Loop Utama Game
function loop() {
    if (gameOver) {
        // Tampilan Game Over
        ctx.fillStyle = "rgba(0, 0, 0, 0.5)";
        ctx.fillRect(0, 0, canvas.width, canvas.height);
        
        ctx.fillStyle = "#fff";
        ctx.font = "30px Arial";
        ctx.textAlign = "center";
        ctx.fillText("GAME OVER", canvas.width / 2, canvas.height / 2 - 20);
        
        ctx.font = "18px Arial";
        ctx.fillText("Skor Anda: " + score, canvas.width / 2, canvas.height / 2 + 20);
        ctx.fillText("Tekan SPASI atau KLIK untuk Main Lagi", canvas.width / 2, canvas.height / 2 + 60);
        return;
    }

// Bersihkan layar canvas tiap frame
    ctx.clearRect(0, 0, canvas.width, canvas.height);

// --- 1. UPDATE & GAMBAR BURUNG ---
    bird.velocity += bird.gravity;
    bird.y += bird.velocity;

// Gambar Burung (Kotak Kuning)
    ctx.fillStyle = "#f8e71c";
    ctx.fillRect(bird.x, bird.y, bird.width, bird.height);

// Batasan tanah dan langit
    if (bird.y + bird.height >= canvas.height || bird.y <= 0) {
        gameOver = true;
    }

// --- 2. LOGIKA PIPA ---
    // Munculkan pipa baru setiap 100 frame
    if (frameCount % 100 === 0) {
        // Menentukan tinggi acak pipa atas
        const minHeight = 50;
        const maxHeight = canvas.height - pipeGap - minHeight;
        const topPipeHeight = Math.floor(Math.random() * (maxHeight - minHeight + 1)) + minHeight;

pipes.push({
            x: canvas.width,
            topHeight: topPipeHeight,
            passed: false
        });
    }

// Update dan Gambar Pipa
    for (let i = pipes.length - 1; i >= 0; i--) {
        pipes[i].x -= pipeSpeed;

// Gambar Pipa Atas (Hijau)
        ctx.fillStyle = "#73bf2e";
        ctx.fillRect(pipes[i].x, 0, pipeWidth, pipes[i].topHeight);

// Gambar Pipa Bawah (Hijau)
        const bottomPipeY = pipes[i].topHeight + pipeGap;
        ctx.fillRect(pipes[i].x, bottomPipeY, pipeWidth, canvas.height - bottomPipeY);

// Deteksi Tabrakan (Collision)
        if (
            bird.x < pipes[i].x + pipeWidth &&
            bird.x + bird.width > pipes[i].x &&
            (bird.y < pipes[i].topHeight || bird.y + bird.height > bottomPipeY)
        ) {
            gameOver = true;
        }

// Tambah Skor jika berhasil melewati pipa
        if (!pipes[i].passed && pipes[i].x + pipeWidth < bird.x) {
            score++;
            pipes[i].passed = true;
        }

// Hapus pipa yang sudah keluar layar agar memori tidak bengkak
        if (pipes[i].x + pipeWidth < 0) {
            pipes.splice(i, 1);
        }
    }

// --- 3. GAMBAR SKOR ---
    ctx.fillStyle = "#fff";
    ctx.font = "24px Arial";
    ctx.textAlign = "left";
    ctx.fillText("Skor: " + score, 20, 40);

frameCount++;
    requestAnimationFrame(loop);
}

// Jalankan game pertama kali
loop();
</script>

</body>
</html>

Masukkan kod HTML sahaja. Preview di sebelah kanan akan auto-update tanpa editor CSS dan JavaScript.

Cadangan pakej

Mudah untuk bermula, fleksibel untuk berkembang.

Pilih pakej yang sesuai dengan jumlah projek, storan media, dan keperluan penerbitan anda.

Slug tersuai Storan media Analitik Pautan berpassword

Starters 100 MB

MYR 20.00 / 365 hari

Plan seimbang untuk creator yang aktif bina dan kongsi project.

100 projek aktif
100 MB storan
Penerbitan landing page dan fail
Sokongan untuk HTML, CSS, JS dan media

Starters

Pro 200 MB

MYR 40.00 / 365 hari

Untuk penggunaan lebih besar dengan jumlah project tanpa had.

Projek tanpa had
200 MB storan
Penerbitan landing page dan fail
Sokongan untuk HTML, CSS, JS dan media

Pro

Trial

Percuma

RM0 / 365 hari

Akses percubaan untuk cuba fungsi utama INLINK.

25 projek aktif
5 MB storan
Penerbitan landing page dan fail
Sokongan untuk HTML, CSS, JS dan media

Trial

FAQ

Soalan biasa sebelum launch.

Boleh jadi link public tanpa hosting dan domain?

Untuk link yang benar-benar public, sistem masih perlukan tempat menyimpan data seperti server, cloud storage, serverless database atau IPFS. Pengguna tidak perlu beli hosting/domain sendiri kerana inlink.my boleh uruskan bahagian itu.

Boleh masukkan JavaScript custom?

Boleh. Untuk production, gunakan sandbox iframe dan security policy supaya kod user tidak mengganggu dashboard utama.

File upload boleh digunakan dalam project?

Boleh. Flow yang disarankan: upload file, sistem beri URL asset, kemudian URL itu boleh dimasukkan dalam HTML project sebagai image, video, background atau downloadable file.

Apa backend yang sesuai?

Untuk MVP, gunakan Next.js/Nuxt/Laravel bersama S3-compatible storage, database untuk project, dan route public seperti /[slug].

Launch inlink.my

Jadikan setiap kod dan file sebagai link yang mudah dikongsi.

Bina landing page, microsite, portfolio, katalog promosi, video page atau demo produk tanpa proses teknikal yang berat untuk pengguna.

Bina project demo Contact inlink.my

Bina project, upload file, terus jadi public link.

Landing page siap publish