Arya (polisi, tentara, pengusaha) ๐Ÿ˜Ž๐Ÿ‘



 



Saat saya TK (taman kanak-kanak), saya sangat suka bermain Lego. Dan saya punya sahabat, dia bernama Danang. Danang selalu menemani saya saat bermain. Mengapa saya bisa berteman dengan Danang? "Saya anaknya itu pendiam dan suka sendiri, saat saya pertama kali mengenal Danang, saya tau kalau saya dan Danang sefrekuensi" saya dan Danang selalu bermain bersama (perosotan, ayunan, jungkat-jungkit, kartu Boboiboy dari hadiah beli coki coki ๐Ÿ‘, masih banyak deh pokoknya). Saat saya SD (sekolah dasar) saya menemukan sahabat baru, yaitu Rafi yang sekarang bersama lagi bersekolah di SMKN. Dan hobi saya bertambah, tidak hanya bermain Lego, tapi bertambah yaitu membaca buku. Saat saya SMP saya mendapatkan sahabat baru lagi, yaitu Rafi (beda orang), Iyas, Baim, Wahyu, varo, Maul, Krisna dan Bella. Hah, tetap saja saya orang yang pemalu. Dan, Yap, saya menemukan hobi baru yaitu mendengar lagu. Saat saya naik ke kelas 9 SMP, hubungan saya dengan sahabat sahabat saya pecah, dikarenakan salah satu sahabat saya memiliki pacar dan melupakan saya dan sahabat saya yang lainnya. Dan juga Idola saya adalah "orang tua saya" ๐Ÿ˜Ž

Di masa sekarang, saya sudah mencapai jenjang SMK. Saya mempunyai sahabat lagi, yaitu Hafi, irsya, Reza, geo, Amira (orangnya berisik ๐Ÿ˜ฎ‍๐Ÿ’จ). Cara saya untuk menggapai cita-cita saya adalah, belajar lebih giat, mendapatkan prestasi yang lebih baik, dapat bersosialisasi dengan orang lain, dan menjadi lebih giat dan lebih baik dalam segala hal. Saya memasuki jurusan SIJA dan sekarang saya bisa ngoding (sedikit sedikit sih๐Ÿ˜…). Di masa SMK ini saya sudah mulai berorganisasi di sekolah, dan mendapatkan beberapa keahlian saat memasuki organisasi tersebut, meski saya agak kuwalahan tapi "its oke" karena itu mungkin dapat berguna di masa depan. Saya juga pernah ikut tes seleksi OSIS, tapi saya keluar di tengah tengah jalan, dikarenakan terlalu sibuk dan kuwalahan dengan tugas dan pertemuan yang terkadang mendadak (jujur ajah yah aku mah) Banyak sekali organisasi yang bergerak di dalam SMKN (bahasa inggris dan Jerman, ECO smart, basket, badminton, voli, seni, nyanyi, futsal, matematika, dan masih banyak lagi)

Jika saya sudah menggapai cita-cita saya (sudah sukses) saya mau membahagiakan orang tua saya (membelikan rumah, mobil, menaikan haji, pokoknya masih banyak deh). Saat saya sudah membahagiakan orang tua saya, saya akan menikah (mungkin๐Ÿ˜…). Dan saya ingin masa depan saya terasa nyaman dengan ditemani keluarga yang bahagia ceria dan tentram. Saat mendapatkan masa pensiun, saya ingin membuka lahan pertanian, peternakan, atau membuka sebuah cafe 


Ringkasan singkat:

Cerita ini menceritakan perjalanan persahabatan dan perkembangan diri seorang individu dari masa kanak-kanak hingga remaja. Dimulai dari masa TK dimana ia yang pendiam menemukan sahabat sefrekuensi, Danang, untuk bermain Lego. Di SD, ia bertemu sahabat baru, Rafi, dan mulai menyukai membaca. Memasuki SMP, lingkaran pertemanannya meluas, tetapi juga mengalami perpecahan di kelas 9 karena konflik hubungan asmara seorang sahabat. Meski pemalu, ia terus menemukan hobi baru, seperti mendengarkan musik, dan menjadikan orang tuanya sebagai idola.


Kini di jenjang SMK jurusan SIJA, ia memiliki sahabat-sahabat baru dan mulai belajar coding. Ia aktif berorganisasi meski sempat kewalahan dan keluar dari seleksi OSIS. Cita-citanya adalah sukses untuk membahagiakan orang tua, lalu berkeluarga, dan di masa pensiun bercita-cita memiliki usaha pertanian, peternakan, atau kafe. Tekadnya untuk mencapai semua itu adalah dengan belajar giat, berprestasi, dan meningkatkan kemampuan bersosialisasi 


Di bawah ini sedikit potongan dari kodingan yang saya buat๐Ÿ‘‡๐Ÿ‘‡

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Multi-Game JavaScript</title>

    <style>

        :root {

            --pixel-size: 4px;

            --primary-color: #4ecdc4;

            --secondary-color: #ff6b6b;

            --accent-color: #ff9f1c;

            --background-dark: #0f1c2d;

            --background-medium: #1a2c42;

            --background-light: #3a506b;

            --text-light: #e6e6e6;

        }

        

        body {

            font-family: 'Press Start 2P', cursive, Arial, sans-serif;

            text-align: center;

            background-color: var(--background-dark);

            margin: 0;

            padding: 20px;

            color: var(--text-light);

            image-rendering: pixelated;

            touch-action: manipulation;

        }

        

        .game-container {

            display: flex;

            flex-direction: column;

            align-items: center;

            gap: 30px;

        }

        

        .game-selector {

            margin-bottom: 20px;

        }

        

        button {

            padding: 10px 20px;

            margin: 0 10px;

            font-size: 16px;

            cursor: pointer;

            background-color: #4CAF50;

            color: white;

            border: none;

            border-radius: 5px;

            font-family: 'Press Start 2P', cursive;

            transition: all 0.2s;

        }

        

        button:hover {

            background-color: #45a049;

            transform: translateY(-2px);

        }

        

        /* Puzzle Game Styles */

        #puzzle-game {

            display: none;

        }

        

        #puzzle-board {

            display: grid;

            grid-template-columns: repeat(3, 100px);

            grid-template-rows: repeat(3, 100px);

            gap: 5px;

            margin: 20px auto;

        }

        

        .puzzle-tile {

            width: 100px;

            height: 100px;

            background-color: #3498db;

            color: white;

            display: flex;

            justify-content: center;

            align-items: center;

            font-size: 24px;

            cursor: pointer;

            border-radius: 5px;

            transition: all 0.3s;

        }

        

        .puzzle-tile.empty {

            background-color: transparent;

            cursor: default;

        }

        

        /* Survival Game Styles */

        #survival-game, #aircraft-game, #minesweeper-game {

            display: none;

            position: relative;

            width: 400px;

            height: 400px;

            margin: 0 auto;

            background-color: var(--background-medium);

            overflow: hidden;

            border: 4px solid var(--background-light);

            box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);

            image-rendering: pixelated;

        }

        

        .pixel-art {

            image-rendering: pixelated;

        }

        

        #player, #player-aircraft {

            position: absolute;

            width: 32px;

            height: 32px;

            background-color: var(--primary-color);

            z-index: 10;

            border: 2px solid #2a8f87;

        }

        

        #player-aircraft {

            background-color: var(--accent-color);

            border: 2px solid #cc7f16;

            transform-origin: center;

        }

        

        .enemy, .enemy-aircraft {

            position: absolute;

            width: 24px;

            height: 24px;

            background-color: var(--secondary-color);

            border: 2px solid #d45a5a;

            z-index: 5;

        }

        

        .enemy-aircraft {

            background-color: #e71d36;

            border: 2px solid #b81529;

        }

        

        .bullet {

            position: absolute;

            width: 6px;

            height: 12px;

            background-color: #f9c74f;

            z-index: 7;

            border-radius: 2px;

        }

        

        .health-bar {

            position: absolute;

            top: 10px;

            left: 10px;

            width: 100px;

            height: 12px;

            background-color: #444;

            border: 2px solid #666;

        }

        

        .health-fill {

            height: 100%;

            width: 100%;

            background-color: #4CAF50;

            transition: width 0.3s;

        }

        

        .stats {

            position: absolute;

            top: 10px;

            right: 10px;

            color: white;

            font-size: 14px;

            text-align: right;

        }

        

        #start-screen, #game-over-screen, #start-screen-aircraft, #game-over-screen-aircraft {

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            background-color: rgba(0, 0, 0, 0.8);

            display: flex;

            flex-direction: column;

            justify-content: center;

            align-items: center;

            z-index: 20;

        }

        

        #game-over-screen, #game-over-screen-aircraft {

            display: none;

        }

        

        .instructions {

            margin: 20px;

            font-size: 14px;

            line-height: 1.5;

            text-align: center;

            color: #ccc;

        }

        

        /* Joystick Styles */

        .joystick-container {

            position: absolute;

            bottom: 20px;

            width: 100%;

            display: flex;

            justify-content: space-between;

            padding: 0 20px;

            box-sizing: border-box;

            z-index: 15;

            pointer-events: none;

        }

        

        .joystick {

            width: 80px;

            height: 80px;

            background-color: rgba(255, 255, 255, 0.2);

            border-radius: 50%;

            display: flex;

            justify-content: center;

            align-items: center;

            pointer-events: auto;

            touch-action: none;

        }

        

        .joystick-handle {

            width: 40px;

            height: 40px;

            background-color: rgba(255, 255, 255, 0.5);

            border-radius: 50%;

        }

        

        .fire-button {

            position: absolute;

            bottom: 30px;

            right: 30px;

            width: 70px;

            height: 70px;

            background-color: rgba(255, 0, 0, 0.3);

            border-radius: 50%;

            display: flex;

            justify-content: center;

            align-items: center;

            color: white;

            font-size: 12px;

            pointer-events: auto;

            z-index: 15;

            border: 2px solid rgba(255, 255, 255, 0.5);

        }

        

        /* Minesweeper Styles */

        #minesweeper-grid {

            display: grid;

            grid-template-columns: repeat(10, 32px);

            grid-template-rows: repeat(10, 32px);

            gap: 2px;

            margin: 30px auto;

            justify-content: center;

        }

        

        .cell {

            width: 32px;

            height: 32px;

            background-color: #bdbdbd;

            display: flex;

            justify-content: center;

            align-items: center;

            font-weight: bold;

            cursor: pointer;

            border: 3px solid;

            border-color: #f0f0f0 #808080 #808080 #f0f0f0;

            box-sizing: border-box;

        }

        

        .cell.revealed {

            border: 1px solid #9e9e9e;

            background-color: #e0e0e0;

        }

        

        .cell.flagged::after {

            content: "๐Ÿšฉ";

            font-size: 20px;

        }

        

        .cell.mine::after {

            content: "๐Ÿ’ฃ";

            font-size: 20px;

        }

        

        .cell-1 { color: blue; }

        .cell-2 { color: green; }

        .cell-3 { color: red; }

        .cell-4 { color: darkblue; }

        .cell-5 { color: darkred; }

        .cell-6 { color: teal; }

        .cell-7 { color: black; }

        .cell-8 { color: gray; }

        

        .minesweeper-info {

            display: flex;

            justify-content: space-between;

            width: 320px;

            margin: 10px auto;

        }

        

        #mines-count, #timer {

            font-family: 'Press Start 2P', cursive;

            font-size: 20px;

            color: var(--text-light);

            background-color: #212121;

            padding: 10px;

            border-radius: 5px;


Komentar

Postingan populer dari blog ini

Reza Dan Cita-citanya

Hafis sang koki

Geo dan cita-citanya