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

Compare commits

base: 2526-web:843f9d3a00671426acb885f26f12eb0c1952067c
Branches Tags
2526-web:dev
2526-web:dragdrop
2526-web:main
...
compare: 2526-web:c3563e9902e804de1bd53aac3878d616dc118d0c
Branches Tags
2526-web:dragdrop
2526-web:main
2526-web:dev

4 Commits
843f9d3a00 ... c3563e9902

Author SHA1 Message Date
chocomett
c3563e9902 feat: change name file 2025-12-15 21:11:18 +07:00
chocomett
7e985fcf66 fix: trying change border 2025-12-15 21:02:04 +07:00
brambang
f3dfb7aeea style: score notif 2025-12-15 21:02:04 +07:00
MRMARCABLE
44c1314322 feat:mini-cave-icon 2025-12-15 20:16:48 +07:00
11 changed files with 51 additions and 11 deletions
Show Stats Expand all files Collapse all files

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

2
src/credit.html
View File

@ -4,7 +4,7 @@
<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 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">

27
src/css/game.css
View File

@ -130,9 +130,7 @@
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;
} }
.container-first .content .quiz h2 { .container-first .content .quiz h2 {
@ -214,3 +212,28 @@
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
z-index: 999; z-index: 999;
} }
.floating-points {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #ffdf12;
font-size: 3rem;
font-weight: bold;
text-shadow: 2px 2px 0px #000;
pointer-events: none;
z-index: 999;
animation: floatUp 1s ease-out forwards;
}
@keyframes floatUp {
0%{
opacity: 1;
transform: translate(-50%,-50%) scale(1);
}
100%{
opacity: 0;
transform: translate(-50%, -150%) scale(1.5)
}
}

2
src/game/firstperson.html
View File

@ -4,7 +4,7 @@
<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="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"/>

2
src/game/loading.html
View File

@ -4,7 +4,7 @@
<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="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>

2
src/game/thirdperson.html
View File

@ -3,7 +3,7 @@
<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 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.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">

16
src/js/firstperson.js
View File

@ -91,6 +91,9 @@ function selectAnswer(e){
if(isCorrect){ if(isCorrect){
selectedBtn.classList.add("correct"); selectedBtn.classList.add("correct");
score += 10; score += 10;
showFloatingText();
shake(document.getElementById("boss")) shake(document.getElementById("boss"))
dmg(); dmg();
const bgm = document.getElementById("sfx"); const bgm = document.getElementById("sfx");
@ -175,4 +178,17 @@ function postScore(score){
alert("Terjadi kesalahan koneksi."); alert("Terjadi kesalahan koneksi.");
}); });
} }
function showFloatingText(){
const bossContainer = document.querySelector(".boss");
const point = document.createElement("div");
point.textContent = "+10";
point.classList.add("floating-points");
bossContainer.appendChild(point);
setTimeout(()=>{
point.remove();
}, 800);
}
startQuiz() startQuiz()

2
src/leaderboard.php
View File

@ -37,7 +37,7 @@ 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="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>

2
src/notif.php
View File

@ -3,7 +3,7 @@
<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>
</head> </head>
<style> <style>
.notif { .notif {

2
src/onboard.php
View File

@ -7,7 +7,7 @@ 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 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">