Skip to content

Commit

Permalink
new update or something idk
Browse files Browse the repository at this point in the history
  • Loading branch information
@RatCheese1608
RatCheese1608 committed Jul 11, 2023
1 parent 1e2f49e commit 9d400af
Show file tree
Hide file tree
Showing 5 changed files with 221 additions and 63 deletions.
33 changes: 25 additions & 8 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0">
<meta property="og:site_name" content="AlCheesy">
<meta property=“og:title” content="Cheesing Chemistry">
<meta property="og:description" content="The rat has been fooled by his teacher to make a web app that teaches thermochemistry." />
Expand Down Expand Up @@ -69,9 +69,9 @@
</div>
<div id="actopt">
<button class="actbtn" id="Att" onClick="attack(player,enemy)">Serang</button>
<button class="actbtn" id='Use' onClick="">Gunakan<br>"Item"</button>
<button class="actbtn" id='Use' onClick="show_popup(document.querySelector('#item-container'))">Gunakan<br>"Item"</button>
<button class="actbtn" id="Tutor" onClick="show_popup(document.querySelector('#tutorial-container'))">Tutorial</button>
<button class="actbtn" id="PastQ" onClick="">Lihat Soal Lalu</button>
<button class="actbtn" id="PastQ" onClick="show_popup(document.querySelector('#past-container'))">Lihat Soal Lalu</button>
</div>
</div>
</div>
Expand Down Expand Up @@ -103,19 +103,36 @@ <h2>TERIMA</h2>
</div>
</div>
<div id="tutorial-container" class="container pop-up">
<button onclick="hide_popup(document.querySelector('#tutorial-container'))">X</button>
<h1 style="width: 50%; text-align: center; margin: 25px auto;">TUTORIAL</h1>
<p style="white-space: pre-wrap">Cara bermain:
<button onclick="hide_popup(this.parentNode)" class="pop-close">X</button>
<h1 style="width:50%; text-align:center; margin:25px auto;">TUTORIAL</h1>
<p style="white-space:pre-wrap; overflow:auto;">Cara bermain:
1. Pada ronde pertama, kamu hanya bisa menyerang lawan kamu dengan memencet tombol “Serang”.
2. Setelah beberapa ronde, kamu akan diberikan sebuah soal PG dimana jika kamu menjawab dengan benar, kamu akan diberikan suatu hadiah “Item” yang dapat membantu kamu.
3. Kamu juga dapat menolak untuk menjawab. Soal yang kamu tolak dapat kamu lihat kembali melalui tombol "Lihat Soal Lalu"
4. Saat HP lawan atau kamu sudah habis, permainan akan berakhir. Jika HP lawan yang lebih awal habis, maka kamu dinyatakan sebagai pemenangnya. Jika HP kamu yang lebih awal habis, maka kamu dinyatakan kalah.
3. Kamu juga dapat menolak untuk menjawab. Soal yang kamu lompat dapat kamu lihat kembali melalui tombol "Lihat Soal Lalu".
4. Dengan menggunakan "Lihat Soal Lalu", kamu dapat memencet soal yang telah kamu lompat.
5. Saat HP lawan atau kamu sudah habis, permainan akan berakhir. Jika HP lawan yang lebih awal habis, maka kamu dinyatakan sebagai pemenangnya. Jika HP kamu yang lebih awal habis, maka kamu dinyatakan kalah.

Untuk melihat kembali tutorial ini, pencet saja tombol "Tutorial".

Kamu bisa menutup halaman tutorial ini dengan memencet tombol "X" yang ada di atas.
</p>
</div>
<div id="past-container" class="container pop-up">
<button onclick="hide_popup(this.parentNode)" class="pop-close">X</button>
<h1>SOAL-SOAL LALU</h1>
<div class="wrapper">
<div id="past-template" class="template-pq wrapper">
<img src="">
</div>
</div>
</div>
<div id="item-container" class="container pop-up">
<button onclick="hide_popup(this.parentNode)" class="pop-close">X</button>
<h1>ITEM</h1>
<div class="wrapper">
<button id="item-template" class="template-it wrapper" onclick="item_use(this)">COOKIE</button>
</div>
</div>
<div id="start-container" class="container pop-up">
<h1 style="width: 50%; text-align: center; margin: 25px auto;">Chemistry Smart Mobile Games</h1>
<div>
Expand Down
100 changes: 82 additions & 18 deletions script.js
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,15 @@
var serv={}, cImage, promised=0;
var serv={};
var qCount={def:8, sp:''};
var itemCount={val:0};
var promised=0;
var skipQ=new Set();
var qPic;
var qCont;
var infbox;
var cheese;
var resmsg;
var pastmp;
var itmtmp;
var defmsg="Pilihlah sebuah aksi!"
var lasmsg=defmsg;

Expand Down Expand Up @@ -81,36 +87,83 @@ function hide_popup(target){
setTimeout(()=>target.style.display='none',200);
}

function q_event() {
function q_event(n) {
console.log('Question TIME!');
show_popup(qCont);
lock = true;
if (typeof(n)=="number") {
console.log("spec",qCount)
hide_popup(document.querySelector("#past-container"))
qCount.sp=n;
setTimeout(()=>{
qPic.src=serv[stor].Path+'/'+serv[stor].Images[n];
show_popup(qCont);
},200);
} else {
turn = 1;
if (qCount.def<=9) {
show_popup(qCont);
}
}
}

function decline() {
function closeQ() {
console.log(qCount)
hide_popup(qCont);
setTimeout(()=>{
// next images
qPic.src=serv[stor].Path+'/'+serv[stor].Images[++cImage];
lock=false;
},200);
turn = 1;
},500);
ansOpt='';
}

function accept() {
if (serv[stor].Answers[cImage] == ansOpt) {
console.log("Selamat kamu betul")
if (ansOpt=='') return;
console.log(qCount)
a = qCount.def;
if (typeof(qCount.sp)=="number") {
console.log('hullo')
a = qCount.sp;
document.querySelector("#pq-"+a).remove();
skipQ.delete(a);
qCount.sp='';
} else qCount.def++;
if (serv[stor].Answers[a] == ansOpt) {
updtinfo("Selamat kamu betul! Kamu telah mendapatkan sebuah ITEM!");
console.log("Selamat kamu betul");
let clone = itmtmp.cloneNode(true);
clone.id="";
clone.textContent=serv[stor].Items[itemCount.val++];
itemCount.val%=7;
itmtmp.parentNode.appendChild(clone);
} else {
updtinfo("Gawat! Kamu ternyata salah!");
console.log("YAHAHAH KAMU SALAH")
}
decline()
qPic.src=serv[stor].Path+'/'+serv[stor].Images[qCount.def];
closeQ()
}

function decline() {
closeQ();
console.log(qCount)
a = qCount.def;
if (typeof(qCount.sp)=="number") a = qCount.sp;
else qCount.def++;
if (skipQ.has(a)==false) {
skipQ.add(a);
let clone = pastmp.cloneNode(true);
clone.id="pq-"+a;
clone.children[0].src=serv[stor].Path+'/'+serv[stor].Images[a];
clone.setAttribute("onclick","q_event("+a+")");
pastmp.parentNode.appendChild(clone);
}
}

function upd_hel(item, dec) {
item.hp=Math.max(item.hp-dec, 0);
item.hp=Math.min(Math.max(item.hp-dec, 0), 100);
item.elm.style.width=item.hp+'%';
setTimeout(()=>{
if (item.hp==0) {
lock=trye
lock=true
if (item.id=="pl") {
window.location.href = "lose.html";
} else {
Expand Down Expand Up @@ -147,7 +200,6 @@ function cheesefly(source, target) {
function attack(source, target) {
if (lock && source==player) return
if (source==player && turn%3==0) {
lock = true;
q_event();
return;
}
Expand All @@ -162,13 +214,24 @@ function attack(source, target) {
},600);
} else {
setTimeout(()=>{
upd_hel(player,20);
updtinfo("Sang Golden Rat menghancurkan Sang Regular Rat!")
upd_hel(player,30);
updtinfo("Sang Golden Rat menghancurkan Sang Regular Rat!");
setTimeout(()=>lock=false, 650);
},600);
}
}

function item_use(target) {
lock = 1;
hide_popup(document.querySelector("#item-container"));
target.remove();
setTimeout(()=>{
upd_hel(player,-60);
updtinfo("Kamu telah menggunakan ITEM!");
}, 200);
setTimeout(()=>lock=false, 1000);
}

// main basically
function main() {
console.log("serv",serv);
Expand All @@ -184,8 +247,7 @@ function main() {
i++;
},250);
// set the first pic
cImage=0;
qPic.src=serv[stor].Path+'/'+serv[stor].Images[cImage];
qPic.src=serv[stor].Path+'/'+serv[stor].Images[qCount.def];
}

// load variables & api only when web has loaded
Expand All @@ -198,6 +260,8 @@ window.onload = ()=> {
player.img = document.querySelector("#player-container .sprite img");
infbox = document.querySelector("#actinfo p")
cheese = document.querySelector("#cheese-ball")
pastmp = document.querySelector("#past-template")
itmtmp = document.querySelector("#item-template")
getData('storageIndex.json', main)
// getData('random.json', main)
lock=false;
Expand Down
13 changes: 12 additions & 1 deletion smalley.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,6 @@

#battle {
width: 100%;
border: none;
}

.container {
Expand Down Expand Up @@ -41,11 +40,23 @@
flex-basis: 18%;
}

.pop-up {
width: 95vw;
}

#start-container > * {
width: 100% !important;
box-sizing: border-box;
}

#past-container .wrapper > * {
flex-basis: 95%;
}

#past-container .wrapper{
padding: 5px;
}

#cheese-ball {
width: 75px;
}
9 changes: 9 additions & 0 deletions storageIndex.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,5 +28,14 @@
"A",
"A",
"A"
],
"Items":[
"Astronaut Food",
"Instant Noodles",
"Hot Dog",
"Steak",
"Legendary Hero",
"Ice cream",
"Croquet"
]
}
Loading

0 comments on commit 9d400af

Please sign in to comment.