Compare commits
5 Commits
c3563e9902
...
6f8c55a658
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
6f8c55a658 | ||
|
|
70f48c820c | ||
|
|
0bc85b9146 | ||
| d565a847e9 | |||
|
|
1ef439ed52 |
BIN
src/assets/Design/mini-icon-cave-new.png
Normal file
BIN
src/assets/Design/mini-icon-cave-new.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 338 B |
@ -4,7 +4,8 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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 rel="stylesheet" href="/css/global.css">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
|
||||
@ -130,9 +130,7 @@
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
border-radius: 10px;
|
||||
border: 10px solid white;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.container-first .content .quiz h2 {
|
||||
@ -214,3 +212,28 @@
|
||||
transform: translate(-50%, -50%);
|
||||
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)
|
||||
}
|
||||
}
|
||||
|
||||
@ -4,7 +4,8 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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/game.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
|
||||
|
||||
@ -4,7 +4,8 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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/game.css">
|
||||
</head>
|
||||
|
||||
@ -3,7 +3,8 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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 rel="stylesheet" href="/css/global.css">
|
||||
<link rel="stylesheet" href="/css/game.css">
|
||||
|
||||
@ -46,7 +46,8 @@ if (isset($_POST['login'])) {
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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 rel="stylesheet" href="/css/global.css">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
|
||||
@ -91,6 +91,9 @@ function selectAnswer(e){
|
||||
if(isCorrect){
|
||||
selectedBtn.classList.add("correct");
|
||||
score += 10;
|
||||
|
||||
showFloatingText();
|
||||
|
||||
shake(document.getElementById("boss"))
|
||||
dmg();
|
||||
const bgm = document.getElementById("sfx");
|
||||
@ -175,4 +178,17 @@ function postScore(score){
|
||||
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()
|
||||
@ -37,7 +37,8 @@ if($result){
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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/style.css">
|
||||
</head>
|
||||
|
||||
@ -3,7 +3,8 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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>
|
||||
<style>
|
||||
.notif {
|
||||
|
||||
@ -7,7 +7,8 @@ session_start();
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<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 rel="stylesheet" href="css/global.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
|
||||
@ -52,6 +52,7 @@ if(isset($_POST['register'])){
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<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 rel="stylesheet" href="css/global.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user