Life Source

<main>

<section id="about">

Judul Game

Life Source

About Game

Life Source adalah game city building simulation dan management energy game 3d dengan mengusung tema energi terbarukan. Pemain berperan sebagai pemerintah kota yang baru menjabat disebuah kota maju namun menyandang predikat kota dengan polusi tertinggi yang dhasilkan oleh pembangkit listrik berbahan bakar fosil dengan emisi karbon tinggi.

Sebagai pemimpin baru, pemain bertugas mengubah kota tersebut menjadi kota bebas polusi tanpa mengorbakan dua hal penting bagi warganya yaitu pasokan listrik dan pendapatan kota. Game ini dirancang untuk platform PC/desktop dengan sudut pandang isometric, yang mengusung gaya visual low poly simpel dan bersih, dipadukan dengan audio ambient yang cozy agar pemain betah bermain dalam sesi yang lebih panjang.

Life Source ditujukan bagi pemain yang tertarik dengan isu krisis iklim dan transisi energi, terutama pelajar dan penggemar game edukatif dengan mekanik dasar (bangun-hancur dengan waktu tunggu, kelola sumber daya).

</section> <section id="konsep">

Konsep / Gameplay

Peta Kota & Pembangkit Listrik

menghancurkan maupun membangun pembangkit tidak terjadi seketika, melainkan membutuhkan jeda waktu tertentu untuk selesai. Selama jeda ini berlangsung, kota tidak menerima pendapatan tambahan, sehingga pemain perlu mempertimbangkan waktu yang tepat untuk memulai proses tersebut agar tidak mengganggu kestabilan kas kota.

1. 
   

2. Sistem Hancur–Bangun

   menghancurkan pembangkit berpolusi tinggi lalu menggantinya dengan salah satu dari empat jenis pembangkit energi terbarukan: kincir angin, panel surya, atau pembangkit listrik tenaga nuklir. Setiap jenis memiliki karakteristik berbeda (biaya bangun, output listrik, dan kecocokan lokasi) sehingga pemain perlu menyusun strategi.

   1

3. Waktu Tunggu Pembangunan

   menghancurkan maupun membangun pembangkit tidak terjadi seketika, melainkan membutuhkan jeda waktu tertentu untuk selesai. Selama jeda ini berlangsung, kota tidak menerima pendapatan tambahan, sehingga pemain perlu mempertimbangkan waktu yang tepat untuk memulai proses tersebut agar tidak mengganggu kestabilan kas kota.

   2

4. Sistem Anggaran Kota

   Setiap tindakan (menghancurkan atau membangun pembangkit) membutuhkan biaya yang diambil dari kas kota. Kas kota terisi dari dua sumber: pendapatan pajak yang dipengaruhi oleh ketersediaan listrik dan tingkat kepuasan warga, serta pendapatan langsung dari tiap pembangkit listrik yang sedang beroperasi, baik pembangkit lama (berbahan bakar fosil) maupun pembangkit baru yang sudah dibangun pemain (energi terbarukan). Selama sebuah pembangkit aktif dan belum dihancurkan atau sedang dalam proses hancur/bangun, pembangkit tersebut terus menghasilkan uang bagi kota.

   3

5. 
   

6. Sistem Penebangan Pohon

   Pemain dapat menebang pohon di sekitar kota, misalnya untuk menambah pemasukan. Pohon dibedakan menjadi dua jenis:

   Pohon yang sudah tumbang/mati dapat ditebang tanpa dampak apa pun terhadap kota.

   Pohon yang masih sehat setiap pohon sehat yang ditebang akan meningkatkan tingkat polusi udara kota dan menurunkan meteran reaksi masyarakat.

   Jika jumlah pohon sehat yang ditebang melebihi batas tertentu, permainan akan berakhir (game over), sebagai representasi bahwa kerusakan lingkungan sudah terlalu parah untuk dipulihkan.

   4

7. 
   

8. Meteran Reaksi Publik

   Reaksi publik direpresentasikan sebagai meteran kepuasan warga yang naik-turun berdasarkan pasokan listrik, harga listrik, kecepatan pengurangan polusi, dan jumlah pohon sehat yang ditebang. Kepuasan warga yang terlalu rendah dapat memicu protes yang menurunkan pendapatan kota.

   5

9. 
   

10. Kondisi Menang/Kalah

    Pemain menang jika berhasil menurunkan emisi karbon kota di bawah ambang batas tertentu, sambil menjaga pasokan listrik dan kas kota tetap positif dalam batas waktu yang ditentukan.

    Pemain kalah jika kas kota bangkrut, kepuasan warga jatuh ke titik kritis akibat kekurangan listrik, atau jumlah pohon sehat yang ditebang melampaui batas yang ditentukan.

    6

</section> <section id="tema">

Hubungan dengan Tema

</section> <section id="cara-bermain">

Cara Bermain

1. Pemain memulai dengan melihat peta kota beserta kondisi awal pembangkit listrik yang ada.

2. Pemain memutuskan: mempertahankan pembangkit tersebut atau menghancurkannya.

3. Jika dihancurkan, pemain bisa membangun jenis pembangkit pengganti (kincir angin, panel surya, atau nuklir) sesuai anggaran yang tersedia.

4. Proses hancur/bangun berjalan selama jeda waktu tertentu, selama jeda ini pembangkit listrik tidak dapat menghasilkan uang

5. Di luar urusan pembangkit, pemain juga dapat menebang pohon di sekitar kota. Menebang pohon yang sudah tumbang aman dilakukan, tetapi menebang pohon sehat akan menaikkan polusi udara dan menurunkan reaksi masyarakat sehingga perlu dilakukan dengan hati-hati.

6. Sistem memperbarui data kota: total pasokan listrik, kas kota, tingkat emisi karbon, dan meteran reaksi publik.

7. Siklus berulang setiap periode waktu (bulan in-game) hingga pemain mencapai kondisi menang (kota bebas polusi & stabil) atau kalah (kas bangkrut, kerusuhan warga, atau terlalu banyak menebang pohon sehat).

</section> <section id="tools">

Tool / Game Engine yang Digunakan

Unity engine

</section> <section id="tim">

Nama Tim

Generasi Emas 2077

Nama Anggota

1. Muhammad Afwan Al Bustomi

2. Azam Putra Ramadhan

3. Marcell Aurellio Syafiin

4. Khoirul Azzam Alfansyuri

</section>

</main>

<footer>
</footer> <style> :root{ --bg:#F5F8F0; --surface:#FFFFFF; --surface-alt:#EDF3E7; --border:#DBE5D0; --ink:#1E2B22; --ink-muted:#57644E; --green:#2E6E4D; --green-deep:#1E4F35; --blue:#3C7BA5; --amber:#A9721F; --teal:#297F76; --violet:#725A9B; --earth:#7C6339; --warm:#A15641; --font-display:'Fraunces', Georgia, serif; --font-body:'Work Sans', -apple-system, sans-serif; } *{box-sizing:border-box;} html{scroll-behavior:smooth;} body{ margin:0; background:var(--bg); color:var(--ink); font-family:var(--font-body); font-size:16px; line-height:1.7; -webkit-font-smoothing:antialiased; } a{color:inherit;} :focus-visible{outline:2px solid var(--green); outline-offset:3px;} /* ---------- Hero ---------- */ .hero{ padding:5.5rem 1.5rem 4.5rem; background: radial-gradient(60% 90% at 12% 0%, #E3EFE0 0%, transparent 60%), radial-gradient(55% 80% at 100% 10%, #DFEBF0 0%, transparent 55%), var(--bg); text-align:center; border-bottom:1px solid var(--border); } .hero__kicker{ display:block; font-family:var(--font-body); font-weight:600; font-size:.85rem; letter-spacing:.02em; color:var(--green); margin-bottom:.9rem; } .hero__title{ font-family:var(--font-display); font-weight:600; font-style:italic; font-size:clamp(2.6rem, 7vw, 4.4rem); line-height:1.05; margin:0; color:var(--green-deep); } /* ---------- Content shell ---------- */ main{ max-width:700px; margin:0 auto; padding:4rem 1.5rem 6rem; } section{margin-bottom:4rem;} section:last-child{margin-bottom:0;} h2{ font-family:var(--font-display); font-weight:600; font-size:1.9rem; color:var(--green); margin:0 0 1.4rem; } h3.lead{ font-family:var(--font-body); font-weight:600; font-size:1.05rem; color:var(--green-deep); margin:0 0 .6rem; } p{margin:0 0 1.1rem; color:var(--ink); max-width:66ch;} p:last-child{margin-bottom:0;} .muted{color:var(--ink-muted);} em{font-style:italic; color:inherit;} strong{font-weight:600;} /* ---------- Mechanic spine list ---------- */ .spine{ list-style:none; margin:1.6rem 0 0; padding:0 0 0 2.4rem; border-left:2px solid var(--border); } .spine__item{ position:relative; padding-bottom:2.2rem; } .spine__item:last-child{padding-bottom:0;} .spine__badge{ position:absolute; left:-2.51rem; top:.05rem; width:1.9rem; height:1.9rem; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--font-body); font-weight:600; font-size:.85rem; color:#fff; background:var(--item-color, var(--green)); } .spine__title{ font-family:var(--font-body); font-weight:600; font-size:1.12rem; color:var(--item-color, var(--green)); margin:0 0 .5rem; } /* ---------- Tree comparison ---------- */ .compare{ display:flex; gap:1rem; margin:1.1rem 0 1.1rem; flex-wrap:wrap; } .compare__box{ flex:1 1 220px; border-radius:10px; padding:1rem 1.15rem; border:1px solid var(--border); } .compare__box p{margin:0; font-size:.96rem;} .compare__box--safe{background:#EEF6EA; border-color:#CFE3C4;} .compare__box--risk{background:#FBF1EA; border-color:#E9CEBB;} /* ---------- Win / Lose ---------- */ .outcomes{ display:flex; gap:1rem; margin-top:1.1rem; flex-wrap:wrap; } .outcomes p{ flex:1 1 240px; margin:0; padding:1.1rem 1.25rem; border-radius:8px; background:var(--surface); border:1px solid var(--border); border-left:4px solid var(--outcome-color, var(--green)); font-size:.97rem; } /* ---------- Theme highlight ---------- */ .theme-box{ border-left:4px solid var(--teal); background:var(--surface); border-top:1px solid var(--border); border-right:1px solid var(--border); border-bottom:1px solid var(--border); border-radius:0 8px 8px 0; padding:1.25rem 1.5rem; } .theme-box p{margin:0;} /* ---------- Play steps ---------- */ .steps{ list-style:none; counter-reset:step; margin:1.6rem 0 0; padding:0; } .steps li{ counter-increment:step; position:relative; padding:0 0 1.4rem 2.6rem; border-left:2px solid var(--border); margin-left:.95rem; } .steps li:last-child{border-left-color:transparent; padding-bottom:0;} .steps li::before{ content:counter(step); position:absolute; left:-1rem; top:0; width:1.9rem; height:1.9rem; border-radius:50%; background:var(--green); color:#fff; font-weight:600; font-size:.85rem; display:flex; align-items:center; justify-content:center; } .steps p{margin:0; font-size:.98rem;} /* ---------- Tools ---------- */ .engine{ font-family:var(--font-display); font-style:italic; font-weight:500; font-size:1.6rem; color:var(--green-deep); margin:0; text-align:center; padding:1.8rem 1rem; background:var(--surface-alt); border:1px solid var(--border); border-radius:10px; } footer{ text-align:center; padding:2.5rem 1.5rem 3.5rem; color:var(--ink-muted); font-size:.85rem; border-top:1px solid var(--border); } @media (max-width:560px){ .hero{padding:3.5rem 1.25rem 3rem;} main{padding:3rem 1.25rem 4rem;} .spine{padding-left:2.1rem;} .spine__badge{left:-2.2rem; width:1.7rem; height:1.7rem;} } </style>