2526-web/kelompok12-codebeater
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: 2526-web:c13cd2dc88450cacc40c0b0a3518936546a6ab26
Branches Tags
2526-web:dev
2526-web:dragdrop
2526-web:main
...
compare: 2526-web:ce3d54ab5fb33f087d494c086dba4822cbf1c914
Branches Tags
2526-web:dragdrop
2526-web:main
2526-web:dev

8 Commits
c13cd2dc88 ... ce3d54ab5f

Author SHA1 Message Date
chocomett
ce3d54ab5f styling: emdgame notif 2025-12-15 23:12:16 +07:00
chocomett
ca7ee140fb feat: add sounds after game end 2025-12-15 22:22:44 +07:00
chocomett
326f313a0e feat: add icon all file 2025-12-15 22:22:44 +07:00
chocomett
782c617da1 feat: change name file 2025-12-15 22:22:44 +07:00
chocomett
613f293b2f fix: trying change border 2025-12-15 22:22:44 +07:00
MRMARCABLE
f6f9747cf5 feat:mini-cave-icon-newmodif 2025-12-15 22:22:44 +07:00
MRMARCABLE
b87ffc69de feat:mini-cave-icon 2025-12-15 22:22:44 +07:00
brambang
708ecfd742 style: demage fix 2025-12-15 21:19:49 +07:00
16 changed files with 56 additions and 32 deletions
Show Stats Expand all files Collapse all files

BIN
src/assets/Design/mini-icon-cave-new.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 338 B

BIN
src/assets/Design/mini-icon-cave.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 370 B

BIN
src/assets/music/Super Mario Bros. Music - Level Complete.mp3 Normal file
View File

Binary file not shown.

3
src/credit.html
View File

@ -4,7 +4,8 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> <title>codebeater</title>
<link rel="icon" type="image/png" href="/assets/Design/mini-icon-cave-new.png">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="/css/global.css"> <link rel="stylesheet" href="/css/global.css">
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/css/style.css">

31
src/css/game.css
View File

@ -130,9 +130,8 @@
padding: 10px; padding: 10px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border-radius: 10px;
border: 10px solid white; border: 10px solid white;
z-index: 1; border-radius: 10px;
} }
.container-first .content .quiz h2 { .container-first .content .quiz h2 {
@ -143,16 +142,23 @@
} }
.container-first #scoreAlert { .container-first #scoreAlert {
margin-bottom: 30px; text-align: center;
padding: 10px; padding: 10px;
color: #ffdf12; color: #ffdf12;
font-size: 40px; font-size: 40px;
bottom: 40px; bottom: 22px;
background-color: #101010f5;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
position: absolute; position: absolute;
} }
.container-first #scoreAlert.border {
width: 550px;
border: 6px solid white;
border-radius: 10px;
}
.container-first .content .quiz #btn-answer { .container-first .content .quiz #btn-answer {
color: #ffdf12; color: #ffdf12;
display: flex; display: flex;
@ -239,3 +245,20 @@
transform: translate(-50%, -150%) scale(1.5) transform: translate(-50%, -150%) scale(1.5)
} }
} }
.dmg{
width: 800px;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 9999;
pointer-events: none;
display: none;
image-rendering: pixelated;
background-repeat: no-repeat;
background-size: cover;
}

1
src/css/global.css
View File

@ -1,4 +1,5 @@
@import url('https://fonts.googleapis.com/css2?family=Jersey+15&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Jersey+15&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');
*{ *{
font-family: "Jersey 15", sans-serif; font-family: "Jersey 15", sans-serif;
margin: 0; margin: 0;

13
src/css/style.css
View File

@ -132,15 +132,11 @@ input:-webkit-autofill {
justify-content: space-around; justify-content: space-around;
align-items: center; align-items: center;
height: 100dvh; height: 100dvh;
/* Hapus properti background dari sini dan pindahkan ke ::before */
/* Tambahkan posisi relatif agar pseudo-element bisa diposisikan absolut di dalamnya */
position: relative; position: relative;
/* Pastikan konten di dalam container ada di atas latar */
z-index: 1; z-index: 1;
} }
/* Pseudo-element untuk menampung gambar latar transparan */
.container-board::before { .container-board::before {
content: ""; content: "";
position: absolute; position: absolute;
@ -148,19 +144,12 @@ input:-webkit-autofill {
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
/* Pindahkan properti background Anda ke sini */
background-image: url(/assets/Design/CampFire8WESFIX!-export.png); background-image: url(/assets/Design/CampFire8WESFIX!-export.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
background-position: center; background-position: center;
image-rendering: pixelated; image-rendering: pixelated;
/* >>> INI KUNCINYA: Atur opasitasnya di sini <<< */
opacity: 1; opacity: 1;
/* Contoh nilai 40% transparan */
/* Pindahkan latar ini ke lapisan paling bawah */
z-index: -1; z-index: -1;
} }

6
src/game/firstperson.html
View File

@ -4,7 +4,8 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>firstperson</title> <title>codebeater</title>
<link rel="icon" type="image/png" href="/assets/Design/mini-icon-cave-new.png">
<link rel="stylesheet" href="/css/global.css"> <link rel="stylesheet" href="/css/global.css">
<link rel="stylesheet" href="/css/game.css"> <link rel="stylesheet" href="/css/game.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
@ -15,11 +16,11 @@
<audio id="bgm" src="/assets/music/game.mp3" loop autoplay></audio> <audio id="bgm" src="/assets/music/game.mp3" loop autoplay></audio>
<audio id="sfx" src="/assets/music/slash.mp3"></audio> <audio id="sfx" src="/assets/music/slash.mp3"></audio>
<audio id="sfxhrt" src="/assets/music/hurt.mp3"></audio> <audio id="sfxhrt" src="/assets/music/hurt.mp3"></audio>
<audio id="win" src="/assets/music/Super Mario Bros. Music - Level Complete.mp3"></audio>
<div class="container-first"> <div class="container-first">
<div class="content"> <div class="content">
<div class="boss"> <div class="boss">
<img id="boss" src="/assets/Design/PYTHON-BOSSFIGHTMODEFINALt.gif" alt=""> <img id="boss" src="/assets/Design/PYTHON-BOSSFIGHTMODEFINALt.gif" alt="">
<img id="dmg" class="dmg" src="/assets/Design/damageeffectNEWSLASH.gif"/>
</div> </div>
<div class="hearts" id="hrt"> <div class="hearts" id="hrt">
<img id="h1" src="/assets/Design/Heartfull.png"> <img id="h1" src="/assets/Design/Heartfull.png">
@ -36,6 +37,7 @@
</div> </div>
</div> </div>
<h2 id="scoreAlert"></h2> <h2 id="scoreAlert"></h2>
<img id="dmg" class="dmg" src="/assets/Design/damageeffectNEWSLASH.gif"/>
</div> </div>
</div> </div>
<script type="module" src="/js/firstperson.js"></script> <script type="module" src="/js/firstperson.js"></script>

3
src/game/loading.html
View File

@ -4,7 +4,8 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Loading ...</title> <title>codebeater</title>
<link rel="icon" type="image/png" href="/assets/Design/mini-icon-cave-new.png">
<link rel="stylesheet" href="/css/global.css"> <link rel="stylesheet" href="/css/global.css">
<link rel="stylesheet" href="/css/game.css"> <link rel="stylesheet" href="/css/game.css">
</head> </head>

3
src/game/thirdperson.html
View File

@ -3,7 +3,8 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>thirdperson</title> <title>codebeater</title>
<link rel="icon" type="image/png" href="/assets/Design/mini-icon-cave-new.png">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="/css/global.css"> <link rel="stylesheet" href="/css/global.css">
<link rel="stylesheet" href="/css/game.css"> <link rel="stylesheet" href="/css/game.css">

3
src/index.php
View File

@ -46,7 +46,8 @@ if (isset($_POST['login'])) {
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>login</title> <title>codebeater</title>
<link rel="icon" type="image/png" href="/assets/Design/mini-icon-cave-new.png">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="/css/global.css"> <link rel="stylesheet" href="/css/global.css">
<link rel="stylesheet" href="/css/style.css"> <link rel="stylesheet" href="/css/style.css">

15
src/js/firstperson.js
View File

@ -107,9 +107,7 @@ function selectAnswer(e){
bgm.play() bgm.play()
if(wrongCount >= maxWrong){ if(wrongCount >= maxWrong){
setTimeout(()=>{ showScore();
showScore();
}, 500);
return; return;
} }
} }
@ -127,13 +125,16 @@ function showScore(){
document.getElementById("h1").remove(); document.getElementById("h1").remove();
document.getElementById("h2").remove(); document.getElementById("h2").remove();
document.getElementById("h3").remove(); document.getElementById("h3").remove();
const bgm = document.getElementById("win");
bgm.play()
setTimeout(()=> { setTimeout(()=> {
const bgm = document.getElementById("sfxhrt");
bgm.play()
const alerts = document.getElementById("scoreAlert") const alerts = document.getElementById("scoreAlert")
alerts.classList.add("border")
alerts.textContent = `you scored ${score} out of 200 !`; alerts.textContent = `you scored ${score} out of 200 !`;
}, 600); }, 200);
postScore(score); setTimeout(()=> {
postScore(score);
}, 3200);
} }
function handleNextBtn(){ function handleNextBtn(){

3
src/leaderboard.php
View File

@ -37,7 +37,8 @@ if($result){
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>leaderboard</title> <title>codebeater</title>
<link rel="icon" type="image/png" href="/assets/Design/mini-icon-cave-new.png">
<link rel="stylesheet" href="css/global.css"> <link rel="stylesheet" href="css/global.css">
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
</head> </head>

3
src/notif.php
View File

@ -3,7 +3,8 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> <title>codebeater</title>
<link rel="icon" type="image/png" href="/assets/Design/mini-icon-cave-new.png">
</head> </head>
<style> <style>
.notif { .notif {

3
src/onboard.php
View File

@ -7,7 +7,8 @@ session_start();
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>onboard</title> <title>codebeater</title>
<link rel="icon" type="image/png" href="/assets/Design/mini-icon-cave-new.png">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="css/global.css"> <link rel="stylesheet" href="css/global.css">
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">

1
src/register.php
View File

@ -52,6 +52,7 @@ if(isset($_POST['register'])){
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>codebeater</title> <title>codebeater</title>
<link rel="icon" type="image/png" href="/assets/Design/mini-icon-cave-new.png">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="css/global.css"> <link rel="stylesheet" href="css/global.css">
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">